/*
 * Safari on macOS rasterizes SVG foreignObject backdrop filters into a soft
 * bitmap layer. Keep the original vector fills and borders, but skip only the
 * problematic blur layer so buttons, cards and the floating header stay crisp.
 */
@media (min-width: 561px) {
  html.is-macos-safari,
  html.is-macos-safari body {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
  }

  html.is-macos-safari svg foreignObject {
    display: none !important;
  }

  html.is-macos-safari .nav-bg svg,
  html.is-macos-safari .cta > svg,
  html.is-macos-safari .feature-card > svg,
  html.is-macos-safari .tariff-card > svg,
  html.is-macos-safari .tariff-bottom-card > svg {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
  }

  html.is-macos-safari .nav--floating,
  html.is-macos-safari .cta,
  html.is-macos-safari .feature-card,
  html.is-macos-safari .tariff-card,
  html.is-macos-safari .tariff-bottom-card {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}