/* Most Wanted approved typography, 2026-11-03.
 * Self-hosted official Google Fonts Latin + Latin-ext WOFF2.
 * Licensing: /most-wanted-home/brand-fonts/licenses/*-OFL.txt
 * Production sources and hashes are in source/font-manifest.json.
 */

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/atkinson-hyperlegible-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/atkinson-hyperlegible-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/atkinson-hyperlegible-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/atkinson-hyperlegible-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "Azeret Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/azeret-mono-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "Azeret Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/azeret-mono-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/fraunces-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/fraunces-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "League Spartan";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/league-spartan-800-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "League Spartan";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/league-spartan-800-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/red-hat-display-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/red-hat-display-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Full Google Fonts latin-ext character set; no text-specific subset. */
@font-face {
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/red-hat-display-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Full Google Fonts latin character set; no text-specific subset. */
@font-face {
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/most-wanted-home/brand-fonts/fonts/red-hat-display-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * The four approved production roles. This layer intentionally contains
 * !important font declarations: important declarations in a named layer beat
 * the existing unlayered !important rules, including their ID selectors.
 * Sizes, line heights, spacing, layout, colors and case stay with page CSS.
 * Keep this layer first if future CSS introduces other important layers.
 */
@layer mw-locked-typography {
  :root,
  body,
  body main#main,
  body #faq,
  body #guarantee,
  body #mw-journey,
  body #mw-live-payment-view {
    --mw-font-body: "Atkinson Hyperlegible", Arial, sans-serif !important;
    --mw-font-display: "League Spartan", Arial, sans-serif !important;
    --mw-font-subheading: "Fraunces", Georgia, serif !important;
    --mw-font-control: "Azeret Mono", "Courier New", monospace !important;
    --mw-font-story-serif: var(--mw-font-subheading) !important;
    --mw-font-faq-serif: var(--mw-font-subheading) !important;
    --mw-font-guarantee-serif: var(--mw-font-subheading) !important;
    --story-serif: var(--mw-font-subheading) !important;
    --faq-serif: var(--mw-font-subheading) !important;
    --guarantee-serif: var(--mw-font-subheading) !important;
    --journey-body: var(--mw-font-body) !important;
    --journey-display: var(--mw-font-display) !important;
    --journey-editorial: var(--mw-font-display) !important;
  }

  /* Reading is the default, including legal pages, footer prose and SVG text.
     Explicit icon font elements are excluded from every role's font reset. */
  html,
  body,
  body :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-body, "Atkinson Hyperlegible", Arial, sans-serif) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
  }

  /* Actual Atkinson bold is supplied for meaningful emphasis in reading text. */
  body :where(strong, b):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(strong, b) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-weight: 700 !important;
  }

  /* Navigation, actions, form controls and labels use Azeret Mono 500. */
  body :where(
    nav, button, input, select, option, optgroup, textarea, label, legend, summary,
    .label, .field-label, .meta, .badge, .chip, code,
    .sched-eyebrow, .sched-offer-eyebrow, .sched-source, .sched-status,
    .sched-event-time, .sched-event-status, .sched-calendar-dayhead > span,
    [role="button"], [role="tab"], [role="menuitem"], [role="switch"],
    .button, .btn, .cta, .header-cta, .pay-nav, .portal-nav, .quiet-link,
    .story-consult-link, .portal-showcase-link, .journey-action,
    .skip, .brand-footer-links, .brand-footer-bottom > a,
    .brand-footer-contact > a,
    .eyebrow, .kicker, .toolkit-eyebrow, .toolkit-meta, .toolkit-art-number,
    .toolkit-current, .toolkit-total, .toolkit-delivery,
    .story-type-prefix, .industry-chip, .owner-hat-caption > span:first-child,
    .guarantee-number, .faq-dial-value, .faq-dial-total,
    .faq-dial-number, .faq-dial-label,
    .portal-showcase-eyebrow, .portal-preview-kicker, .portal-preview-status,
    .portal-preview-sample, .portal-preview-example, .portal-preview-bottom,
    .brand-footer-kicker, .brand-footer-links > span, .brand-footer-contact > span,
    .journey-phase, .journey-stage-label, .journey-progress,
    .journey-step-label, .journey-option, .journey-option-letter,
    .journey-service-choice-name, .journey-service-choice-action,
    .journey-price-label, .journey-plan-badge, .journey-card-number,
    .journey-card-top, .journey-card-bottom, .journey-step-count,
    .journey-service-outcome-label, .journey-plan-tag, .journey-payment-label,
    .journey-document-toolbar > span,
    .pay-step, .pay-summary-kicker, .mw-loader-kicker, .mw-loader-footer,
    [data-mw-font-role="control"], [data-mw-font-role="label"]
  ):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(
    nav, button, input, select, option, optgroup, textarea, label, legend, summary,
    .label, .field-label, .meta, .badge, .chip, code,
    .sched-eyebrow, .sched-offer-eyebrow, .sched-source, .sched-status,
    .sched-event-time, .sched-event-status, .sched-calendar-dayhead > span,
    [role="button"], [role="tab"], [role="menuitem"], [role="switch"],
    .button, .btn, .cta, .header-cta, .pay-nav, .portal-nav, .quiet-link,
    .story-consult-link, .portal-showcase-link, .journey-action,
    .skip, .brand-footer-links, .brand-footer-bottom > a,
    .brand-footer-contact > a,
    .eyebrow, .kicker, .toolkit-eyebrow, .toolkit-meta, .toolkit-art-number,
    .toolkit-current, .toolkit-total, .toolkit-delivery,
    .story-type-prefix, .industry-chip, .owner-hat-caption > span:first-child,
    .guarantee-number, .faq-dial-value, .faq-dial-total,
    .faq-dial-number, .faq-dial-label,
    .portal-showcase-eyebrow, .portal-preview-kicker, .portal-preview-status,
    .portal-preview-sample, .portal-preview-example, .portal-preview-bottom,
    .brand-footer-kicker, .brand-footer-links > span, .brand-footer-contact > span,
    .journey-phase, .journey-stage-label, .journey-progress,
    .journey-step-label, .journey-option, .journey-option-letter,
    .journey-service-choice-name, .journey-service-choice-action,
    .journey-price-label, .journey-plan-badge, .journey-card-number,
    .journey-card-top, .journey-card-bottom, .journey-step-count,
    .journey-service-outcome-label, .journey-plan-tag, .journey-payment-label,
    .journey-document-toolbar > span,
    .pay-step, .pay-summary-kicker, .mw-loader-kicker, .mw-loader-footer,
    [data-mw-font-role="control"], [data-mw-font-role="label"]
  ) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-control) !important;
    font-weight: 500 !important;
    font-style: normal !important;
  }

  body :where(input, textarea)::placeholder {
    font-family: var(--mw-font-control) !important;
    font-weight: 500 !important;
    font-style: normal !important;
  }

  /* Subheadings and card titles are the upright Fraunces 500 role. */
  body :where(
    h3, h4, h5, h6, .subheading, .subhead, .subtitle, .lead, .statement-lead,
    .hero-partner-line, .story-type-line, .journey-description, .sched-lead,
    .portal-section-heading, .portal-preview-panel h3,
    .guarantee-points > li strong, .owner-hat-caption > span:last-child,
    .review-card-top strong, .mw-loader-title, #payment-state-title,
    [data-mw-font-role="subheading"], [data-mw-font-role="lead"]
  ):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(
    h3, h4, h5, h6, .subheading, .subhead, .subtitle, .lead, .statement-lead,
    .hero-partner-line, .story-type-line, .journey-description, .sched-lead,
    .portal-section-heading, .guarantee-points > li strong,
    .owner-hat-caption > span:last-child, .review-card-top strong,
    .mw-loader-title, #payment-state-title,
    [data-mw-font-role="subheading"], [data-mw-font-role="lead"]
  ) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-subheading) !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-optical-sizing: auto !important;
    -webkit-text-stroke: 0 !important;
  }

  /* Main/section headings and every text descendant stay League Spartan 800. */
  body :where(h1, h2, [role="heading"][aria-level="1"], [role="heading"][aria-level="2"],
    .section-title, .section-heading, .journey-heading, .footer-top > p,
    [data-mw-font-role="display"]):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(h1, h2, [role="heading"][aria-level="1"], [role="heading"][aria-level="2"],
    .section-title, .section-heading, .journey-heading, .footer-top > p,
    [data-mw-font-role="display"]) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-display) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    -webkit-text-stroke: 0 !important;
  }

  /* Legacy plan cards use h2 markup for a card title, not a section title. */
  body :where(.journey-plan-card h2):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(.journey-plan-card h2) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-subheading) !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-optical-sizing: auto !important;
    -webkit-text-stroke: 0 !important;
  }

  /* Technical labels, money and numeric data use the approved mono role.
     Table prose stays reading text; header labels and price cells are mono. */
  body :where(
    th, .price, .price > span, .price-chip, .payment strong,
    .support-amount, .price-label, .price-amount, .amount, .currency,
    [data-price], [data-amount], [data-mw-font-role="price"],
    .portal-referral-rate strong, .portal-progress-header strong,
    .portal-preview-percent, .step-number, .journey-digit,
    .journey-number-field, .journey-number-field > input,
    .journey-number-field > .journey-currency,
    .journey-plan-price, .journey-payment-total, .journey-agreement-price,
    .journey-payment-amount, .journey-payment-line > strong,
    .journey-payment-line-amount, .journey-monthly-price,
    .journey-service-price, .journey-service-choice-price,
    .journey-payment-schedule-amount, .journey-billing-price,
    .journey-setup-total > strong, .journey-card-verified-total,
    .journey-live-installments strong, .sched-offer-price-main > strong,
    .sched-offer-price-details, .sched-meeting-plan-prices,
    .sched-meeting-plan-finance, .sched-meeting-date strong, .sched-calendar-number,
    .journey-plan-price > strong, .pay-price-main, .pay-price-row,
    .pay-commission-row, .setup-installment-list,
    .service-choice-price, .service-price, .service-setup-price,
    .service-support-price, .tier-price, .tier-amount
  ):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(
    th, .price, .price-chip, .support-amount, .price-label, .price-amount,
    .amount, .currency, [data-price], [data-amount],
    [data-mw-font-role="price"], .portal-preview-percent,
    .journey-number-field, .journey-plan-price, .journey-payment-total,
    .journey-agreement-price, .journey-payment-amount,
    .journey-payment-line-amount, .journey-monthly-price,
    .journey-service-price, .journey-service-choice-price,
    .journey-payment-schedule-amount, .journey-billing-price,
    .journey-setup-total > strong, .journey-card-verified-total,
    .journey-live-installments strong, .sched-offer-price-main > strong,
    .sched-offer-price-details, .sched-meeting-plan-prices,
    .sched-meeting-plan-finance, .sched-meeting-date strong, .sched-calendar-number,
    .pay-price-main, .pay-price-row, .pay-commission-row,
    .setup-installment-list, .service-choice-price, .service-price,
    .service-setup-price, .service-support-price, .tier-price, .tier-amount
  ) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-control) !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-variant-numeric: tabular-nums !important;
    -webkit-text-stroke: 0 !important;
  }

  /* Reading text nested in controls, prices or legacy preformatted agreement
     elements must retain the body role, including the legal consent label. */
  body :where(
    .faq-list summary, .faq-list p, .faq-list li, .faq-question, .faq-answer,
    .journey-option > small, .journey-service-benefits > li,
    .journey-plan-description, .journey-billing-hint, .journey-billing-renewal,
    .journey-payment-caption, .journey-payment-timing, .journey-payment-line-note,
    .journey-consent, .agreement-consent, .agreement-checkbox-label,
    .sched-offer-product-copy > small, .sched-offer-support-choice small,
    .consent-label, .legal-consent, .checkbox-label,
    #agreement-document, #agreement-summary, #agreement-version,
    .agreement-document, .agreement-summary, .agreement-version,
    .cookie-notice-copy, .cookie-notice-link,
    [data-mw-font-role="body"]
  ):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)),
  body :where(
    .faq-list summary, .faq-list p, .faq-list li, .faq-question, .faq-answer,
    .journey-option > small, .journey-service-benefits > li,
    .journey-plan-description, .journey-billing-hint, .journey-billing-renewal,
    .journey-payment-caption, .journey-payment-timing, .journey-payment-line-note,
    .journey-consent, .agreement-consent, .agreement-checkbox-label,
    .sched-offer-product-copy > small, .sched-offer-support-choice small,
    .consent-label, .legal-consent, .checkbox-label,
    #agreement-document, #agreement-summary, #agreement-version,
    .agreement-document, .agreement-summary, .agreement-version,
    .cookie-notice-copy, .cookie-notice-link,
    [data-mw-font-role="body"]
  ) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: var(--mw-font-body) !important;
    font-weight: 400 !important;
    font-style: normal !important;
  }

  /* Preserve semantic emphasis within reading exceptions using the real bold. */
  body :where(
    .faq-list p, .faq-answer, .journey-option > small,
    .journey-service-benefits > li, .journey-consent,
    .agreement-consent, .agreement-checkbox-label,
    .consent-label, .legal-consent, .checkbox-label,
    #agreement-document, #agreement-summary, #agreement-version,
    .agreement-document, .agreement-summary, .agreement-version,
    .cookie-notice-copy, [data-mw-font-role="body"]
  ) :where(strong, b) {
    font-weight: 700 !important;
  }

  /* Approved Red Hat Display 700 for the partner line and review titles only. */
  body :where(.hero-partner-line, .launch-card-copy h3, .review-card-top strong),
  body :where(.hero-partner-line, .launch-card-copy h3, .review-card-top strong) :where(*):not(:where([data-mw-icon-font], [data-mw-icon-font] *, .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .material-icons, .material-icons-outlined, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .glyphicon, .iconfont, .dashicons)) {
    font-family: "Red Hat Display", Arial, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    -webkit-text-stroke: 0 !important;
  }
}

/* Layout adaptations for the approved font metrics. No font substitutions. */
@layer mw-locked-typography {
  /* Keep the opening headline in proportion to the storefront artwork. */
  @media (min-width:901px) {
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy {
      width:100% !important; min-width:0 !important;
    }
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy h1,
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy h1 > span {
      font-size:clamp(62px,5.85vw,84px) !important;
    }
    html[lang="es"]:not([data-site-preview="v2"]) body main#main > .hero .hero-copy h1,
    html[lang="es"]:not([data-site-preview="v2"]) body main#main > .hero .hero-copy h1 > span {
      font-size:clamp(42px,4.8vw,68px) !important;
    }
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-question-main { font-size:17px !important; }
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-question-follow { font-size:14.5px !important; }
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-actions { max-width:360px !important; }
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-consult-button {
      min-height:60px !important; padding:16px 20px !important; font-size:14px !important;
    }
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note { font-size:13px !important; }
  }
  html:not([data-site-preview="v2"]) body:has(> main#main > .hero .hero-partner-line) > .site-header > .brand img {
    width:124.8px !important; height:115.2px !important;
  }
  @media (min-width:901px) {
    html:not([data-site-preview="v2"]) body:has(> main#main > .hero .hero-partner-line) > .site-header {
      grid-template-columns:minmax(101px,128px) minmax(0,1fr) auto auto !important;
    }
  }
  @media (max-width:900px) {
    html:not([data-site-preview="v2"]) body:has(> main#main > .hero .hero-partner-line) > .site-header > .brand img {
      width:93.6px !important; height:86.4px !important;
    }
  }
  @media (max-width:360px) {
    html:not([data-site-preview="v2"]) body:has(> main#main > .hero .hero-partner-line) > .site-header > .brand img {
      width:84px !important; height:78px !important;
    }
  }
  @media (min-width:901px) {
    body .site-header > #header-actions { grid-column:3 !important; }
    body .site-header > .language-picker { grid-column:4 !important; }
  }
  @media (max-width:900px) {
    body .site-header #header-actions { grid-template-columns:minmax(0,1fr) !important; }
    html[data-site-preview="v2"] body .site-header { flex-wrap:wrap !important; }
    html[data-site-preview="v2"] body .site-header #header-actions { display:none !important; }
    html[data-site-preview="v2"] body .site-header #main-nav.open {
      position:static !important; order:10 !important; flex:0 0 100% !important;
      width:100% !important; min-width:0 !important; max-width:100% !important;
    }
    html[data-site-preview="v2"] body .site-header #main-nav.open ~ #header-actions {
      position:static !important; display:grid !important; order:11 !important;
      flex:0 0 100% !important; width:100% !important; min-width:0 !important;
      max-width:100% !important;
    }
    html[data-site-preview="v2"] body .site-header #main-nav.open ~ #header-actions > a {
      display:flex !important; justify-content:center !important; width:100% !important;
      min-width:0 !important; max-width:100% !important;
    }
  }
  body :where(h1,h2,h3,h4,h5,h6),body :where(h1,h2,h3,h4,h5,h6) :where(*) {
    text-transform: none !important;
  }
  @media (min-width:601px) and (max-width:960px) {
    main #guarantee #guarantee-heading,main #guarantee #guarantee-heading>span {
      font-size:clamp(48px,calc((100vw - 278px) / 6),80px) !important;
    }
  }
  @media (max-width:600px) {
    main #guarantee #guarantee-heading,main #guarantee #guarantee-heading>span {
      font-size:clamp(28px,calc((100vw - 144px) / 6),60px) !important;
    }
  }
  body .brand-footer-links a { overflow-wrap:anywhere !important; }
  body :where(.portal-auth-screen,.portal-login-layout)>* { min-width:0 !important; }
  body .journey-option-label { min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere !important; }
  @media (max-width:800px) {
    body :where(.portal-auth-screen,.portal-login-layout) { grid-template-columns:minmax(0,1fr) !important; }
  }
  @media (max-width:520px) {
    body .portal-welcome h1,body .portal-welcome h1 span { font-size:12.5vw !important; }
  }
  body.proof-page :is(.proof-search-layout,.proof-approach-grid,.proof-section-head)>*,
  body.proof-page .proof-points>.proof-point,
  body.proof-page .proof-list li>div,
  body.proof-page .proof-cta .wrap>* { min-width:0 !important; }
  body.proof-page .proof-point { overflow-wrap:anywhere !important; }
  body.proof-page .proof-list li>b { font-family:var(--mw-font-control) !important; font-weight:500 !important; }
  @media (min-width:481px) and (max-width:960px) {
    html[lang="es"] body.proof-page :is(.proof-section-head,.proof-approach-grid) h2 { font-size:45px !important; }
  }
  @media (max-width:480px) {
    body.proof-page :is(.proof-section-head,.proof-approach-grid,.proof-cta) h2 { font-size:clamp(36px,12.8vw,52px) !important; }
    body.proof-page .proof-list li>b { font-size:32px !important; }
  }
  html[data-site-preview="v2"] body #faq,
  html[data-site-preview="v2"] body #faq .faq-grid>* { min-width:0 !important; }
  html[data-site-preview="v2"] body #faq #faq-heading,
  html[data-site-preview="v2"] body #faq #faq-heading span { white-space:normal !important; overflow-wrap:anywhere !important; max-width:100% !important; }
  html[data-site-preview="v2"] body .website-cover-copy p { font-size:clamp(6px,.63vw,9px) !important; line-height:1.45 !important; overflow-wrap:anywhere !important; }
  @media (min-width:561px) and (max-width:900px) {
    html[data-site-preview="v2"] body .website-cover-copy p { font-size:clamp(8px,1.2vw,11px) !important; }
  }
  body #preview-proof-strip { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  body #preview-proof-strip>span { min-width:0 !important; overflow-wrap:anywhere !important; }
  @media (max-width:380px) {
    body .brand-footer-message h2,body .brand-footer-message h2>span {
      font-size:clamp(27px,9vw,34px) !important;
      line-height:1.04 !important;
    }
  }
}

/* A quiet assurance beside the primary action. The promise stays visible without another card. */
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,220px);
  column-gap:20px;
  align-content:center;
}
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy > :is(.hero-area-question,h1,.hero-partner-line) { grid-column:1 / -1; }
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-area-question {
  padding-left:16px;
  border-left:2px solid #c9c9c9;
}
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy h1 {
  margin:30px 0 24px;
  letter-spacing:-.032em !important;
}
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-actions {
  grid-column:1;
  grid-row:4;
  margin-top:34px;
}
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note {
  grid-column:2;
  grid-row:4;
  align-self:end;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:60px;
  width:auto;
  max-width:none !important;
  margin:34px 0 0;
  padding:0 0 0 18px;
  border:0;
  border-left:1px solid #ffffff36;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#ddd;
  line-height:1.2;
  letter-spacing:-.02em;
  overflow:visible;
}
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note::before { content:none; }
html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note .icon {
  flex:0 0 23px;
  box-sizing:border-box;
  width:23px;
  height:23px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  filter:none;
  animation:none;
  color:#d2d2d2;
}
@media(max-width:900px) {
  html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy {
    grid-template-columns:minmax(0,1fr);
  }
  html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note {
    grid-column:1;
    grid-row:5;
    align-self:start;
    min-height:0;
    margin:17px 0 0;
    padding:0;
    border:0;
  }
  html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-actions { margin-top:25px; }
  html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy h1 { margin:24px 0 18px; }
}
@layer mw-locked-typography {
  html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note {
    font-size:18px !important;
    font-weight:700 !important;
  }
  @media(max-width:900px) {
    html:not([data-site-preview="v2"]) body main#main > .hero .hero-copy .hero-note { font-size:17px !important; }
  }
}
@media (max-width: 767px) {
  .hero .launch-portrait-caption {
    display: none !important;
  }
}