/* GENERATED — do not edit. Run: npm run css:fallback
 *
 * Static fallbacks for color-mix(), which needs Chrome 111. Windows 7 stops at
 * Chrome 109, where an unparseable value makes the whole declaration vanish —
 * taking backgrounds, borders and shadows with it.
 *
 * Every color-mix() below was replaced by its dominant colour: a 97%/3% mix is
 * visually its 97% component. Wrapped in @supports so browsers that understand
 * color-mix ignore this file entirely.
 */
@supports not (color: color-mix(in oklab, red, blue)) {

  /* ---- from css/marketing.css ---- */
  body {
    background: radial-gradient(circle, rgba(15, 118, 110, 0.14) 1px, transparent 1.4px) 0 0 / 26px 26px,
    radial-gradient(circle at top left, rgba(15, 118, 110, 0.13), transparent 28rem),
    radial-gradient(circle at 88% 26%, transparent, transparent 40rem),
    radial-gradient(circle at 2% 54%, rgba(15, 118, 110, 0.32), transparent 38rem),
    radial-gradient(circle at 94% 79%, transparent, transparent 38rem),
    linear-gradient(180deg, #ffffff 0%, var(--m-bg) 48%, #eef7f4 100%);
  }
  .hero-section::before {
    background: radial-gradient(ellipse 50% 45% at 8% 10%, rgba(15, 118, 110, 0.22), transparent 70%),
    radial-gradient(ellipse 45% 42% at 92% 14%, transparent, transparent 72%),
    radial-gradient(ellipse 55% 60% at 14% 62%, rgba(15, 118, 110, 0.22), transparent 70%),
    radial-gradient(ellipse 50% 55% at 86% 78%, transparent, transparent 72%);
  }
  .full-feature-card-records {
    --feature-bg: rgba(37, 99, 235, 0.13);
  }
  .full-feature-card-dashboard {
    --feature-bg: rgba(79, 70, 229, 0.13);
  }
  .full-feature-card-encounters {
    --feature-bg: rgba(124, 58, 237, 0.13);
  }
  .full-feature-card-documents {
    --feature-bg: rgba(192, 38, 211, 0.13);
  }
  .full-feature-card-diagram {
    --feature-bg: rgba(219, 39, 119, 0.13);
  }
  .full-feature-card-safety {
    --feature-bg: rgba(220, 38, 38, 0.13);
  }
  .full-feature-card-scheduling {
    --feature-bg: rgba(234, 88, 12, 0.13);
  }
  .full-feature-card-multisite {
    --feature-bg: rgba(217, 119, 6, 0.13);
  }
  .full-feature-card-labs {
    --feature-bg: rgba(101, 163, 13, 0.13);
  }
  .full-feature-card-portal {
    --feature-bg: rgba(2, 132, 199, 0.13);
  }
  .full-feature-card-installable {
    --feature-bg: rgba(6, 182, 212, 0.13);
  }
  .full-feature-card-export {
    --feature-bg: rgba(13, 148, 136, 0.13);
  }
  .full-feature-card-security {
    --feature-bg: rgba(71, 85, 105, 0.13);
  }
  .workflow-steps {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.09), transparent),
    rgba(255, 255, 255, 0.72);
  }
  .workflow-steps li:nth-child(1) {
    --feature-bg: rgba(37, 99, 235, 0.13);
  }
  .workflow-steps li:nth-child(2) {
    --feature-bg: rgba(8, 145, 178, 0.13);
  }
  .workflow-steps li:nth-child(3) {
    --feature-bg: rgba(217, 119, 6, 0.13);
  }
  .workflow-steps li:nth-child(4) {
    --feature-bg: rgba(22, 163, 74, 0.13);
  }
  .ai-before-after {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.08), transparent),
    rgba(255, 255, 255, 0.8);
  }
  .ai-cards article {
    border: 1px solid var(--m-border);
  }
  .ai-card-credits {
    --feature-bg: rgba(124, 58, 237, 0.13);
  }
  .ai-card-ocr {
    --feature-bg: rgba(37, 99, 235, 0.13);
  }
  .ai-card-guards {
    --feature-bg: rgba(217, 119, 6, 0.13);
  }
  .audience-card-solo {
    --feature-bg: rgba(37, 99, 235, 0.13);
  }
  .audience-card-small {
    --feature-bg: rgba(124, 58, 237, 0.13);
  }
  .audience-card-lab {
    --feature-bg: rgba(217, 119, 6, 0.13);
  }
  .audience-card-portal {
    --feature-bg: rgba(8, 145, 178, 0.13);
  }
  .vue-signup-form::before {
    background: linear-gradient(90deg, var(--m-primary), #1f9c8f, var(--m-gold));
  }
  .marketing-footer::before {
    background: linear-gradient(90deg, var(--m-primary), #1f9c8f, var(--m-gold));
  }
  .marketing-footer::after {
    background: radial-gradient(ellipse 60% 100% at 10% 0%, rgba(15, 118, 110, 0.09), transparent 70%),
    radial-gradient(ellipse 55% 100% at 90% 100%, transparent, transparent 70%);
  }
}