/* Landing page dark mode — warm stone palette aligned with light theme */

.landing-dark {
  color-scheme: dark;

  /* Core palette */
  --ld-bg: #121110;
  --ld-bg-subtle: #181614;
  --ld-bg-teal: #10181b;
  --ld-surface: #1f1d1b;
  --ld-surface-raised: #282522;
  --ld-surface-inset: #1a1816;
  --ld-border: rgba(231, 229, 228, 0.11);
  --ld-border-subtle: rgba(231, 229, 228, 0.07);
  --ld-text: #f5f4f2;
  --ld-text-muted: #c9c5c0;
  --ld-text-subtle: #9c9791;
  --ld-accent: #38AFCD;
  --ld-accent-muted: #7ec4d6;
  --ld-accent-soft: rgba(56, 175, 205, 0.16);
  --ld-accent-softer: rgba(56, 175, 205, 0.09);
  /* Console palette (matches dashboard dark:bg-dark-* tokens) */
  --ld-console-bg: #0d0d0d;
  --ld-console-surface: #171717;
  --ld-console-card: #1f1f1f;
  --ld-console-border: #333333;
  --ld-console-hover: #353535;
  --ld-console-inset: rgba(28, 25, 23, 0.35);
  --ld-console-text: #fafaf9;
  --ld-console-text-muted: #a8a29e;
  --ld-console-text-subtle: #78716c;
  --ld-console-btn-secondary: #44403c;
  --ld-console-btn-secondary-hover: #57534e;
  /* Code editor scheme (matches console CodeEditor / SyntaxHighlightedCode) */
  --ld-code-bg: #1a1a1a;
  --ld-code-gutter: #242424;
  --ld-code-ln: #606060;
  --ld-code-key: #fdba74;
  --ld-code-string: #34d399;
  --ld-code-punct: #f5f5f4;
  --ld-code-border: rgba(255, 255, 255, 0.08);
  --ld-btn-primary-bg: #f5f5f4;
  --ld-btn-primary-hover: #eceae8;
  --ld-btn-primary-text: #18181b;

  --mr-bg: var(--ld-bg);
  --mr-surface: var(--ld-surface);
  --mr-muted: var(--ld-surface-raised);
  --mr-border: rgba(231, 229, 228, 0.12);
  --mr-text: var(--ld-text);
  --mr-text-muted: var(--ld-text-muted);
  --mr-text-subtle: var(--ld-text-subtle);
  --mr-chip-bg: var(--ld-surface-raised);
  --mr-step-index-bg: var(--ld-surface-raised);
  --mr-step-index-accent-bg: var(--ld-btn-primary-bg);
  --mr-step-index-accent-text: var(--ld-btn-primary-text);
  --mr-btn-primary-bg: var(--ld-btn-primary-bg);
  --mr-btn-primary-border: var(--ld-btn-primary-bg);
  --mr-btn-primary-text: var(--ld-btn-primary-text);
  --mr-btn-primary-hover-bg: var(--ld-btn-primary-hover);
  --mr-btn-primary-hover-border: var(--ld-btn-primary-hover);
  --mr-btn-secondary-bg: var(--ld-console-btn-secondary);
  --mr-btn-secondary-border: var(--ld-console-btn-secondary);
  --mr-btn-secondary-text: #f5f5f4;
  --mr-btn-secondary-hover-bg: var(--ld-console-btn-secondary-hover);
  --mr-btn-secondary-hover-border: var(--ld-console-btn-secondary-hover);
  --mr-btn-secondary-hover-text: #ffffff;
}

/* ── Base & sections ─────────────────────────────────────────── */

.landing-dark,
.landing-dark body {
  background-color: var(--ld-bg);
  color: var(--ld-text);
}

.landing-dark #hero-section {
  background-color: var(--ld-bg) !important;
}

.landing-dark #hero-section .hero-tone-overlay {
  display: none;
}

.landing-dark #header-placeholder {
  position: relative;
  background-color: var(--ld-bg);
  z-index: 50;
}

.landing-dark #header-placeholder::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to bottom, transparent 99px, rgba(255, 255, 255, 0.03) 99px),
    linear-gradient(to right, transparent 99px, rgba(255, 255, 255, 0.025) 99px);
  background-size: 100px 100px;
  opacity: 0.32;
}

.landing-dark #header-placeholder nav {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border-bottom: none !important;
}

.landing-dark #why-developers {
  background-color: var(--ld-bg-subtle) !important;
  border-top-color: var(--ld-border-subtle) !important;
}

.landing-dark #solution-section {
  background-color: var(--ld-bg-subtle) !important;
}

.landing-dark #why-not-openai {
  background-color: var(--ld-bg) !important;
  border-top-color: var(--ld-border-subtle) !important;
}

.landing-dark #cta-section {
  background-color: var(--ld-bg-subtle) !important;
}

/* ── Tailwind utility overrides ──────────────────────────────── */

.landing-dark .text-stone-900 { color: var(--ld-text) !important; }
.landing-dark .text-stone-800,
.landing-dark .text-stone-700 { color: var(--ld-text-muted) !important; }
.landing-dark .text-stone-600 { color: var(--ld-text-muted) !important; }
.landing-dark .text-stone-500,
.landing-dark .text-slate-500 { color: var(--ld-text-subtle) !important; }
.landing-dark .text-slate-600 { color: var(--ld-text-muted) !important; }
.landing-dark .text-primary-600,
.landing-dark .text-primary-700 { color: var(--ld-accent) !important; }
.landing-dark .border-stone-100,
.landing-dark .border-stone-200 { border-color: var(--ld-border-subtle) !important; }
.landing-dark .border-stone-300 { border-color: var(--ld-border) !important; }
.landing-dark .bg-white,
.landing-dark .bg-white\/50 { background-color: var(--ld-surface) !important; }
.landing-dark .bg-stone-50,
.landing-dark .bg-stone-100,
.landing-dark .bg-stone-50\/50 { background-color: var(--ld-surface-raised) !important; }
.landing-dark [class*="hover:border-stone-300"]:hover {
  border-color: var(--ld-border) !important;
}

/* ── Shared marketing components ─────────────────────────────── */

.landing-dark .mr-btn-primary,
.landing-dark .mr-btn-secondary,
.landing-dark .mr-card,
.landing-dark .mr-card-muted,
.landing-dark .mr-section-panel,
.landing-dark .mr-step-card,
.landing-dark .mr-code-panel,
.landing-dark .mr-tag-pill,
.landing-dark .mr-hero-badge,
.landing-dark .mr-step-index,
.landing-dark .mr-feature-index {
  box-shadow: none;
}

.landing-dark .mr-code-panel pre {
  color: var(--ld-text-muted);
}

.landing-dark .mr-code-panel {
  background: var(--ld-code-bg) !important;
  border-color: var(--ld-code-border) !important;
}

.landing-dark .mr-code-panel .text-primary-700,
.landing-dark .mr-code-panel .text-primary-800 {
  color: var(--ld-code-key) !important;
}

.landing-dark .mr-code-panel .text-stone-700 {
  color: var(--ld-code-string) !important;
}

.landing-dark .mr-code-panel .text-stone-600 {
  color: #d6d3d1 !important;
}

.landing-dark .mr-code-panel .text-stone-500,
.landing-dark .mr-code-panel .text-stone-400 {
  color: var(--ld-code-ln) !important;
}

/* ── Atmosphere ──────────────────────────────────────────────── */

.landing-dark .menu-blur {
  background: var(--ld-bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid var(--ld-border-subtle);
}

.landing-dark .grid-background {
  background-image:
    linear-gradient(to bottom, transparent 99px, rgba(255, 255, 255, 0.03) 99px),
    linear-gradient(to right, transparent 99px, rgba(255, 255, 255, 0.025) 99px);
  background-size: 100px 100px;
  opacity: 0.4 !important;
}

.landing-dark #hero-section .grid-background {
  opacity: 0.32 !important;
}

.landing-dark #particle-container,
.landing-dark #cta-particle-container {
  opacity: 0.55;
}

/* ── Header ──────────────────────────────────────────────────── */

.landing-dark #header-placeholder .nav-trigger,
.landing-dark #header-placeholder a.text-zinc-600 {
  color: #d6d3d1 !important;
}

.landing-dark #header-placeholder .nav-trigger:hover,
.landing-dark #header-placeholder a.text-zinc-600:hover,
.landing-dark #header-placeholder .nav-trigger.text-zinc-900,
.landing-dark #header-placeholder a.text-zinc-900 {
  color: #f5f5f4 !important;
}

.landing-dark #header-placeholder .text-zinc-400 {
  color: #a8a29e !important;
}

.landing-dark #header-placeholder #mobile-menu-btn,
.landing-dark #header-placeholder .mobile-menu-toggle {
  background: var(--ld-surface) !important;
  border: none !important;
  color: var(--ld-text-muted) !important;
  box-shadow: none !important;
}

.landing-dark #header-placeholder #mobile-menu-btn:hover,
.landing-dark #header-placeholder .mobile-menu-toggle:hover,
.landing-dark #header-placeholder #mobile-menu-btn[aria-expanded="true"],
.landing-dark #header-placeholder .mobile-menu-toggle--close {
  background: var(--ld-surface-raised) !important;
  border: none !important;
  color: var(--ld-text) !important;
}

.landing-dark #header-placeholder .nav-cta-primary {
  background: var(--ld-btn-primary-bg) !important;
  border: none !important;
  color: var(--ld-btn-primary-text) !important;
  box-shadow: none !important;
}

.landing-dark #header-placeholder .nav-cta-primary:hover,
.landing-dark #header-placeholder .nav-cta-primary:focus-visible {
  background: var(--ld-btn-primary-hover) !important;
  border: none !important;
  color: var(--ld-btn-primary-text) !important;
  box-shadow: none !important;
}

.landing-dark #header-placeholder .nav-cta-primary svg {
  color: var(--ld-btn-primary-text) !important;
}

.landing-dark #header-placeholder .mobile-nav-link {
  color: var(--ld-text-muted) !important;
}

.landing-dark #header-placeholder .mobile-nav-link--primary {
  color: var(--ld-text) !important;
}

.landing-dark #header-placeholder .mobile-nav-signin {
  color: var(--ld-text-muted) !important;
}

.landing-dark #header-placeholder .mobile-nav-signin:hover {
  color: var(--ld-text) !important;
}

.landing-dark #header-placeholder .mobile-menu-toggle,
.landing-dark #header-placeholder #mobile-menu-btn {
  color: var(--ld-text-muted);
}

.landing-dark #header-placeholder .nav-dropdown-panel {
  background: var(--ld-surface) !important;
  border-color: var(--ld-border) !important;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

.landing-dark #header-placeholder .nav-dropdown-col {
  border-right-color: var(--ld-border-subtle) !important;
}

.landing-dark #header-placeholder .nav-dropdown-col-label {
  color: #78716c !important;
}

.landing-dark #header-placeholder .nav-dropdown-link-title {
  color: #e7e5e4 !important;
}

.landing-dark #header-placeholder .nav-dropdown-link-desc {
  color: #a8a29e !important;
}

.landing-dark #header-placeholder .nav-dropdown-link:hover {
  background: var(--ld-surface-raised) !important;
}

.landing-dark #header-placeholder .nav-dropdown-link:hover .nav-dropdown-link-title {
  color: #f5f5f4 !important;
}

.landing-dark #header-placeholder #mobile-menu-panel {
  background: var(--ld-surface);
}

.landing-dark #header-placeholder .mobile-nav-footer {
  background: var(--ld-surface-inset);
}

.landing-dark #header-placeholder .mobile-nav-link:hover,
.landing-dark #header-placeholder .mobile-nav-link:focus-visible {
  background: var(--ld-surface-raised);
  color: var(--ld-text);
}

/* ── Hero copy & CTAs ────────────────────────────────────────── */

.landing-dark #hero-section h1 {
  color: var(--ld-text) !important;
}

.landing-dark #hero-section p.text-stone-600 {
  color: var(--ld-text-muted) !important;
}

.landing-dark #hero-section p.text-stone-500 {
  color: var(--ld-text-subtle) !important;
}

.landing-dark #hero-section .hero-cta-primary {
  background: var(--ld-btn-primary-bg) !important;
  border: none !important;
  color: var(--ld-btn-primary-text) !important;
  box-shadow: none !important;
}

.landing-dark #hero-section .hero-cta-primary:hover,
.landing-dark #hero-section .hero-cta-primary:focus-visible {
  background: var(--ld-btn-primary-hover) !important;
  border: none !important;
  color: var(--ld-btn-primary-text) !important;
  box-shadow: none !important;
}

.landing-dark #hero-section .hero-cta-primary svg {
  color: var(--ld-btn-primary-text) !important;
}

.landing-dark #hero-section .hero-cta-secondary {
  background: var(--ld-surface-raised) !important;
  color: var(--ld-text) !important;
  border: none !important;
  box-shadow: none !important;
}

.landing-dark #hero-section .hero-cta-secondary:hover,
.landing-dark #hero-section .hero-cta-secondary:focus-visible {
  background: #32302e !important;
  color: var(--ld-text) !important;
  border: none !important;
  box-shadow: none !important;
}

.landing-dark #hero-section .hero-cta-secondary svg {
  color: var(--ld-text) !important;
}

/* ── Demo chrome (keep mockup light, darken only the frame) ─── */

.landing-dark #hero-section .mr-demo-tabs {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: none;
}

.landing-dark #hero-section .mr-demo-tabs-indicator {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

.landing-dark #hero-section .mr-demo-tabs-divider {
  background: var(--ld-border);
}

.landing-dark .mr-demo-tab {
  color: var(--ld-text-subtle);
}

.landing-dark .mr-demo-tab:hover:not(.is-active) {
  color: var(--ld-text-muted);
}

.landing-dark .mr-demo-tab.is-active {
  color: var(--ld-text);
}

.landing-dark .mr-demo-play-btn {
  color: var(--ld-text-subtle);
}

.landing-dark .mr-demo-play-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ld-text);
}

.landing-dark .mr-demo-shell {
  background: var(--ld-console-bg);
  border-color: var(--ld-console-border);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 24px 56px rgba(0, 0, 0, 0.45),
    0 8px 20px rgba(0, 0, 0, 0.3);
}

/* Hero demo — console dark shell */
.landing-dark .mr-demo-console,
.landing-dark .mr-demo-main {
  background: var(--ld-console-bg);
}

.landing-dark .mr-demo-chrome,
.landing-dark .mr-demo-topbar {
  background: var(--ld-console-surface);
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-demo-chrome-url {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-demo-topbar-logo--light {
  display: none;
}

.landing-dark .mr-demo-topbar-logo--dark {
  display: block;
}

.landing-dark .mr-demo-org-btn,
.landing-dark .mr-demo-docs-link {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-org-menu {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.landing-dark .mr-demo[data-scene="team"] .mr-demo-org-btn,
.landing-dark .mr-demo[data-scene="projects"] .mr-demo-project-btn {
  background: var(--ld-console-hover);
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-org-menu-label,
.landing-dark .mr-demo-project-menu-label {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-demo-org-item-wrap {
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-demo-org-item,
.landing-dark .mr-demo-org-action,
.landing-dark .mr-demo-project-option {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-org-item.is-active {
  background: rgba(251, 191, 36, 0.12);
}

.landing-dark .mr-demo-org-item-name {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-org-item-meta,
.landing-dark .mr-demo-org-item-meta span,
.landing-dark .mr-demo-project-option,
.landing-dark .mr-demo-project-badge {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-project-option.is-active {
  background: var(--ld-console-hover);
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-org-current-badge {
  color: #fbbf24;
}

.landing-dark .mr-demo-org-action svg {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-org-separator {
  background: var(--ld-console-border);
}

.landing-dark .mr-demo-project-menu {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.landing-dark .mr-demo-project-option {
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-demo-avatar {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-sidebar {
  background: var(--ld-console-surface);
  border-right-color: var(--ld-console-border);
}

.landing-dark .mr-demo-project-btn {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-project-folder,
.landing-dark .mr-demo-project-chevron,
.landing-dark .mr-demo-nav-item {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-nav-divider {
  background: var(--ld-console-border);
}

.landing-dark .mr-demo-nav-item.is-active {
  background: var(--ld-console-hover);
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-panel-title,
.landing-dark .mr-demo-log-title,
.landing-dark .mr-demo-pg-title,
.landing-dark .mr-demo-header h3,
.landing-dark .mr-demo-prov-header h3,
.landing-dark .mr-demo-team-header h3,
.landing-dark .mr-demo-shell h3 {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-panel-subtitle,
.landing-dark .mr-demo-header p,
.landing-dark .mr-demo-prov-header p,
.landing-dark .mr-demo-pg-subtitle {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-primary-btn {
  background: #fff;
  border-color: #fff;
  color: #18181b;
  box-shadow: none;
}

.landing-dark .mr-demo-prov-page,
.landing-dark .mr-demo-pg-page,
.landing-dark .mr-demo-log-page {
  background: var(--ld-console-surface);
}

.landing-dark .mr-demo-prov-header,
.landing-dark .mr-demo-pg-header,
.landing-dark .mr-demo-log-header-panel {
  background: var(--ld-console-surface);
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-demo-prov-scroll,
.landing-dark .mr-demo-pg-scroll,
.landing-dark .mr-demo-log-body {
  background: var(--ld-console-inset);
}

.landing-dark .mr-demo-prov-scroll::-webkit-scrollbar-thumb,
.landing-dark .mr-demo-pg-scroll::-webkit-scrollbar-thumb,
.landing-dark .mr-demo-log-scroll::-webkit-scrollbar-thumb {
  background: #57534e;
}

.landing-dark .mr-demo-prov-card,
.landing-dark .mr-demo-card {
  background: var(--ld-console-card);
  border: 1px solid var(--ld-console-border);
}

.landing-dark .mr-demo-card-footer {
  border-top: 1px solid var(--ld-console-border);
}

.landing-dark .mr-demo-prov-card-menu {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-demo-prov-card-icon {
  padding: 0.35rem;
  border-radius: 0.25rem;
  background: rgba(41, 37, 36, 0.6);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* Monochrome provider logos — black paths become white in dark mode */
.landing-dark .mr-demo-prov-card-icon svg path[fill="#181818"],
.landing-dark .mr-demo-prov-card-icon svg path[fill="#18181b"],
.landing-dark .mr-demo-provider-icon svg path[fill="#181818"],
.landing-dark .mr-demo-provider-icon svg path[fill="#18181b"],
.landing-dark .mr-benefit-wf-icon svg path[fill="#181818"],
.landing-dark .mr-benefit-wf-icon svg path[fill="#18181b"],
.landing-dark .mr-demo-timeline-title svg path[fill="#181818"],
.landing-dark .mr-demo-timeline-title svg path[fill="#18181b"],
.landing-dark .solution-prov-card-face svg path[fill="#181818"],
.landing-dark .solution-prov-card-face svg path[fill="#18181b"],
.landing-dark #hero-section svg path[fill="#181818"],
.landing-dark #hero-section svg path[fill="#18181b"],
.landing-dark #why-developers svg path[fill="#181818"],
.landing-dark #why-developers svg path[fill="#18181b"],
.landing-dark #solution-section svg path[fill="#181818"],
.landing-dark #solution-section svg path[fill="#18181b"] {
  fill: #f5f5f4 !important;
}

.landing-dark .mr-demo-prov-card-name,
.landing-dark .mr-demo-card-title {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-prov-card-models,
.landing-dark .mr-demo-card-desc {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-prov-status.is-connected {
  background: rgba(20, 83, 45, 0.3);
  color: #86efac;
}

.landing-dark .mr-demo-prov-status.is-unconfigured {
  background: rgba(41, 37, 36, 0.8);
  color: #d6d3d1;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-demo-prov-card-btn,
.landing-dark .mr-demo-pg-btn,
.landing-dark .mr-demo-log-back {
  background: var(--ld-console-btn-secondary);
  border-color: #57534e;
  color: #f5f5f4;
}

.landing-dark .mr-demo-pg-async {
  border-top-color: var(--ld-console-border);
}

.landing-dark .mr-demo-pg-async-label {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-pg-async-desc,
.landing-dark .mr-demo-pg-field-label,
.landing-dark .mr-demo-pg-block-label {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-pg-select,
.landing-dark .mr-demo-pg-response {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-pg-code {
  background: var(--ld-code-bg);
  border-color: var(--ld-code-border);
}

.landing-dark .mr-demo-pg-test-banner {
  background: rgba(31, 31, 31, 0.6);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-pg-test-banner svg {
  color: #34d399;
}

.landing-dark .mr-demo-log-back {
  background: var(--ld-console-card);
}

.landing-dark .mr-demo-log-provider-chip,
.landing-dark .mr-demo-log-event-chip {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-log-model-name,
.landing-dark .mr-demo-log-time,
.landing-dark .mr-demo-log-meta-item-label,
.landing-dark .mr-demo-log-stat-sub {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-log-status {
  background: rgba(20, 83, 45, 0.3);
  border-color: rgba(34, 197, 94, 0.25);
  color: #86efac;
}

.landing-dark .mr-demo-log-metrics {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-log-stat,
.landing-dark .mr-demo-log-meta-row {
  background: var(--ld-console-surface);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-log-stat-label,
.landing-dark .mr-demo-log-section-label {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-demo-log-stat-value,
.landing-dark .mr-demo-log-meta-item-value {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-timeline-block {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-timeline::before {
  background: #57534e;
}

.landing-dark .mr-demo-timeline-badge.is-failed {
  background: rgba(120, 53, 15, 0.35);
  color: #fcd34d;
}

.landing-dark .mr-demo-timeline-badge.is-success {
  background: rgba(20, 83, 45, 0.3);
  color: #86efac;
}

.landing-dark .mr-demo-timeline-badge.is-error {
  background: rgba(127, 29, 29, 0.35);
  color: #fca5a5;
}

.landing-dark .mr-demo-timeline-title,
.landing-dark .mr-demo-timeline-meta {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-wf-page,
.landing-dark .mr-demo-wf-header {
  background: var(--ld-console-surface);
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-demo-wf-scroll {
  background: var(--ld-console-inset);
}

.landing-dark .mr-demo-code-bar {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-code-pill,
.landing-dark .mr-demo-card-copy {
  background: var(--ld-console-surface);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-card-name,
.landing-dark .mr-demo-provider-name {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-badge.is-test {
  background: rgba(20, 83, 45, 0.3);
  color: #86efac;
}

.landing-dark .mr-demo-badge.is-type,
.landing-dark .mr-demo-badge.is-event {
  background: rgba(41, 37, 36, 0.8);
  color: #d6d3d1;
}

.landing-dark .mr-demo-backup-section {
  border-left-color: var(--ld-console-border);
}

.landing-dark .mr-demo-provider-label,
.landing-dark .mr-demo-provider-model {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-demo-provider-icon {
  background: rgba(41, 37, 36, 0.6);
  border-color: rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-demo-card-menu {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-demo-footer-chip {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-pg-steps-block {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-pg-code-ln {
  color: var(--ld-code-ln);
  background: var(--ld-code-gutter);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  padding-left: 0.35rem;
}

.landing-dark .mr-demo-pg-code-txt {
  color: var(--ld-code-punct);
}

.landing-dark .mr-demo-pg-code .k,
.landing-dark .mr-benefit-code .k,
.landing-dark .mr-benefit-response .k {
  color: var(--ld-code-key);
}

.landing-dark .mr-demo-pg-code .s,
.landing-dark .mr-benefit-code .s,
.landing-dark .mr-benefit-response .s {
  color: var(--ld-code-string);
}

.landing-dark .mr-demo-pg-code .c,
.landing-dark .mr-benefit-code .c,
.landing-dark .mr-benefit-response .c {
  color: var(--ld-code-punct);
}

.landing-dark .mr-demo-pg-code-copy {
  background: var(--ld-code-gutter);
  border-color: var(--ld-code-border);
  color: var(--ld-code-ln);
}

.landing-dark .mr-demo-pg-tab {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-pg-tab.is-active {
  color: var(--ld-console-text);
  border-bottom-color: var(--ld-accent);
}

.landing-dark .mr-demo-pg-tabs {
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-demo-pg-steps-title {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-team-page {
  background: var(--ld-console-inset);
}

.landing-dark .mr-demo-team-section,
.landing-dark .mr-demo-team-header,
.landing-dark .mr-demo-member-card {
  background: var(--ld-console-surface);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-team-body {
  background: var(--ld-console-inset);
}

.landing-dark .mr-demo-team-count {
  background: rgba(41, 37, 36, 0.8);
  color: #d6d3d1;
}

.landing-dark .mr-demo-member-avatar.is-member {
  background: var(--ld-console-card);
  color: var(--ld-console-text-muted);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-demo-member-name,
.landing-dark .mr-demo-inv-email {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-member-email,
.landing-dark .mr-demo-inv-invited,
.landing-dark .mr-demo-inv-expires,
.landing-dark .mr-demo-member-joined,
.landing-dark .mr-demo-member-remove,
.landing-dark .mr-demo-inv-remove {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-inv-invited strong {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-member-role.is-owner {
  background: rgba(251, 191, 36, 0.15);
  color: #fcd34d;
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.25);
}

.landing-dark .mr-demo-member-role.is-member {
  background: rgba(41, 37, 36, 0.8);
  color: #d6d3d1;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-demo-inv-card {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-inv-icon {
  background: rgba(41, 37, 36, 0.6);
  color: var(--ld-console-text-muted);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-demo-inv-resend {
  background: var(--ld-console-surface);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-team-inv-empty-icon {
  background: var(--ld-console-card);
  color: var(--ld-console-text-muted);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-demo-team-inv-empty span {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-webhook-title {
  color: var(--ld-console-text);
}

.landing-dark .mr-demo-webhook-card {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-demo-webhook-pill.is-failed {
  background: rgba(127, 29, 29, 0.35);
  color: #fca5a5;
}

.landing-dark .mr-demo-webhook-pill.is-neutral {
  background: rgba(41, 37, 36, 0.8);
  color: #d6d3d1;
}

.landing-dark .mr-demo-webhook-url-row,
.landing-dark .mr-demo-webhook-url,
.landing-dark .mr-demo-webhook-footer {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-demo-webhook-cli {
  background: rgba(29, 78, 216, 0.2);
  color: #93c5fd;
}

.landing-dark .mr-demo-webhook-details-btn {
  background: var(--ld-console-surface);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

/* ── Benefit cards ───────────────────────────────────────────── */

.landing-dark .mr-benefit-card {
  background: var(--ld-surface);
  border: 1px solid var(--ld-border-subtle);
}

.landing-dark .mr-benefit-card:hover {
  background: var(--ld-surface-raised);
  border-color: var(--ld-border);
}

.landing-dark .mr-benefit-copy h3 {
  color: var(--ld-text);
}

.landing-dark .mr-benefit-copy p {
  color: var(--ld-text-muted);
}

.landing-dark .mr-benefit-link {
  color: var(--ld-text-muted);
}

.landing-dark .mr-benefit-link:hover,
.landing-dark .mr-benefit-card:hover .mr-benefit-link {
  color: var(--ld-accent-muted);
}

/* Benefit previews — match console dark UI */
.landing-dark .mr-benefit-preview {
  background: var(--ld-console-surface);
  border: 1px solid var(--ld-console-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
}

.landing-dark .mr-benefit-card:hover .mr-benefit-preview {
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.38);
}

.landing-dark .mr-benefit-ui {
  background: var(--ld-console-surface);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-benefit-ui-header,
.landing-dark .mr-benefit-log-head {
  background: var(--ld-console-surface);
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-benefit-ui-title,
.landing-dark .mr-benefit-log-title,
.landing-dark .mr-benefit-wf-name,
.landing-dark .mr-benefit-struct-head-title,
.landing-dark .mr-benefit-struct-name,
.landing-dark .mr-benefit-stat-value {
  color: var(--ld-console-text);
}

.landing-dark .mr-benefit-ui-sub,
.landing-dark .mr-benefit-log-meta,
.landing-dark .mr-benefit-wf-model,
.landing-dark .mr-benefit-struct-head-sub,
.landing-dark .mr-benefit-field-label,
.landing-dark .mr-benefit-response-label,
.landing-dark .mr-benefit-stat-label,
.landing-dark .mr-benefit-timeline-time {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-benefit-ui-btn {
  background: #fff;
  border-color: #fff;
  color: #18181b;
}

.landing-dark .mr-benefit-banner {
  background: rgba(31, 31, 31, 0.6);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-benefit-banner svg {
  color: #34d399;
}

.landing-dark .mr-benefit-select,
.landing-dark .mr-benefit-response,
.landing-dark .mr-benefit-wf-card,
.landing-dark .mr-benefit-struct-panel,
.landing-dark .mr-benefit-struct-head,
.landing-dark .mr-benefit-struct-list,
.landing-dark .mr-benefit-stat,
.landing-dark .mr-benefit-timeline-item,
.landing-dark .mr-benefit-log-chip {
  background: var(--ld-console-card);
  border-color: var(--ld-console-border);
  color: var(--ld-console-text);
}

.landing-dark .mr-benefit-code,
.landing-dark .mr-benefit-response {
  background: var(--ld-code-bg);
  border-color: var(--ld-code-border);
}

.landing-dark .mr-benefit-response pre {
  color: var(--ld-code-punct);
}

.landing-dark .mr-benefit-timeline-text {
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-benefit-wf-provider {
  background: var(--ld-console-inset);
  border-color: var(--ld-console-border);
}

.landing-dark .mr-benefit-wf-provider-name {
  color: var(--ld-console-text);
}

.landing-dark .mr-benefit-wf-badge.is-test {
  background: rgba(20, 83, 45, 0.3);
  color: #86efac;
  border-color: rgba(34, 197, 94, 0.25);
}

.landing-dark .mr-benefit-wf-badge.is-type {
  background: rgba(41, 37, 36, 0.8);
  color: #d6d3d1;
  border-color: rgba(255, 255, 255, 0.1);
}

.landing-dark .mr-benefit-wf-section-label {
  color: var(--ld-console-text-subtle);
}

.landing-dark .mr-benefit-struct-body {
  background: var(--ld-console-inset);
}

.landing-dark .mr-benefit-struct-row {
  border-bottom-color: var(--ld-console-border);
}

.landing-dark .mr-benefit-struct-icon,
.landing-dark .mr-benefit-struct-badge {
  background: rgba(41, 37, 36, 0.6);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ld-console-text-muted);
}

.landing-dark .mr-benefit-log-status.is-success {
  background: rgba(20, 83, 45, 0.3);
  border-color: rgba(34, 197, 94, 0.25);
  color: #86efac;
}

.landing-dark .mr-benefit-timeline-item.is-active {
  border-color: #57534e;
}

.landing-dark .mr-benefit-timeline-item.is-highlight {
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(20, 83, 45, 0.15);
}

.landing-dark .mr-benefit-timeline-badge.is-failed {
  background: rgba(127, 29, 29, 0.35);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.25);
}

.landing-dark .mr-benefit-timeline-badge.is-retry {
  background: rgba(120, 53, 15, 0.35);
  color: #fcd34d;
  border-color: rgba(245, 158, 11, 0.25);
}

.landing-dark .mr-benefit-timeline-badge.is-success {
  background: rgba(20, 83, 45, 0.3);
  color: #86efac;
  border-color: rgba(34, 197, 94, 0.25);
}

/* ── Solution flow ───────────────────────────────────────────── */

.landing-dark .solution-eyebrow {
  color: var(--ld-text-subtle);
}

.landing-dark .solution-flow-card {
  background: var(--ld-surface);
  border: 1px solid var(--ld-border-subtle);
}

.landing-dark .solution-node {
  background: var(--ld-surface-inset);
}

.landing-dark .solution-node.is-provider {
  background: var(--ld-surface-inset);
}

.landing-dark .solution-node-mr {
  background: var(--ld-surface-raised);
  border: 1px solid var(--ld-border);
  box-shadow: inset 0 1px 0 rgba(56, 175, 205, 0.14);
}

.landing-dark .solution-node-mr .solution-node-title {
  color: var(--ld-text);
}

.landing-dark .solution-node-title {
  color: var(--ld-text);
}

.landing-dark .solution-node-icon {
  background: var(--ld-surface-raised);
  color: var(--ld-text-muted);
}

.landing-dark .solution-node-mr .solution-node-icon.is-mr {
  background: var(--ld-surface);
  border: 1px solid rgba(56, 175, 205, 0.16);
}

.landing-dark .solution-mr-logo-body {
  fill: #ffffff !important;
}

.landing-dark .solution-mr-logo-wave {
  fill: #222222 !important;
}

.landing-dark .solution-api-chip {
  background: var(--ld-surface);
  color: var(--ld-text-muted);
}

.landing-dark .solution-api-chip .method {
  color: #7ab8c8;
}

.landing-dark .solution-node-mr .solution-feature-pill {
  background: var(--ld-console-btn-secondary);
  color: #f5f5f4;
  border: none;
  box-shadow: none;
}

.landing-dark .solution-node-mr .solution-feature-pill-wrap:hover .solution-feature-pill,
.landing-dark .solution-node-mr .solution-feature-pill-wrap:focus-visible .solution-feature-pill {
  background: var(--ld-console-btn-secondary-hover);
  color: #fff;
}

.landing-dark .solution-node-mr .solution-feature-pill-wrap:focus-visible .solution-feature-pill {
  outline: 2px solid rgba(255, 255, 255, 0.2);
  outline-offset: 1px;
}

.landing-dark .solution-feature-preview {
  background: var(--ld-surface);
  border-color: var(--ld-border);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
}

.landing-dark .solution-feature-preview::after {
  background: var(--ld-surface);
  border-right-color: var(--ld-border);
  border-bottom-color: var(--ld-border);
}

.landing-dark .solution-feature-preview-title {
  color: var(--ld-text);
}

.landing-dark .solution-feature-preview-desc {
  color: var(--ld-text-subtle);
}

.landing-dark .solution-flow-step {
  background: var(--ld-surface);
  color: var(--ld-text-muted);
}

.landing-dark .solution-flow-step.is-mr {
  background: var(--ld-surface-raised);
  border: 1px solid rgba(56, 175, 205, 0.22);
  color: #9cc8d4;
}

.landing-dark .solution-flow-arrow {
  color: var(--ld-text-subtle);
}

.landing-dark .solution-connector {
  color: var(--ld-text-subtle);
}

.landing-dark .solution-prov-card-face {
  background: var(--ld-surface);
  border: 1px solid var(--ld-border-subtle);
}

/* ── Compare table ───────────────────────────────────────────── */

.landing-dark .compare-table {
  background: var(--ld-surface-inset);
  border: 1px solid var(--ld-border-subtle);
}

.landing-dark .compare-th {
  background: var(--ld-surface);
  color: var(--ld-text-subtle);
}

.landing-dark .compare-th-topic {
  background: transparent;
}

.landing-dark .compare-th-mr {
  background: var(--ld-accent-softer);
  color: var(--ld-accent-muted);
}

.landing-dark .compare-td {
  background: var(--ld-surface);
}

.landing-dark .compare-td-topic {
  color: var(--ld-text);
  background: transparent;
}

.landing-dark .compare-td-bad {
  color: var(--ld-text-muted);
}

.landing-dark .compare-td-mr {
  color: var(--ld-text);
  background: rgba(56, 175, 205, 0.06);
}

.landing-dark .compare-mark.is-no {
  background: var(--ld-surface-raised);
  color: var(--ld-text-subtle);
}

.landing-dark .compare-mark.is-yes {
  background: var(--ld-accent-soft);
  color: var(--ld-accent);
}

@media (max-width: 767px) {
  .landing-dark .compare-tr {
    background: var(--ld-surface);
    border: 1px solid var(--ld-border-subtle);
  }

  .landing-dark .compare-td-mr {
    background: rgba(56, 175, 205, 0.06);
  }

  .landing-dark .compare-td-mr::before {
    color: var(--ld-accent-muted);
  }
}

/* ── CTA ─────────────────────────────────────────────────────── */

.landing-dark .cta-minimal h2 {
  color: var(--ld-text);
}

.landing-dark .cta-pill {
  background: var(--ld-btn-primary-bg) !important;
  border: none !important;
  color: var(--ld-btn-primary-text) !important;
  box-shadow: none !important;
}

.landing-dark .cta-pill:hover,
.landing-dark .cta-pill:focus-visible {
  background: var(--ld-btn-primary-hover) !important;
  border: none !important;
  color: var(--ld-btn-primary-text) !important;
  box-shadow: none !important;
}

.landing-dark .cta-pill svg {
  color: var(--ld-btn-primary-text) !important;
}

/* ── Feature cards (if present) ──────────────────────────────── */

.landing-dark .feature-v2-card {
  background: var(--ld-surface);
  border-color: var(--ld-border-subtle);
  box-shadow: none;
}

.landing-dark .feature-v2-card:hover {
  border-color: rgba(56, 175, 205, 0.35);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.landing-dark .feature-v2-icon {
  background: var(--ld-surface-raised);
  color: var(--ld-text-subtle);
}

.landing-dark .feature-v2-card:hover .feature-v2-icon {
  background: var(--ld-accent-softer);
  color: var(--ld-accent-muted);
}

.landing-dark .feature-v2-title {
  color: var(--ld-text);
}

.landing-dark .feature-v2-desc {
  color: var(--ld-text-subtle);
}

.landing-dark .feature-v2-link {
  color: var(--ld-text-muted);
}

.landing-dark .feature-v2-visual {
  background: var(--ld-surface-inset);
}

/* ── Footer ──────────────────────────────────────────────────── */

.landing-dark footer {
  background-color: var(--ld-bg) !important;
  border-top-color: var(--ld-border-subtle) !important;
}

.landing-dark footer h3,
.landing-dark footer .text-black {
  color: var(--ld-text) !important;
}

.landing-dark footer a,
.landing-dark footer p {
  color: var(--ld-text-subtle) !important;
}

.landing-dark footer a:hover {
  color: var(--ld-text) !important;
}

.landing-dark footer div.border-t {
  border-top-color: var(--ld-border-subtle) !important;
}

.landing-dark #footer-placeholder .lang-switcher-toggle {
  background: #44403c;
  border: none;
  color: #f5f5f4;
}

.landing-dark #footer-placeholder .theme-switcher {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ld-text-muted);
}

.landing-dark #footer-placeholder .lang-switcher-toggle:hover,
.landing-dark #footer-placeholder #lang-switcher.is-open .lang-switcher-toggle {
  background: #57534e;
  border: none;
  color: #fff;
}

.landing-dark #footer-placeholder .theme-switcher-btn:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.04);
  color: var(--ld-text-muted);
}

.landing-dark #footer-placeholder .theme-switcher-indicator {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

.landing-dark #footer-placeholder .theme-switcher-btn.is-active {
  background: transparent;
  color: var(--ld-text);
  box-shadow: none;
}

.landing-dark #footer-placeholder .lang-switcher-menu {
  background: var(--ld-surface);
  border-color: var(--ld-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32);
}

.landing-dark #footer-placeholder .lang-switcher-option {
  color: var(--ld-text-muted);
}

.landing-dark #footer-placeholder .lang-switcher-option:hover,
.landing-dark #footer-placeholder .lang-switcher-option.is-active {
  background: var(--ld-surface-raised);
  color: var(--ld-text);
}

.landing-dark #footer-placeholder .lang-switcher-chevron {
  color: #d6d3d1;
}

.landing-dark #footer-placeholder .theme-switcher-btn {
  color: var(--ld-text-subtle);
}

/* ── Shared links ────────────────────────────────────────────── */

.landing-dark .mr-benefit-link,
.landing-dark .compare-footer .mr-benefit-link,
.landing-dark .solution-header .mr-benefit-link {
  color: var(--ld-text-muted);
}

.landing-dark .mr-benefit-link:hover {
  color: var(--ld-accent-muted);
}

/* ── Tailwind section utilities (inline classes on sections) ─── */

.landing-dark .bg-white,
.landing-dark .bg-\[\#fff\] {
  background-color: var(--ld-bg) !important;
}

.landing-dark .bg-stone-100,
.landing-dark .bg-\[\#dcedee\] {
  background-color: var(--ld-bg-subtle) !important;
}

.landing-dark #solution-section.bg-\[\#dcedee\] {
  background-color: var(--ld-bg-subtle) !important;
}