/* Site-wide restyle. Loaded after visitor-experience.css.
   Reuses the homepage tokens. Restyles the classes old pages already use.
   Does not apply to body.mx-home (those pages keep mx-home.css). */

html[data-site-page="marketing"] body:not(.mx-home) {
  --mx-ink: #0B1220;
  --mx-ai: #22D3EE;
  --mx-proof: #22C55E;
  --mx-proof-hover: #4ADE80;
  --mx-mismatch: #FBBF24;
  --mx-font-sans: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mx-font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --mx-radius-button: 12px;
  --mx-radius-card: 16px;
  --mx-shadow-card: 0 1px 2px rgba(11,18,32,.06);
  --mx-shadow-hero: 0 30px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(34,211,238,.06);

  --ink: #0B1220;
  --ink2: #4A5568;
  --ink3: #64748B;
  --brand: #0B1220;
  --brand2: #0B1220;
  --brand-rgb: 11,18,32;
  --brand-tint: rgba(11,18,32,.04);
  --brand-bright: #E7EBF3;
  --cta: #22C55E;
  --cta2: #0B1220;
  --surface: #F5F7FA;
  --border: #E2E8F0;
  --mono: var(--mx-font-mono);
  --display: var(--mx-font-sans);

  font-family: var(--mx-font-sans);
  background: #FFFFFF;
  color: #0B1220;
}

html[data-site-page="marketing"] body:not(.mx-home) :is(h1, h2, h3, h4, .headline, .hero-mainline) {
  font-family: var(--mx-font-sans);
}
html[data-site-page="marketing"] body:not(.mx-home) :focus-visible {
  outline: 2px solid #0B1220;
  outline-offset: 2px;
}

/* Scroll bug: never lock the document to the viewport. */
html[data-site-page="marketing"] body:not(.mx-home),
html[data-site-page="marketing"] { height: auto; }
html[data-site-page="marketing"] body:not(.mx-home) section {
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

/* ── Type ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(.eyebrow, .kicker, .hero-eyebrow, .hero-badge, p.eyebrow, .crumb) {
  font: 400 13px/1.4 var(--mx-font-mono) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #4A5568 !important;
  font-weight: 400 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) h2 {
  font-weight: 700;
  letter-spacing: -.03em;
}

/* Links: underline, never green. Skip buttons, chips, cards, nav. */
html[data-site-page="marketing"] body:not(.mx-home) a:not([class*="btn"]):not([class*="chip"]):not([class*="card"]):not([class*="nav"]):not(.cta-link):not(.read-more):not(.mxr-chip):not(.target-chip):not(.cd-svc) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html[data-site-page="marketing"] body:not(.mx-home) a:not([class*="btn"]):hover {
  color: inherit;
}
html[data-site-page="marketing"] body:not(.mx-home) .legal a {
  color: #0B1220 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ── Buttons ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(.btn-primary, .gtm-btn-primary, .btn-cta, .btn-try, .mx-btn-primary, .nav-cta, .dl-btn),
html[data-site-page="marketing"] body:not(.mx-home) a.btn:not(.btn-ghost):not(.btn-secondary):not(.btn-outline) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  background: #22C55E !important;
  color: #0B1220 !important;
  font: 600 16px/1 var(--mx-font-sans) !important;
  padding: 14px 22px !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  animation: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.btn-primary, .gtm-btn-primary, .btn-cta, .btn-try, .mx-btn-primary, .nav-cta, .dl-btn):hover,
html[data-site-page="marketing"] body:not(.mx-home) a.btn:not(.btn-ghost):not(.btn-secondary):not(.btn-outline):hover {
  background: #4ADE80 !important;
  color: #0B1220 !important;
  transform: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.btn-secondary, .btn-ghost, .gtm-btn-ghost, .btn-outline, .btn-outline-white, .mx-btn-secondary) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  background: transparent !important;
  color: #0B1220 !important;
  font: 500 16px/1 var(--mx-font-sans) !important;
  padding: 14px 22px !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.btn-secondary, .btn-ghost, .gtm-btn-ghost, .btn-outline, .btn-outline-white, .mx-btn-secondary):hover {
  border-color: #0B1220 !important;
  color: #0B1220 !important;
  background: transparent !important;
}

/* ── Dark heroes (sell) ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero, .cs-hero, .blog-hero) {
  position: relative;
  overflow: hidden;
  padding: 56px 0 48px;
  background:
    radial-gradient(circle at 1px 1px, rgba(139,150,171,.14) 1px, transparent 0) 0 0 / 28px 28px,
    #0B1220 !important;
  color: #E7EBF3 !important;
  border-bottom: 0 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero)::before,
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero)::after {
  display: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .gtm-hero .wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero, .cs-hero) :is(h1, .headline, .hero-mainline) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF;
  background: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero, .cs-hero) :is(p, .lede, .sub, .hero-sub, li, small, dd, dt) {
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) :is(.eyebrow, .kicker, .hero-eyebrow, .hero-badge, .crumb) {
  color: #8B96AB !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) a:not([class*="btn"]):not(.target-chip) {
  color: #E7EBF3 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) :is(.btn-ghost, .gtm-btn-ghost, .btn-secondary, .btn-outline, .btn-outline-white) {
  color: #E7EBF3 !important;
  border-color: #2A3858 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) :is(.btn-ghost, .gtm-btn-ghost, .btn-secondary):hover {
  border-color: #3A4A6E !important;
  color: #FFFFFF !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .hero-strike { color: #FCA5A5 !important; }
html[data-site-page="marketing"] body:not(.mx-home) .hero-not { color: #8B96AB !important; }
html[data-site-page="marketing"] body:not(.mx-home) .urgency {
  color: #B7C0D1 !important;
  background: #121B2E;
  border: 1px solid #22304D;
  border-radius: 10px;
  padding: 10px 12px;
}
html[data-site-page="marketing"] body:not(.mx-home) .target-chip {
  background: #121B2E !important;
  border: 1px solid #22304D !important;
  color: #E7EBF3 !important;
  text-decoration: none !important;
  border-radius: 999px;
}
html[data-site-page="marketing"] body:not(.mx-home) .hero .gtm-fence {
  background: #1A1408 !important;
  border-left-color: #FBBF24 !important;
  color: #FDE68A !important;
}

/* Product frame already in the page, or a white box wrapping a screenshot. */
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) .product-frame,
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) .mx-product,
html[data-site-page="marketing"] body:not(.mx-home) section.hero div[style*="background:#fff"] {
  background: #0E1628 !important;
  border: 1px solid #22304D !important;
  border-radius: 16px !important;
  box-shadow: var(--mx-shadow-hero) !important;
  overflow: hidden;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(section.hero, .gtm-hero) small {
  color: #8B96AB !important;
}

/* Optional split hero used on rebuilt pages. */
html[data-site-page="marketing"] body:not(.mx-home) .mx-page-hero .wrap,
html[data-site-page="marketing"] body:not(.mx-home) .mx-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr);
  gap: 40px;
  align-items: center;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-product { margin: 0; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-product-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #1A2540;
  background: #0B1220;
  font-family: var(--mx-font-mono);
  color: #8B96AB;
  font-size: 12px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-product-bar .dots { display: flex; gap: 7px; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-product-bar .dots i {
  width: 11px; height: 11px; border-radius: 999px; background: #2A3858;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-product img {
  display: block; width: 100%; height: auto;
}
@media (max-width: 900px) {
  html[data-site-page="marketing"] body:not(.mx-home) .mx-page-hero .wrap,
  html[data-site-page="marketing"] body:not(.mx-home) .mx-page-hero-grid {
    grid-template-columns: 1fr;
  }
}

/* ── Light sections (inform) ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-section, .section, .section.light) {
  background: #FFFFFF;
  color: #0B1220;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-section.alt, .section.alt, .section.dark, .section.mid, .section.panel, .section.lighter, .section-alt) {
  background: #F5F7FA !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-section, .section) h2,
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-section, .section) h3 {
  color: #0B1220;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-section, .section) :is(p, .sub, .lede, li) {
  color: #4A5568;
}

/* True dark bands that opt in. */
html[data-site-page="marketing"] body:not(.mx-home) :is(.on-dark, .theme-dark, .cta-band, #contact, .mx-proof) {
  background: #0B1220 !important;
  color: #E7EBF3 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.on-dark, .theme-dark, .cta-band) :is(h1, h2, h3, h4),
html[data-site-page="marketing"] body:not(.mx-home) #contact :is(h1, h2, h3, h4) {
  color: #FFFFFF !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.on-dark, .theme-dark, .cta-band) :is(p, .lede, .sub),
html[data-site-page="marketing"] body:not(.mx-home) #contact :is(p, li, .lede, .sub) {
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.on-dark, .theme-dark, .cta-band) li {
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.on-dark, .theme-dark, .cta-band) a:not([class*="btn"]) {
  color: #E7EBF3 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-proof .eyebrow {
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-proof .paths h3 {
  color: #E7EBF3 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-proof .chips li {
  background: #FFFFFF !important;
  color: #0B1220 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-proof .spark-note {
  color: #E7EBF3 !important;
}

/* ── Cards ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-card, .card, .cta-card, .pillar, .target-card, .impact-card, .faq-card, .src-card, .plan, .col, .ai-card, .scan-card, .demo-card, .assess-card) {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  box-shadow: var(--mx-shadow-card) !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-card, .card, .cta-card, .pillar, .ai-card) h3,
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-card, .card, .ai-card) b {
  color: #0B1220 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-card .meta, .card p, .ai-card p, .col p) {
  color: #4A5568 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .gtm-card.featured {
  border: 2px solid #0B1220 !important;
}

/* ── Tables ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-table-wrap, .compare-wrap) {
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  background: #FFFFFF;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-table, table.compare) thead th {
  background: #F5F7FA !important;
  color: #0B1220 !important;
  font: 600 13px/1.4 var(--mx-font-sans) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-table, table.compare) :is(th, td) {
  border-bottom-color: #E2E8F0 !important;
  color: #4A5568;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-table, table.compare) thead th:last-child,
html[data-site-page="marketing"] body:not(.mx-home) table.compare thead th.brand-col {
  background: rgba(34,197,94,.06) !important;
  color: #0B1220 !important;
  font-weight: 700 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.gtm-table, table.compare) tbody td:last-child,
html[data-site-page="marketing"] body:not(.mx-home) td.brand-col {
  background: rgba(34,197,94,.06) !important;
  color: #0B1220 !important;
  font-weight: 600 !important;
}

/* ── Stats ── */
html[data-site-page="marketing"] body:not(.mx-home) .stats-bar {
  background: #0B1220 !important;
  border-top: 1px solid #1A2540;
  border-bottom: 1px solid #1A2540;
}
html[data-site-page="marketing"] body:not(.mx-home) .stats-bar .num,
html[data-site-page="marketing"] body:not(.mx-home) .stat-item .stat-number {
  font-family: var(--mx-font-mono);
  color: #FFFFFF !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .stats-bar .lbl,
html[data-site-page="marketing"] body:not(.mx-home) .stats-bar .sub,
html[data-site-page="marketing"] body:not(.mx-home) .stat-item .stat-label {
  color: #8B96AB !important;
}

/* ── Forms ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(input, select, textarea) {
  border-color: #CBD5E1 !important;
  border-radius: 10px;
  font-family: var(--mx-font-sans);
}
html[data-site-page="marketing"] body:not(.mx-home) button[type="submit"],
html[data-site-page="marketing"] body:not(.mx-home) .scan-card button,
html[data-site-page="marketing"] body:not(.mx-home) .demo-card .btn-primary {
  background: #22C55E !important;
  color: #0B1220 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) button[type="submit"]:hover,
html[data-site-page="marketing"] body:not(.mx-home) .scan-card button:hover {
  background: #4ADE80 !important;
  color: #0B1220 !important;
}

/* ── FAQ / details ── */
html[data-site-page="marketing"] body:not(.mx-home) .gtm-faq details {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .gtm-faq summary { color: #0B1220 !important; }
html[data-site-page="marketing"] body:not(.mx-home) .gtm-faq details p { color: #4A5568 !important; }

/* ── Icons used as tiles ── */
html[data-site-page="marketing"] body:not(.mx-home) :is(.target-icon, .pillar-icon, .int-icon, .sec-tile-icon, .mx-ico) {
  color: #0B1220 !important;
  font-size: 0 !important;
  line-height: 0;
}
html[data-site-page="marketing"] body:not(.mx-home) :is(.target-icon, .pillar-icon, .int-icon, .sec-tile-icon):not(:has(svg))::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/></svg>") center / contain no-repeat;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-ico {
  display: inline-flex;
  width: 24px;
  height: 24px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-ico svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}

/* ── Related-links strip: assume it may sit on navy ── */
html[data-site-page="marketing"] body:not(.mx-home) .related-links p,
html[data-site-page="marketing"] body:not(.mx-home) .related-links span,
html[data-site-page="marketing"] body:not(.mx-home) .mx-related p,
html[data-site-page="marketing"] body:not(.mx-home) .mx-related span {
  color: #4A5568 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-related a,
html[data-site-page="marketing"] body:not(.mx-home) .related-links a {
  color: #0B1220 !important;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  text-decoration: none !important;
}

/* ── Footer include ── */
html[data-site-page="marketing"] body:not(.mx-home) footer {
  background: #0B1220 !important;
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) footer a {
  color: #E7EBF3 !important;
  text-decoration: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .site-footer {
  background: #0B1220 !important;
  border-top: 1px solid #1A2540 !important;
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .site-footer :is(p, a, .legal) {
  color: #B7C0D1 !important;
}

/* ── Guide CTA bands stay dark with light type ── */
html[data-site-page="marketing"] body:not(.mx-home) .guide-content .cta {
  background: #0B1220 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .guide-content .cta a:not(.btn):not(.btn-ghost) {
  color: #E7EBF3 !important;
}

/* ── How-it-works numbers: navy, not green ── */
html[data-site-page="marketing"] body:not(.mx-home) .how-num,
html[data-site-page="marketing"] body:not(.mx-home) .steps .n {
  background: #0B1220 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

/* ── Homepage AI loop, reused on /ai/ ── */
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop {
  padding: 96px 0 !important;
  border-top: 1px solid #1A2540 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop .wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-head > div {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 820px;
}
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop p.mx-eyebrow {
  margin: 0 !important;
  font: 400 13px/1.4 var(--mx-font-mono) !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #22D3EE !important;
}
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop .mx-loop-head h2 {
  margin: 0 !important;
  font: 700 48px/1.08 var(--mx-font-sans) !important;
  letter-spacing: -.03em !important;
  color: #FFFFFF !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-green { color: #22C55E; }
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop p.mx-loop-lede {
  margin: 0 !important;
  max-width: 380px;
  font-size: 17px;
  line-height: 1.6;
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop .mx-flow {
  position: relative;
  display: block;
  max-width: none;
  margin: 0;
  text-align: left;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-line {
  position: relative;
  top: 36px;
  height: 2px;
  margin: 0 12.5%;
  background: linear-gradient(90deg, #2A3858 0%, #2A3858 45%, #22D3EE 62%, #22C55E 100%);
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-line .mx-dot {
  position: absolute;
  top: -4px;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: 0 0 14px #22D3EE;
  animation: mxTravel 4.8s linear infinite;
}
@keyframes mxTravel { 0% { left: 0%; } 100% { left: 100%; } }
@keyframes mxPulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(34,211,238,.35), 0 0 28px rgba(34,211,238,.10); }
  50% { box-shadow: 0 0 0 1px rgba(34,211,238,.7), 0 0 44px rgba(34,211,238,.28); }
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: #121B2E;
  border: 1px solid #2A3858;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-tile svg { width: 30px; height: 30px; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-step.is-ai .mx-tile {
  background: rgba(34,211,238,.1);
  border-color: #22D3EE;
  animation: mxPulse 2.4s ease-in-out infinite;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-step.is-proof .mx-tile {
  background: rgba(34,197,94,.12);
  border-color: #22C55E;
}
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop .mx-card {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 176px;
  padding: 24px;
  border-radius: 16px;
  background: #121B2E !important;
  border: 1px solid #22304D !important;
  box-shadow: none !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-step.is-ai .mx-card {
  background: linear-gradient(rgba(34,211,238,.08), #121B2E 70%) !important;
  border-color: #22D3EE !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-step.is-proof .mx-card {
  background: linear-gradient(rgba(34,197,94,.08), #121B2E 70%) !important;
  border-color: #22C55E !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-card .meta {
  display: flex;
  justify-content: space-between;
  font: 400 12px/1.4 var(--mx-font-mono);
  color: #8B96AB;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-card .meta .ai { color: #22D3EE; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-card .meta .proof { color: #22C55E; }
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop .mx-card h3 {
  margin: 0 !important;
  font: 600 22px/1.3 var(--mx-font-sans) !important;
  color: #FFFFFF !important;
}
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop .mx-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #B7C0D1 !important;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 16px;
  border: 1px solid #22304D;
  background: #0E1628;
  overflow: hidden;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 24px;
  border-right: 1px solid #1A2540;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip > div:nth-child(2) { background: rgba(34,211,238,.04); }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip > div:nth-child(3) { background: rgba(34,197,94,.04); border-right: 0; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .lbl {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 400 12px/1.4 var(--mx-font-mono);
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .lbl.is-mismatch { color: #FBBF24; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .lbl.is-ai { color: #22D3EE; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .lbl.is-proof { color: #22C55E; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .body {
  font: 400 13px/1.7 var(--mx-font-mono);
  color: #C9D1DF;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .hi { color: #FFFFFF; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .amber { color: #FBBF24; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .del { color: #8B96AB; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .add { color: #22D3EE; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-strip .zero { color: #22C55E; }
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-foot .points {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 40px;
  font-size: 15px;
  color: #B7C0D1;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-foot .points span {
  display: flex;
  align-items: center;
  gap: 8px;
}
html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-foot .points span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #22D3EE;
}
html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop a.mx-ai-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #22D3EE !important;
  text-decoration: none !important;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  html[data-site-page="marketing"] body:not(.mx-home) .mx-loop .wrap { padding: 0 32px; gap: 40px; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-head { flex-direction: column; align-items: flex-start; gap: 20px; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-line { display: none; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-grid { grid-template-columns: 1fr 1fr; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-strip { grid-template-columns: 1fr; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-strip > div { border-right: 0; border-bottom: 1px solid #1A2540; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-strip > div:last-child { border-bottom: 0; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-loop-foot { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 768px) {
  html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop { padding: 64px 0 !important; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-loop .wrap { padding: 0 20px; }
  html[data-site-page="marketing"] body:not(.mx-home) section.mx-loop .mx-loop-head h2 { font-size: 32px !important; }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-grid { grid-template-columns: 1fr; }
}

/* ── Reduced motion still honored off the homepage ── */
@media (prefers-reduced-motion: reduce) {
  html[data-site-page="marketing"] body:not(.mx-home) *,
  html[data-site-page="marketing"] body:not(.mx-home) *::before,
  html[data-site-page="marketing"] body:not(.mx-home) *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-flow-line .mx-dot {
    animation-name: mxTravel !important;
    animation-duration: 4.8s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
  }
  html[data-site-page="marketing"] body:not(.mx-home) .mx-step.is-ai .mx-tile {
    animation-name: mxPulse !important;
    animation-duration: 2.4s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: infinite !important;
  }
}