/* Extracted from brand.css at build time. Do not edit - edit brand.css. */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('fonts/archivo.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand colors */
  --pm-navy-950: #061b3a;
  --pm-navy-900: #082b5c;
  --pm-navy-800: #0d3b73;
  --pm-blue-700: #075fd8;
  --pm-blue-600: #0874f9;
  --pm-blue-500: #2588ff;
  --pm-blue-100: #dcecff;
  --pm-blue-50: #f3f8ff;
  --pm-teal-700: #078a82;
  --pm-teal-600: #0aa79d;
  --pm-teal-500: #12beb2;
  --pm-teal-100: #d8f6f2;

  /* Neutral colors */
  --pm-ink: #14243a;
  --pm-text: #314158;
  --pm-muted: #637189;
  --pm-border: #dce4ef;
  --pm-surface: #ffffff;
  --pm-background: #f6f9fd;
  --pm-background-strong: #edf4fc;

  /* Feedback colors */
  --pm-success: #078a6c;
  --pm-success-bg: #e8f8f2;
  --pm-warning: #a15c00;
  --pm-warning-bg: #fff5df;
  --pm-danger: #b42332;
  --pm-danger-bg: #fff0f1;
  /* ⭐ "Under MAP" — a real third state between a policy BREACH and a caution: the price is
     below MAP but no manufacturer policy is on file to make it urgent. The report needs a
     colour for it that is neither red nor yellow, and both the app and the marketing site show
     the same thing, so it belongs here rather than in either one's own stylesheet. */
  --pm-amber: #b4610f;
  --pm-amber-bg: #fff2e4;

  /* Typography */
  --pm-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* ⭐⭐ A DISPLAY FACE AND A FIGURE FACE, so the app and the site set type the same way.
     Until 2026-09-23 brand.css named Inter and NOTHING LOADED IT — no @font-face, no link —
     so every screen of the app rendered in whatever the machine had, usually Segoe UI. The
     marketing site then started loading the real faces and the two drifted apart again, which
     is the failure this file exists to prevent. */
  --pm-font-display: Archivo, var(--pm-font-sans);
  /* ⛔ For FIGURES. Prices, part numbers and quantities line up in columns, and a proportional
     font makes a price list impossible to scan. Always with font-variant-numeric: tabular-nums. */
  --pm-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Shape, shadow, and motion */
  --pm-radius-sm: 0.5rem;
  --pm-radius-md: 0.875rem;
  --pm-radius-lg: 1.25rem;
  --pm-shadow-sm: 0 1px 2px rgb(6 27 58 / 0.06);
  --pm-shadow-md: 0 12px 30px rgb(6 27 58 / 0.1);
  --pm-shadow-lg: 0 24px 60px rgb(6 27 58 / 0.14);
  --pm-transition: 180ms ease;
  --pm-content-width: 72rem;
}

.pm-logo {
  --logo-h: 76px;
  --ink-x: 84;      /* 92 - 8 bleed   */
  --ink-y: 153;     /* 161 - 8 bleed  */
  --ink-w: 2054;    /* (2129 - 92 + 1) + 16 */
  --ink-h: 410;     /* (554 - 161 + 1) + 16 */
  --canvas-w: 2172;

  display: block;
  height: var(--logo-h);
  width: calc(var(--ink-w) / var(--ink-h) * var(--logo-h));
  background-image: var(--logo-src);
  background-repeat: no-repeat;
  background-size: calc(var(--canvas-w) / var(--ink-h) * var(--logo-h)) auto;
  background-position:
    calc(-1 * var(--ink-x) / var(--ink-h) * var(--logo-h))
    calc(-1 * var(--ink-y) / var(--ink-h) * var(--logo-h));
  text-decoration: none;
  flex: none;
}