/* Public marketing theme only. The product workspaces keep their own theme.
   Actions always set their foreground, background and border together. */
@media not (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) {
    --lf-ink: #101f35;
    --lf-muted: #536477;
    --lf-line: #cbd9e5;
    --lf-cyan: #086d88;
    --lf-paper: #f7fafc;
    --lf-surface: #ffffff;
    --lf-soft: #eaf2f8;
    --lf-hover: #e2eef6;
    --lf-action-bg: #122a43;
    --lf-action-fg: #ffffff;
    --lf-action-border: #122a43;
    --lf-action-hover-bg: #214766;
    --lf-action-hover-fg: #ffffff;
    --lf-secondary-bg: #ffffff;
    --lf-secondary-fg: #193c54;
    --lf-secondary-border: #7c93a7;
    --lf-secondary-hover-bg: #e2eef6;
    --lf-secondary-hover-fg: #122a43;
    --lf-secondary-hover-border: #426a86;
    --lf-focus: #087792;
    --lf-focus-surface: #ffffff;
    background-color: var(--lf-paper) !important;
    color: var(--lf-ink) !important;
    --background: var(--lf-surface);
    --foreground: var(--lf-ink);
    --card: var(--lf-surface);
    --card-foreground: var(--lf-ink);
    --popover: var(--lf-surface);
    --popover-foreground: var(--lf-ink);
    --primary: var(--lf-action-bg);
    --primary-foreground: var(--lf-action-fg);
    --secondary: var(--lf-soft);
    --secondary-foreground: var(--lf-ink);
    --muted: var(--lf-soft);
    --muted-foreground: var(--lf-muted);
    --accent: var(--lf-hover);
    --accent-foreground: var(--lf-ink);
    --border: var(--lf-line);
    --input: var(--lf-line);
    --input-background: var(--lf-surface);
    --ring: var(--lf-focus);
    color-scheme: light;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page),
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-auth {
    --lf-ink: #eef5ff;
    --lf-muted: #b7c8dc;
    --lf-line: #3c536b;
    --lf-cyan: #86e4f1;
    --lf-paper: #091523;
    --lf-surface: #122238;
    --lf-soft: #172d43;
    --lf-hover: #25475e;
    --lf-action-bg: #86e4f1;
    --lf-action-fg: #0b2335;
    --lf-action-border: #86e4f1;
    --lf-action-hover-bg: #b5f1f8;
    --lf-action-hover-fg: #0b2335;
    --lf-secondary-bg: #172d43;
    --lf-secondary-fg: #eef5ff;
    --lf-secondary-border: #678298;
    --lf-secondary-hover-bg: #25475e;
    --lf-secondary-hover-fg: #ffffff;
    --lf-secondary-hover-border: #87dbe9;
    --lf-focus: #86e4f1;
    --lf-focus-surface: #091523;
    --apps-ink: #eef5ff;
    --apps-muted: #b7c8dc;
    --apps-line: #3c536b;
    --apps-accent: #86e4f1;
    --foreground: #eef5ff;
    --muted-foreground: #b7c8dc;
    --border: #3c536b;
    --card: #122238;
    --muted: #172d43;
    color-scheme: dark;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action, .lf-marketing-button-primary) {
    background: var(--lf-action-bg) !important;
    color: var(--lf-action-fg) !important;
    border-color: var(--lf-action-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action, .lf-marketing-button-primary):hover {
    background: var(--lf-action-hover-bg) !important;
    color: var(--lf-action-hover-fg) !important;
    border-color: var(--lf-action-hover-bg) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action-secondary, .lf-marketing-button-secondary) {
    background: var(--lf-secondary-bg) !important;
    color: var(--lf-secondary-fg) !important;
    border-color: var(--lf-secondary-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action-secondary, .lf-marketing-button-secondary):hover {
    background: var(--lf-secondary-hover-bg) !important;
    color: var(--lf-secondary-hover-fg) !important;
    border-color: var(--lf-secondary-hover-border) !important;
  }

  /* Midnight hero and closing surfaces are intentional in both modes. */
  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero:not(.lf-home-hero-showcase), .lf-apps-hero,
    .lf-closing, .lf-careers-hero, .lf-staff-story-hero, .lf-staff-careers-close,
    .lf-status-hero, [data-marketing-dark-surface]
  ) {
    --lf-ink: #f4f8ff;
    --lf-muted: #b7c8dc;
    --lf-cyan: #86e4f1;
    --apps-ink: #f4f8ff;
    --apps-muted: #b7c8dc;
    --apps-accent: #86e4f1;
    --lf-action-bg: #86e4f1;
    --lf-action-fg: #0b2335;
    --lf-action-border: #86e4f1;
    --lf-action-hover-bg: #b5f1f8;
    --lf-action-hover-fg: #0b2335;
    --lf-secondary-bg: #142c43;
    --lf-secondary-fg: #f4f8ff;
    --lf-secondary-border: #678298;
    --lf-secondary-hover-bg: #244b62;
    --lf-secondary-hover-fg: #ffffff;
    --lf-secondary-hover-border: #87dbe9;
    --lf-focus: #86e4f1;
    --lf-focus-surface: #0b1b2f;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark {
    background: #86e4f1 !important;
    color: #0b2335 !important;
    border-color: #86e4f1 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark-secondary {
    background: #142c43 !important;
    color: #f4f8ff !important;
    border-color: #678298 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark-secondary:hover {
    background: #244b62 !important;
    color: #ffffff !important;
    border-color: #87dbe9 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a, summary, [role='button']):focus-visible {
    outline: 3px solid var(--lf-focus) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px var(--lf-focus-surface);
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-text-link, .lf-apps-card-link, .lf-careers-inquiry) {
    color: var(--lf-cyan) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-text-link, .lf-apps-card-link, .lf-careers-inquiry):hover {
    color: var(--lf-ink) !important;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-product-tabs, .lf-usecase-tabs, .lf-playground-controls,
    .lf-story-inspector, .lf-story-context-toggle, .lf-story-priorities,
    .lf-story-voice-actions, .lf-capability-illustration
  ) button {
    color: var(--lf-secondary-fg) !important;
    background: var(--lf-secondary-bg) !important;
    border-color: var(--lf-secondary-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-product-tabs, .lf-usecase-tabs, .lf-playground-controls,
    .lf-story-inspector, .lf-story-context-toggle, .lf-story-priorities,
    .lf-story-voice-actions, .lf-capability-illustration
  ) button:hover {
    color: var(--lf-secondary-hover-fg) !important;
    background: var(--lf-secondary-hover-bg) !important;
    border-color: var(--lf-secondary-hover-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-product-tabs, .lf-usecase-tabs, .lf-playground-controls,
    .lf-story-inspector, .lf-story-context-toggle, .lf-story-priorities,
    .lf-story-voice-actions, .lf-capability-illustration
  ) button:is([aria-selected='true'], [aria-pressed='true']) {
    color: var(--lf-cyan) !important;
    background: var(--lf-soft) !important;
    border-color: var(--lf-cyan) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-hero-product {
    --lf-secondary-bg: #142c43;
    --lf-secondary-fg: #eef5ff;
    --lf-secondary-border: #678298;
    --lf-secondary-hover-bg: #244b62;
    --lf-secondary-hover-fg: #ffffff;
    --lf-secondary-hover-border: #87dbe9;
    --lf-cyan: #86e4f1;
    --lf-soft: #244b62;
    --lf-focus: #86e4f1;
    --lf-focus-surface: #0b1b2f;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button {
    background: #142c43 !important;
    color: #d4e6f7 !important;
    border-color: #56728a !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button:hover,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button[aria-selected='true'] {
    background: #244b62 !important;
    color: #ffffff !important;
    border-color: #87dbe9 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button > span {
    color: #c2d7e8 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header {
    background: color-mix(in srgb, var(--lf-paper) 96%, transparent) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-header-nav button, .lf-sign-in, .lf-mobile-nav button, .lf-mobile-nav a,
    .lf-product-navigation-panel a, .lf-marketing-theme-toggle, .lf-mobile-toggle
  ) {
    color: var(--lf-ink) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-header-nav button, .lf-sign-in, .lf-mobile-nav button, .lf-mobile-nav a,
    .lf-product-navigation-panel a, .lf-marketing-theme-toggle, .lf-mobile-toggle
  ):hover,
  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-header-nav button, .lf-mobile-nav button, .lf-mobile-nav a,
    .lf-product-navigation-panel a
  )[aria-current='page'] {
    color: var(--lf-cyan) !important;
    background: var(--lf-soft) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-product-navigation-panel, .lf-mobile-toggle, .lf-marketing-theme-toggle) {
    background: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-navigation-panel :is(strong, h2) {
    color: var(--lf-ink) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-navigation-panel small,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-mobile-product-heading {
    color: var(--lf-muted) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-navigation-panel a:hover :is(strong, small) {
    color: var(--lf-cyan) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pilot-banner {
    background: var(--lf-soft) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pilot-banner p {
    color: var(--lf-muted) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    min-width: 44px;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid var(--lf-line);
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-theme-toggle svg { width: 17px; height: 17px; }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase, .lf-story-hero, .lf-subpage-hero:not(.lf-apps-hero), .lf-apps-detail-hero, .lf-auth
  ) {
    background: radial-gradient(ellipse at 95% 0%, #1a3551 0, transparent 58%), var(--lf-paper) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase .lf-hero-copy h1, .lf-auth-copy > h1, .lf-onboarding-intro > h1,
    .lf-contact-paths h2, .lf-plan-card, .lf-capability-comparison h3, .lf-capability-engine-notes
  ) {
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase .lf-description, .lf-home-hero-showcase .lf-hero-footnote,
    .lf-home-hero-showcase .lf-audience, .lf-auth-copy > p, .lf-contact-paths p,
    .lf-auth-journey p, .lf-auth-journey small, .lf-onboarding-brand small,
    .lf-plan-description, .lf-plan-price span, .lf-plan-action-note, .lf-plan-fit p,
    .lf-plan-includes li, .lf-pricing-readiness p, .lf-story-availability,
    .lf-story-feature-grid p, .lf-story-boundaries p, .lf-careers-plan > p,
    .lf-careers-plan-note, .lf-careers-role-card > p, .lf-careers-role-card details ul,
    .lf-careers-role-card details > p, .lf-careers-interest p, .lf-careers-interest li,
    .lf-careers-contact > p, .lf-careers-sensitive-note, .lf-staff-boundary-grid p,
    .lf-staff-readiness-note li, .lf-staff-story-readiness > div:first-child > p,
    .lf-status-summary p, .lf-status-kicker, .lf-status-check-grid p,
    .lf-status-timing > div, .lf-status-method, .lf-status-coverage-grid p,
    .lf-status-contact p, .lf-status-not-monitored, .lf-playground-top small,
    .lf-playground-controls legend, .lf-playground-status, .lf-info-nav strong,
    .lf-product-discovery-grid p, .lf-app-stack small, .lf-apps-detail-example figcaption
  ) {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a {
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a:hover {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a > span:first-child {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase .lf-hero-copy h1 em, .lf-home-hero-showcase .lf-eyebrow,
    .lf-story-hero h1 em, .lf-apps-intro h1 em, .lf-eyebrow,
    .lf-contact-paths svg, .lf-auth-journey-icon, .lf-auth-journey strong,
    .lf-info-nav a, .lf-info-related a, .lf-plan-fit h3,
    .lf-pricing-compare-link, .lf-story-feature-grid > article > svg,
    .lf-story-boundaries > article > svg, .lf-product-discovery-grid a > svg,
    .lf-product-discovery-grid a > span, .lf-careers-contact > svg,
    .lf-careers-contact a:not(.lf-action), .lf-careers-related a, .lf-staff-boundaries .lf-text-link,
    .lf-apps-steps li > span, .lf-apps-benefit-list svg, .lf-app-guide-pages code
  ) {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-build-section, .lf-workspace-section, .lf-usecase-tabs, .lf-feature-group:nth-of-type(even),
    .lf-story-contrast, .lf-pricing-readiness, .lf-careers-roles, .lf-careers-related,
    .lf-staff-boundaries, .lf-status-coverage, .lf-apps-how, .lf-apps-start,
    .lf-apps-upcoming > details, .lf-apps-detail-example, .lf-info-nav, .lf-playground-status
  ) {
    background: var(--lf-soft) !important;
    border-color: var(--lf-line) !important;
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-feature-card, .lf-next-card, .lf-app-stack article, .lf-playground,
    .lf-app-discovery-card, .lf-info-section article, .lf-plan-card,
    .lf-story-boundaries article, .lf-story-related-links a, .lf-product-discovery-grid a,
    .lf-careers-plan, .lf-careers-role-card, .lf-careers-contact,
    .lf-staff-boundary-grid article, .lf-status-summary, .lf-status-coverage-grid article,
    .lf-capability-comparison article, .lf-capability-engine-notes,
    .lf-apps-card, .lf-apps-choice-list > a, .lf-app-guide-disclosure,
    .lf-auth-journey-icon, .lf-marketing-panel, .lf-marketing-inset
  ) {
    background: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-story-related-links a, .lf-product-discovery-grid a, .lf-feature-jump a,
    .lf-info-nav a, .lf-apps-choice-list > a
  ):hover {
    background: var(--lf-hover) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-feature-jump a, .lf-plan-highlight, .lf-status, .lf-feature-card li,
    .lf-feature-card-top > span, .lf-story-feature-note, .lf-careers-mark,
    .lf-careers-wip, .lf-app-stack-icon, .lf-apps-count, .lf-apps-price,
    .lf-apps-detail-badges > span, .lf-status-check-label
  ) {
    background: var(--lf-soft) !important;
    color: var(--lf-cyan) !important;
    border-color: #678298 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-wip-pill, .lf-story-wip, [data-commerce-test-pilot], .lf-product-discovery-grid small
  ) {
    background: #362b14 !important;
    color: #f5d994 !important;
    border-color: #b9974a !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) [data-commerce-test-pilot] p {
    color: #f5d994 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-status-operational, .lf-status-check-label.is-responding, .lf-apps-status-ready
  ) {
    background: #163a31 !important;
    color: #a8efd5 !important;
    border-color: #64b79b !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-status-operational .lf-status-symbol {
    color: #a8efd5 !important;
    background: #214b3e !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-status-degraded {
    background: #362b14 !important;
    border-color: #b9974a !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-status-degraded .lf-status-symbol {
    background: #4b3b1b !important;
    color: #f5d994 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-apps-card-art {
    background: #1b3349 !important;
    border-color: var(--lf-line) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-apps-card:nth-child(2) .lf-apps-card-art { background: #1d3833 !important; }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-apps-card:nth-child(3) .lf-apps-card-art { background: #393322 !important; }

  /* Product/site examples keep the illustrated site's palette, including
     their readable light canvas. Surrounding marketing controls follow mode. */
  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-story-illustration, .lf-app-example-window) {
    --lf-ink: #101f35;
    --lf-muted: #536477;
    --lf-cyan: #086d88;
    --lf-surface: #ffffff;
    --lf-soft: #eaf2f8;
    --lf-secondary-bg: #ffffff;
    --lf-secondary-fg: #193c54;
    --lf-secondary-border: #7c93a7;
    --lf-secondary-hover-bg: #e2eef6;
    --lf-secondary-hover-fg: #122a43;
    --lf-secondary-hover-border: #426a86;
    --lf-focus: #087792;
    --lf-focus-surface: #ffffff;
    --background: #ffffff;
    --foreground: #101f35;
    --card: #ffffff;
    --card-foreground: #101f35;
    --primary: #122a43;
    --primary-foreground: #ffffff;
    --secondary: #eaf2f8;
    --secondary-foreground: #101f35;
    --muted: #eaf2f8;
    --muted-foreground: #536477;
    --accent: #e2eef6;
    --accent-foreground: #122a43;
    --border: #7c93a7;
    --input: #7c93a7;
    --ring: #087792;
    color-scheme: light;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-marketing-input, .lf-marketing-select, .lf-marketing-select-trigger,
    .lf-marketing-textarea, .lf-careers-contact select
  ) {
    background: var(--lf-surface) !important;
    color: var(--lf-ink) !important;
    border-color: #7c93a7 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-marketing-input, .lf-marketing-textarea
  )::placeholder {
    color: var(--lf-muted) !important;
    opacity: 1;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-marketing-input, .lf-marketing-select, .lf-marketing-select-trigger,
    .lf-marketing-textarea, .lf-careers-contact select
  ):focus-visible {
    border-color: var(--lf-focus) !important;
    outline: 2px solid var(--lf-focus) !important;
    outline-offset: 2px;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-marketing-input, .lf-marketing-textarea)[aria-invalid='true'] {
    border-color: #c84646 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-marketing-input, .lf-marketing-textarea)[aria-invalid='true'] {
    border-color: #ff9797 !important;
  }

  /* These explicit class markers belong only to marketing Radix portals. */
  .lf-marketing-select-content {
    background: #ffffff !important;
    color: #101f35 !important;
    border-color: #7c93a7 !important;
  }

  .lf-marketing-select-content .lf-marketing-select-item {
    color: #193c54 !important;
  }

  .lf-marketing-select-content .lf-marketing-select-item:is(:focus, [data-highlighted], [data-state='checked']) {
    background: #e2eef6 !important;
    color: #122a43 !important;
  }

  html[data-marketing-theme='dark'] .lf-marketing-select-content {
    color-scheme: dark;
    background: #122238 !important;
    color: #eef5ff !important;
    border-color: #678298 !important;
  }

  html[data-marketing-theme='dark'] .lf-marketing-select-content .lf-marketing-select-item {
    color: #eef5ff !important;
  }

  html[data-marketing-theme='dark'] .lf-marketing-select-content .lf-marketing-select-item:is(:focus, [data-highlighted], [data-state='checked']) {
    background: #25475e !important;
    color: #ffffff !important;
  }

  /* Resources' reusable hero is a light surface in light mode. */
  .lumasaur-marketing-page .lf-subpage-hero [class~='bg-white/[0.055]'] {
    background: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
  }

  .lumasaur-marketing-page .lf-subpage-hero .text-white {
    color: var(--lf-ink) !important;
  }

  .lumasaur-marketing-page .lf-subpage-hero :is([class~='text-cyan-50/72'], [class~='text-cyan-50/68']) {
    color: var(--lf-muted) !important;
  }

  .lumasaur-marketing-page button.bg-transparent.text-white {
    background: #142c43 !important;
    color: #f4f8ff !important;
    border-color: #678298 !important;
  }

  .lumasaur-marketing-page button.bg-transparent.text-white:hover {
    background: #244b62 !important;
    color: #ffffff !important;
    border-color: #87dbe9 !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) .bg-cyan-50 {
    background-color: var(--lf-soft) !important;
    border-color: #678298 !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page .bg-emerald-50 {
    background-color: #163a31 !important;
    color: #a8efd5 !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page :is(.text-emerald-600, .text-emerald-700) {
    color: #a8efd5 !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page .bg-red-50 {
    background-color: #3c202b !important;
    border-color: #da7e8e !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page :is(.text-red-600, .text-red-700, .text-red-800) {
    color: #ffb6bf !important;
  }

  /* Auth and Resources use shared utility components rather than lf cards. */
  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(
    .bg-white, [class~='bg-white/86'], [class~='bg-white/90'], .bg-slate-50, .bg-slate-100, [class~='bg-slate-50/80']
  ) {
    background-color: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(.text-slate-950, .text-slate-900, .text-slate-800) {
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(.text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400) {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(.text-cyan-950, .text-cyan-900, .text-cyan-800, .text-cyan-700) {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) .group:hover .group-hover\:text-cyan-800 {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(button, a)[class~='hover:bg-cyan-50']:hover {
    background: var(--lf-hover) !important;
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(button, a)[class~='bg-cyan-300'] {
    background: #86e4f1 !important;
    color: #0b2335 !important;
    border-color: #86e4f1 !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(button, a)[class~='bg-cyan-300']:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare :is(table, thead, th, td) {
    background: var(--lf-surface) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer {
    --lf-ink: #eef5ff;
    --lf-muted: #b7c8dc;
    --lf-cyan: #9ae5f1;
    --lf-focus: #86e4f1;
    --lf-focus-surface: #071322;
    color: var(--lf-ink);
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer :is(a, .lf-footer-group h2) { color: #c7d8e9 !important; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer a:hover { color: #ffffff !important; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer :is(.lf-footer-brand p, .lf-footer-bottom) { color: #b7c8dc !important; }

  /* The native install dialog is portaled outside the marketing wrapper.
     A rendered marketing header plus the explicit install marker scopes it. */
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] {
    --background: #ffffff;
    --foreground: #101f35;
    --primary: #122a43;
    --primary-foreground: #ffffff;
    --muted: #eaf2f8;
    --muted-foreground: #536477;
    --accent: #e2eef6;
    --accent-foreground: #122a43;
    --border: #7c93a7;
    --ring: #087792;
    background: #ffffff !important;
    color: #101f35 !important;
    border-color: #7c93a7 !important;
    color-scheme: light;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] {
    --background: #122238;
    --foreground: #eef5ff;
    --primary: #86e4f1;
    --primary-foreground: #0b2335;
    --muted: #172d43;
    --muted-foreground: #b7c8dc;
    --accent: #25475e;
    --accent-foreground: #eef5ff;
    --border: #678298;
    --ring: #86e4f1;
    background: #122238 !important;
    color: #eef5ff !important;
    border-color: #678298 !important;
    color-scheme: dark;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] .bg-cyan-50 {
    background: var(--muted) !important;
    color: var(--foreground) !important;
    border-color: var(--border) !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] [data-slot='button']:hover {
    background: #214766 !important;
    color: #ffffff !important;
    border-color: #214766 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] [data-slot='button']:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] > button {
    color: var(--foreground) !important;
    min-width: 36px;
    min-height: 36px;
    display: grid;
    place-items: center;
    opacity: 1;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] button:focus-visible {
    outline: 3px solid var(--ring) !important;
    outline-offset: 3px;
  }

  /* Install controls are marked only while a marketing route is rendered. */
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button {
    background: #122a43 !important;
    color: #ffffff !important;
    border-color: #7c93a7 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:hover {
    background: #214766 !important;
    color: #ffffff !important;
    border-color: #7c93a7 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button {
    background: #86e4f1 !important;
    color: #0b2335 !important;
    border-color: #86e4f1 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:focus-visible {
    outline: 3px solid #087792 !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px #ffffff;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:focus-visible {
    outline-color: #86e4f1 !important;
    box-shadow: 0 0 0 6px #091523;
  }
}

@media (max-width: 600px) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header-row { gap: 8px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header .lf-brand-logo { width: 142px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-theme-toggle { min-width: 40px; padding-inline: 9px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-theme-label { display: none; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header .lf-action { padding-inline: 9px; gap: 5px; }
}
@media (max-width: 380px) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header .lf-brand-logo { width: 126px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header .lf-action svg { display: none; }
}
@media (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-theme-toggle,
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button { color: ButtonText !important; border: 1px solid ButtonText !important; background: ButtonFace !important; }
  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a, summary, [role='button']):focus-visible,
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:focus-visible { outline: 3px solid Highlight !important; outline-offset: 3px; }
}

/* Readable labels and links measured against their real public-page surfaces. */
@media not (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-feature-jump a > span {
    color: #36546b !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-feature-jump a > span {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-discovery-grid p {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-discovery-grid a > span {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link:hover {
    color: #122a43 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link,
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link:hover {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-story-block-label {
    color: #ffffff !important;
    background-color: #086d88 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-story-site-picker small {
    color: #536477 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a > span:first-child {
    color: #536477 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a > span:first-child {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a:hover {
    color: #086d88 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a:hover {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-related a,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-related a:hover,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-info-nav a:hover {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-info-nav a > span {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600'] {
    color: #ffffff !important;
    background-color: #0f6b50 !important;
    border-color: #0f6b50 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600']:hover {
    color: #ffffff !important;
    background-color: #0c543f !important;
    border-color: #0c543f !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600'] {
    color: #102b24 !important;
    background-color: #a8efd5 !important;
    border-color: #a8efd5 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600']:hover {
    color: #102b24 !important;
    background-color: #cff9e7 !important;
    border-color: #cff9e7 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-auth button[aria-label$='password'] {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-auth button[aria-label$='password']:hover {
    color: var(--lf-ink) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) input[type='checkbox']:focus-visible {
    outline: 3px solid var(--lf-focus) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px var(--lf-focus-surface) !important;
  }
}
@media (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) input[type='checkbox']:focus-visible {
    outline: 3px solid Highlight !important;
    outline-offset: 3px !important;
  }
}

/* Layered important overrides beat the shared Tailwind important utilities.
   Palette variables and responsive layout stay unlayered. */
@layer base {
@media not (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) {
    background-color: var(--lf-paper) !important;
    color: var(--lf-ink) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action, .lf-marketing-button-primary) {
    background: var(--lf-action-bg) !important;
    color: var(--lf-action-fg) !important;
    border-color: var(--lf-action-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action, .lf-marketing-button-primary):hover {
    background: var(--lf-action-hover-bg) !important;
    color: var(--lf-action-hover-fg) !important;
    border-color: var(--lf-action-hover-bg) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action-secondary, .lf-marketing-button-secondary) {
    background: var(--lf-secondary-bg) !important;
    color: var(--lf-secondary-fg) !important;
    border-color: var(--lf-secondary-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-action-secondary, .lf-marketing-button-secondary):hover {
    background: var(--lf-secondary-hover-bg) !important;
    color: var(--lf-secondary-hover-fg) !important;
    border-color: var(--lf-secondary-hover-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark {
    background: #86e4f1 !important;
    color: #0b2335 !important;
    border-color: #86e4f1 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark-secondary {
    background: #142c43 !important;
    color: #f4f8ff !important;
    border-color: #678298 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-button-dark-secondary:hover {
    background: #244b62 !important;
    color: #ffffff !important;
    border-color: #87dbe9 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a, summary, [role='button']):focus-visible {
    outline: 3px solid var(--lf-focus) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-text-link, .lf-apps-card-link, .lf-careers-inquiry) {
    color: var(--lf-cyan) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-text-link, .lf-apps-card-link, .lf-careers-inquiry):hover {
    color: var(--lf-ink) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-product-tabs, .lf-usecase-tabs, .lf-playground-controls,
    .lf-story-inspector, .lf-story-context-toggle, .lf-story-priorities,
    .lf-story-voice-actions, .lf-capability-illustration
  ) button {
    color: var(--lf-secondary-fg) !important;
    background: var(--lf-secondary-bg) !important;
    border-color: var(--lf-secondary-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-product-tabs, .lf-usecase-tabs, .lf-playground-controls,
    .lf-story-inspector, .lf-story-context-toggle, .lf-story-priorities,
    .lf-story-voice-actions, .lf-capability-illustration
  ) button:hover {
    color: var(--lf-secondary-hover-fg) !important;
    background: var(--lf-secondary-hover-bg) !important;
    border-color: var(--lf-secondary-hover-border) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-product-tabs, .lf-usecase-tabs, .lf-playground-controls,
    .lf-story-inspector, .lf-story-context-toggle, .lf-story-priorities,
    .lf-story-voice-actions, .lf-capability-illustration
  ) button:is([aria-selected='true'], [aria-pressed='true']) {
    color: var(--lf-cyan) !important;
    background: var(--lf-soft) !important;
    border-color: var(--lf-cyan) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button {
    background: #142c43 !important;
    color: #d4e6f7 !important;
    border-color: #56728a !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button:hover,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button[aria-selected='true'] {
    background: #244b62 !important;
    color: #ffffff !important;
    border-color: #87dbe9 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-staff-role-tabs button > span {
    color: #c2d7e8 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-header {
    background: color-mix(in srgb, var(--lf-paper) 96%, transparent) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-header-nav button, .lf-sign-in, .lf-mobile-nav button, .lf-mobile-nav a,
    .lf-product-navigation-panel a, .lf-marketing-theme-toggle, .lf-mobile-toggle
  ) {
    color: var(--lf-ink) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-header-nav button, .lf-sign-in, .lf-mobile-nav button, .lf-mobile-nav a,
    .lf-product-navigation-panel a, .lf-marketing-theme-toggle, .lf-mobile-toggle
  ):hover,
  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-header-nav button, .lf-mobile-nav button, .lf-mobile-nav a,
    .lf-product-navigation-panel a
  )[aria-current='page'] {
    color: var(--lf-cyan) !important;
    background: var(--lf-soft) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-product-navigation-panel, .lf-mobile-toggle, .lf-marketing-theme-toggle) {
    background: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-navigation-panel :is(strong, h2) {
    color: var(--lf-ink) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-navigation-panel small,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-mobile-product-heading {
    color: var(--lf-muted) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-navigation-panel a:hover :is(strong, small) {
    color: var(--lf-cyan) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pilot-banner {
    background: var(--lf-soft) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pilot-banner p {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase, .lf-story-hero, .lf-subpage-hero:not(.lf-apps-hero), .lf-apps-detail-hero, .lf-auth
  ) {
    background: radial-gradient(ellipse at 95% 0%, #1a3551 0, transparent 58%), var(--lf-paper) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase .lf-hero-copy h1, .lf-auth-copy > h1, .lf-onboarding-intro > h1,
    .lf-contact-paths h2, .lf-plan-card, .lf-capability-comparison h3, .lf-capability-engine-notes
  ) {
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase .lf-description, .lf-home-hero-showcase .lf-hero-footnote,
    .lf-home-hero-showcase .lf-audience, .lf-auth-copy > p, .lf-contact-paths p,
    .lf-auth-journey p, .lf-auth-journey small, .lf-onboarding-brand small,
    .lf-plan-description, .lf-plan-price span, .lf-plan-action-note, .lf-plan-fit p,
    .lf-plan-includes li, .lf-pricing-readiness p, .lf-story-availability,
    .lf-story-feature-grid p, .lf-story-boundaries p, .lf-careers-plan > p,
    .lf-careers-plan-note, .lf-careers-role-card > p, .lf-careers-role-card details ul,
    .lf-careers-role-card details > p, .lf-careers-interest p, .lf-careers-interest li,
    .lf-careers-contact > p, .lf-careers-sensitive-note, .lf-staff-boundary-grid p,
    .lf-staff-readiness-note li, .lf-staff-story-readiness > div:first-child > p,
    .lf-status-summary p, .lf-status-kicker, .lf-status-check-grid p,
    .lf-status-timing > div, .lf-status-method, .lf-status-coverage-grid p,
    .lf-status-contact p, .lf-status-not-monitored, .lf-playground-top small,
    .lf-playground-controls legend, .lf-playground-status, .lf-info-nav strong,
    .lf-product-discovery-grid p, .lf-app-stack small, .lf-apps-detail-example figcaption
  ) {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a {
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a:hover {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a > span:first-child {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-home-hero-showcase .lf-hero-copy h1 em, .lf-home-hero-showcase .lf-eyebrow,
    .lf-story-hero h1 em, .lf-apps-intro h1 em, .lf-eyebrow,
    .lf-contact-paths svg, .lf-auth-journey-icon, .lf-auth-journey strong,
    .lf-info-nav a, .lf-info-related a, .lf-plan-fit h3,
    .lf-pricing-compare-link, .lf-story-feature-grid > article > svg,
    .lf-story-boundaries > article > svg, .lf-product-discovery-grid a > svg,
    .lf-product-discovery-grid a > span, .lf-careers-contact > svg,
    .lf-careers-contact a:not(.lf-action), .lf-careers-related a, .lf-staff-boundaries .lf-text-link,
    .lf-apps-steps li > span, .lf-apps-benefit-list svg, .lf-app-guide-pages code
  ) {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-build-section, .lf-workspace-section, .lf-usecase-tabs, .lf-feature-group:nth-of-type(even),
    .lf-story-contrast, .lf-pricing-readiness, .lf-careers-roles, .lf-careers-related,
    .lf-staff-boundaries, .lf-status-coverage, .lf-apps-how, .lf-apps-start,
    .lf-apps-upcoming > details, .lf-apps-detail-example, .lf-info-nav, .lf-playground-status
  ) {
    background: var(--lf-soft) !important;
    border-color: var(--lf-line) !important;
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-feature-card, .lf-next-card, .lf-app-stack article, .lf-playground,
    .lf-app-discovery-card, .lf-info-section article, .lf-plan-card,
    .lf-story-boundaries article, .lf-story-related-links a, .lf-product-discovery-grid a,
    .lf-careers-plan, .lf-careers-role-card, .lf-careers-contact,
    .lf-staff-boundary-grid article, .lf-status-summary, .lf-status-coverage-grid article,
    .lf-capability-comparison article, .lf-capability-engine-notes,
    .lf-apps-card, .lf-apps-choice-list > a, .lf-app-guide-disclosure,
    .lf-auth-journey-icon, .lf-marketing-panel, .lf-marketing-inset
  ) {
    background: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-story-related-links a, .lf-product-discovery-grid a, .lf-feature-jump a,
    .lf-info-nav a, .lf-apps-choice-list > a
  ):hover {
    background: var(--lf-hover) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-feature-jump a, .lf-plan-highlight, .lf-status, .lf-feature-card li,
    .lf-feature-card-top > span, .lf-story-feature-note, .lf-careers-mark,
    .lf-careers-wip, .lf-app-stack-icon, .lf-apps-count, .lf-apps-price,
    .lf-apps-detail-badges > span, .lf-status-check-label
  ) {
    background: var(--lf-soft) !important;
    color: var(--lf-cyan) !important;
    border-color: #678298 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-wip-pill, .lf-story-wip, [data-commerce-test-pilot], .lf-product-discovery-grid small
  ) {
    background: #362b14 !important;
    color: #f5d994 !important;
    border-color: #b9974a !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) [data-commerce-test-pilot] p {
    color: #f5d994 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-status-operational, .lf-status-check-label.is-responding, .lf-apps-status-ready
  ) {
    background: #163a31 !important;
    color: #a8efd5 !important;
    border-color: #64b79b !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-status-operational .lf-status-symbol {
    color: #a8efd5 !important;
    background: #214b3e !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-status-degraded {
    background: #362b14 !important;
    border-color: #b9974a !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-status-degraded .lf-status-symbol {
    background: #4b3b1b !important;
    color: #f5d994 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-apps-card-art {
    background: #1b3349 !important;
    border-color: var(--lf-line) !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-apps-card:nth-child(2) .lf-apps-card-art { background: #1d3833 !important; }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-apps-card:nth-child(3) .lf-apps-card-art { background: #393322 !important; }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-marketing-input, .lf-marketing-select, .lf-marketing-select-trigger,
    .lf-marketing-textarea, .lf-careers-contact select
  ) {
    background: var(--lf-surface) !important;
    color: var(--lf-ink) !important;
    border-color: #7c93a7 !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-marketing-input, .lf-marketing-textarea
  )::placeholder {
    color: var(--lf-muted) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(
    .lf-marketing-input, .lf-marketing-select, .lf-marketing-select-trigger,
    .lf-marketing-textarea, .lf-careers-contact select
  ):focus-visible {
    border-color: var(--lf-focus) !important;
    outline: 2px solid var(--lf-focus) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-marketing-input, .lf-marketing-textarea)[aria-invalid='true'] {
    border-color: #c84646 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(.lf-marketing-input, .lf-marketing-textarea)[aria-invalid='true'] {
    border-color: #ff9797 !important;
  }
  .lf-marketing-select-content {
    background: #ffffff !important;
    color: #101f35 !important;
    border-color: #7c93a7 !important;
  }

  .lf-marketing-select-content .lf-marketing-select-item {
    color: #193c54 !important;
  }

  .lf-marketing-select-content .lf-marketing-select-item:is(:focus, [data-highlighted], [data-state='checked']) {
    background: #e2eef6 !important;
    color: #122a43 !important;
  }

  html[data-marketing-theme='dark'] .lf-marketing-select-content {
    background: #122238 !important;
    color: #eef5ff !important;
    border-color: #678298 !important;
  }

  html[data-marketing-theme='dark'] .lf-marketing-select-content .lf-marketing-select-item {
    color: #eef5ff !important;
  }

  html[data-marketing-theme='dark'] .lf-marketing-select-content .lf-marketing-select-item:is(:focus, [data-highlighted], [data-state='checked']) {
    background: #25475e !important;
    color: #ffffff !important;
  }
  .lumasaur-marketing-page .lf-subpage-hero [class~='bg-white/[0.055]'] {
    background: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
  }

  .lumasaur-marketing-page .lf-subpage-hero .text-white {
    color: var(--lf-ink) !important;
  }

  .lumasaur-marketing-page .lf-subpage-hero :is([class~='text-cyan-50/72'], [class~='text-cyan-50/68']) {
    color: var(--lf-muted) !important;
  }

  .lumasaur-marketing-page button.bg-transparent.text-white {
    background: #142c43 !important;
    color: #f4f8ff !important;
    border-color: #678298 !important;
  }

  .lumasaur-marketing-page button.bg-transparent.text-white:hover {
    background: #244b62 !important;
    color: #ffffff !important;
    border-color: #87dbe9 !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) .bg-cyan-50 {
    background-color: var(--lf-soft) !important;
    border-color: #678298 !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page .bg-emerald-50 {
    background-color: #163a31 !important;
    color: #a8efd5 !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page :is(.text-emerald-600, .text-emerald-700) {
    color: #a8efd5 !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page .bg-red-50 {
    background-color: #3c202b !important;
    border-color: #da7e8e !important;
  }

  html[data-marketing-theme='dark'] .lumasaur-marketing-page :is(.text-red-600, .text-red-700, .text-red-800) {
    color: #ffb6bf !important;
  }
  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(
    .bg-white, [class~='bg-white/86'], [class~='bg-white/90'], .bg-slate-50, .bg-slate-100, [class~='bg-slate-50/80']
  ) {
    background-color: var(--lf-surface) !important;
    border-color: var(--lf-line) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(.text-slate-950, .text-slate-900, .text-slate-800) {
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(.text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400) {
    color: var(--lf-muted) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(.text-cyan-950, .text-cyan-900, .text-cyan-800, .text-cyan-700) {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) .group:hover .group-hover\:text-cyan-800 {
    color: var(--lf-cyan) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(button, a)[class~='hover:bg-cyan-50']:hover {
    background: var(--lf-hover) !important;
    color: var(--lf-ink) !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(button, a)[class~='bg-cyan-300'] {
    background: #86e4f1 !important;
    color: #0b2335 !important;
    border-color: #86e4f1 !important;
  }

  html[data-marketing-theme='dark'] :is(.lumasaur-marketing-page, .lf-pricing-page, .lf-policy-page) :is(button, a)[class~='bg-cyan-300']:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare :is(table, thead, th, td) {
    background: var(--lf-surface) !important;
    color: var(--lf-ink) !important;
    border-color: var(--lf-line) !important;
  }

  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer :is(a, .lf-footer-group h2) { color: #c7d8e9 !important; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer a:hover { color: #ffffff !important; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-footer :is(.lf-footer-brand p, .lf-footer-bottom) { color: #b7c8dc !important; }
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] {
    background: #ffffff !important;
    color: #101f35 !important;
    border-color: #7c93a7 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] {
    background: #122238 !important;
    color: #eef5ff !important;
    border-color: #678298 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] .bg-cyan-50 {
    background: var(--muted) !important;
    color: var(--foreground) !important;
    border-color: var(--border) !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] [data-slot='button']:hover {
    background: #214766 !important;
    color: #ffffff !important;
    border-color: #214766 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] [data-slot='button']:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] > button {
    color: var(--foreground) !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-dialog] button:focus-visible {
    outline: 3px solid var(--ring) !important;
  }
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button {
    background: #122a43 !important;
    color: #ffffff !important;
    border-color: #7c93a7 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:hover {
    background: #214766 !important;
    color: #ffffff !important;
    border-color: #7c93a7 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button {
    background: #86e4f1 !important;
    color: #0b2335 !important;
    border-color: #86e4f1 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:hover {
    background: #b5f1f8 !important;
    color: #0b2335 !important;
    border-color: #b5f1f8 !important;
  }

  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:focus-visible {
    outline: 3px solid #087792 !important;
  }

  html[data-marketing-theme='dark'] body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:focus-visible {
    outline-color: #86e4f1 !important;
  }
}
@media (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-marketing-theme-toggle,
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button { color: ButtonText !important; border: 1px solid ButtonText !important; background: ButtonFace !important; }
  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a, summary, [role='button']):focus-visible,
  body:has(:is(.lf-marketing, .lumasaur-marketing-page) .lf-header) [data-web-app-install-support='platform'] > button:focus-visible { outline: 3px solid Highlight !important; }
}
@media not (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-feature-jump a > span {
    color: #36546b !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-feature-jump a > span {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-discovery-grid p {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-product-discovery-grid a > span {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link:hover {
    color: #122a43 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link,
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-pricing-compare-link:hover {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-story-block-label {
    color: #ffffff !important;
    background-color: #086d88 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-story-site-picker small {
    color: #536477 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a > span:first-child {
    color: #536477 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a > span:first-child {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a:hover {
    color: #086d88 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-plan li a:hover {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-related a,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-careers-related a:hover,
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-info-nav a:hover {
    color: var(--lf-cyan) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-info-nav a > span {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600'] {
    color: #ffffff !important;
    background-color: #0f6b50 !important;
    border-color: #0f6b50 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600']:hover {
    color: #ffffff !important;
    background-color: #0c543f !important;
    border-color: #0c543f !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600'] {
    color: #102b24 !important;
    background-color: #a8efd5 !important;
    border-color: #a8efd5 !important;
  }
  html[data-marketing-theme='dark'] :is(.lf-marketing, .lumasaur-marketing-page) :is(button, a)[class~='bg-emerald-600']:hover {
    color: #102b24 !important;
    background-color: #cff9e7 !important;
    border-color: #cff9e7 !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-auth button[aria-label$='password'] {
    color: var(--lf-muted) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-auth button[aria-label$='password']:hover {
    color: var(--lf-ink) !important;
  }
  :is(.lf-marketing, .lumasaur-marketing-page) input[type='checkbox']:focus-visible {
    outline: 3px solid var(--lf-focus) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px var(--lf-focus-surface) !important;
  }
}
@media (forced-colors: active) {
  :is(.lf-marketing, .lumasaur-marketing-page) input[type='checkbox']:focus-visible {
    outline: 3px solid Highlight !important;
    outline-offset: 3px !important;
  }
}
}