/* Homepage treatments measured on colakin.com, scoped to industry landing/profile pages. */
html:not(.dex-home-page) body[data-industry-theme="home"] {
  --industry-title: linear-gradient(100deg, #1e40af 0%, #2563eb 58%, #d89b00 100%);
  --industry-title-dark: linear-gradient(100deg, #93c5fd, #60a5fa 55%, #fbbf24);
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero, .fs-sect, .fs-dark, .mt-section, .unified-hero-section, .spotlight-section, .mt-case section) {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  background: radial-gradient(circle at 8% 22%, rgba(37,99,235,.12), transparent 30%),
    radial-gradient(circle at 92% 78%, rgba(251,191,36,.16), transparent 27%),
    linear-gradient(180deg, #f8fbff, #f4f8ff 58%, #fffdf5) !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero, .fs-sect, .fs-dark, .mt-section, .unified-hero-section, .spotlight-section, .mt-case section)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: radial-gradient(circle, rgba(37,99,235,.15) 1px, transparent 1.4px),
    linear-gradient(rgba(37,99,235,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.035) 1px, transparent 1px) !important;
  background-size: 28px 28px, 56px 56px, 56px 56px !important;
  background-position: 0 0, 12px 12px, 12px 12px !important;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent) !important;
  animation: none !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero, .fs-sect, .fs-dark, .mt-section, .unified-hero-section, .spotlight-section, .mt-case section)::after {
  content: "" !important;
  position: absolute !important;
  inset: 96px -8% auto auto !important;
  width: clamp(280px, 31vw, 500px) !important;
  height: auto !important;
  aspect-ratio: 419 / 454;
  border-radius: 0 !important;
  transform: none !important;
  filter: none !important;
  opacity: .1 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: url("/assets/dex-icon-blue.svg") center / contain no-repeat !important;
  mask-image: none !important;
  animation: none !important;
}
/* Hero: the homepage's alternating blue and yellow dots, glows and quiet spiral. */
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero, .mt-hero, .unified-hero-section, .mt-case .hero) {
  background-color: #f1f5f9 !important;
  background-image: radial-gradient(circle, rgba(37,99,235,.2) 1.2px, transparent 1.6px),
    radial-gradient(circle, rgba(251,191,36,.22) 1.2px, transparent 1.6px),
    radial-gradient(circle at 16% 24%, rgba(37,99,235,.18), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(251,191,36,.22), transparent 24%),
    radial-gradient(circle at 50% 86%, rgba(30,64,175,.12), transparent 34%) !important;
  background-size: 28px 28px, 28px 28px, auto, auto, auto !important;
  background-position: 0 0, 14px 14px, center, center, center !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero, .mt-hero, .unified-hero-section, .mt-case .hero)::before {
  display: none !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero, .mt-hero, .unified-hero-section, .mt-case .hero)::after {
  top: 124px !important;
  right: 6% !important;
  width: 500px !important;
  opacity: .07 !important;
}
/* Blue bands reuse the delivery section's gradient, dot grid and two spiral marks. */
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-band-blue, .fs-dark, .mt-dark, .spotlight-section, .mt-case .dark, .mt-case [data-industry-tone="blue"]) {
  background: radial-gradient(at 14% 22%, rgba(37,99,235,.55), transparent 50%),
    radial-gradient(at 85% 76%, rgba(251,191,36,.16), transparent 44%),
    radial-gradient(at 50% 0%, rgba(37,99,235,.35), transparent 48%), #1e40af !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-band-blue, .fs-dark, .mt-dark, .spotlight-section, .mt-case .dark, .mt-case [data-industry-tone="blue"])::before {
  background: radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1.5px),
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px) !important;
  background-size: 28px 28px, 56px 56px, 56px 56px !important;
  mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent) !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-band-blue, .fs-dark, .mt-dark, .spotlight-section, .mt-case .dark, .mt-case [data-industry-tone="blue"])::after {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: auto;
  background-image: url("/assets/dex-triangle-mark.png"), url("/assets/dex-triangle-mark.png") !important;
  background-repeat: no-repeat !important;
  background-position: left clamp(-170px,-8vw,-86px) top clamp(22px,5vw,78px), right clamp(-180px,-9vw,-92px) bottom clamp(52px,7vw,112px) !important;
  background-size: clamp(330px,32vw,560px) auto, clamp(280px,27vw,470px) auto !important;
  opacity: .16 !important;
  mix-blend-mode: screen;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(h1,h2,h3) :is(.ac,.mt-accent,.mt-gold,.gradient-text) {
  background: var(--industry-title) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: none !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-band-blue,.fs-dark,.mt-dark,.spotlight-section,.mt-case .dark, .mt-case [data-industry-tone="blue"]) :is(h1,h2,h3) :is(.ac,.mt-accent,.mt-gold,.gradient-text) {
  background-image: var(--industry-title-dark) !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-review-principle {
  margin-top: 24px;
  padding: 22px 26px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-expert-principle { margin: 24px 0; font-size: 20px; line-height: 1.5; }
@media (max-width: 767px) {
  html:not(.dex-home-page) body[data-industry-theme="home"] :is(.fs-hero,.mt-hero,.unified-hero-section)::after {
    width: 280px !important;
    right: -70px !important;
    top: 72px !important;
    opacity: .05 !important;
  }
}

/* Replace legacy decorative layers with the single shared homepage treatment. */
html:not(.dex-home-page) body[data-industry-theme="home"] :is(.products-mobile-bg-art, .fs-orb) { display: none !important; }
@media (forced-colors: active) {
  html:not(.dex-home-page) body[data-industry-theme="home"] :is(h1,h2,h3) :is(.ac,.mt-accent,.mt-gold,.gradient-text) {
    background: none !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}

/* Simon cutout: the same full-portrait treatment as Kathir, with no square crop. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-person-photo {
  position: relative !important;
  width: 100% !important;
  max-width: 360px !important;
  margin-inline: auto;
  align-self: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-person-photo::before {
  content: "";
  position: absolute;
  inset: 2% 4% 0;
  border-radius: 28px;
  background: linear-gradient(165deg, rgba(37,99,235,.16), rgba(251,191,36,.14));
  box-shadow: 0 30px 70px rgba(37,99,235,.18);
  pointer-events: none;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-person-photo img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1122 / 1402 !important;
  object-fit: contain !important;
  object-position: center bottom;
  border-radius: 16px;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-hero .mt-person-photo {
  max-width: 420px !important;
  justify-self: end;
  margin-right: 0;
}
@media (max-width: 650px) {
  html:not(.dex-home-page) body[data-industry-theme="home"] .mt-person-photo { max-width: 270px !important; }
  html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-hero .mt-person-photo {
    max-width: 320px !important;
    justify-self: center;
    margin-inline: auto;
  }
}

/* Profile card labels stay with their own card at narrow widths. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-ai .mt-stage-number { position: static; display: block; }

/* A stage overview complements the full library; workflow detail opens within its card. */
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-row { grid-template-columns: 56px minmax(0,1fr); }

/* Compact lifecycle overview after removing the duplicate catalogue column. */
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-lifecycle-board { background: transparent; border: 0; box-shadow: none; }
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-map { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-row { padding: 20px; border: 1px solid rgba(37,99,235,.14); border-radius: 16px; background: #fff; }
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-row::before { display: none; }
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-copy { max-width: none; }
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-copy h3 { font-size: 20px; line-height: 1.25; }
html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-copy p { font-size: 14px; line-height: 1.5; }
@media (max-width: 767px) {
  html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-map { grid-template-columns: 1fr; }
  html:not(.dex-home-page) body[data-industry-theme="home"] #use-cases .fs-stage-row { padding: 18px; gap: 14px; }
}


/* Short directory copy stays readable without stretched word spacing. */
html:not(.dex-home-page) body[data-industry-theme="home"] .unified-hero-description { text-align: center !important; }
html:not(.dex-home-page) body[data-industry-theme="home"] .blog-card-description { text-align: left !important; }

/* Compact linked workflow cards and unobstructed lifecycle icons. */
body[data-industry-theme="home"] .mt-route-node svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-industry-theme="home"] .mt-use-card {text-decoration:none;color:#0f172a;padding:26px;transition:transform .18s ease,box-shadow .18s ease;border-radius:16px}
body[data-industry-theme="home"] .mt-use-card:hover {transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.14)}
body[data-industry-theme="home"] .mt-use-card:focus-visible {outline:3px solid #fbbf24;outline-offset:4px}
body[data-industry-theme="home"] .mt-use-card .mt-symbol {background:#eff6ff;color:#2563eb;width:44px;height:44px}
body[data-industry-theme="home"] .mt-use-card .mt-symbol svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-industry-theme="home"] .mt-use-card .mt-audience {margin-top:auto;padding-top:18px;border-top:1px solid #e2e8f0;background:transparent}
body[data-industry-theme="home"] .mt-use-card .mt-audience strong {display:none}
body[data-industry-theme="home"] .mt-use-card .mt-text-link {margin-top:18px}
@media (prefers-reduced-motion:no-preference) {
 body[data-industry-theme="home"] .fs-reveal {transition-duration:.4s}
 body[data-industry-theme="home"] .fs-hero-copy > * {animation-duration:.4s;animation-delay:0s}
}

@media (prefers-reduced-motion:no-preference) {
 body[data-industry-theme="home"] .fs-hero h1,
 body[data-industry-theme="home"] .fs-hero .fs-lede,
 body[data-industry-theme="home"] .fs-hero .fs-pill,
 body[data-industry-theme="home"] .fs-hero .fs-btnrow,
 body[data-industry-theme="home"] .fs-hero-grid>div:last-child {animation-duration:.4s;animation-delay:.05s}
 body[data-industry-theme="home"] .fs-agency-track {animation-duration:28s}
}

/* Use-case titles follow the shared industry title treatment. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case :is(h1,h2) > span {
 background:var(--industry-title)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case .dark :is(h1,h2) > span {background-image:var(--industry-title-dark)!important}

/* Meaningful icons replace decorative ordinals in cards and stage controls. */
body[data-industry-theme="home"] .mt-number svg,
body[data-industry-theme="home"] .mt-case .scope svg,
body[data-industry-theme="home"] .mt-case .rb-step .n svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
body[data-industry-theme="home"] .mt-case .ti {justify-content:flex-start}
body[data-industry-theme="home"] .mt-case .scope > span {display:flex;align-items:center}
body[data-industry-theme="home"] .mt-number {flex:none}

/* Workflow columns share their full height on desktop. Mobile retains natural stacking. */
@media (min-width:981px) {
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .rb {align-items:stretch}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .graph {position:relative;top:auto;display:flex;flex-direction:column;align-self:stretch}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .graph-b {display:flex;flex-direction:column;flex:1}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .g-scroll {flex:1;display:grid;align-items:center}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .j-detail {align-items:stretch}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .j-step,
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .case {height:100%}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .wf-detail {align-items:stretch}
 body[data-industry-theme="home"] .mt-case.mt-case.mt-case .wf-side {display:flex;align-items:center}
}
/* Keep text readable on the shared dark section backgrounds. */
body[data-industry-theme="home"] .mt-case.mt-case.mt-case .dark h3 {color:#fff!important}
body[data-industry-theme="home"] .mt-case.mt-case.mt-case .dark :is(.scope,.card,.ck-card) h3 {color:#0f172a!important}

/* One breadcrumb treatment across the industry directory, profiles and use cases. */
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb {
 display:block!important;position:relative;z-index:1;margin:0 0 32px!important;padding:0!important;background:transparent!important;text-align:left!important;animation:none!important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb ol {
 display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;list-style:none;padding:0!important;margin:0!important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb li {
 display:flex;align-items:center;gap:16px;min-width:0;margin:0;padding:0;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb.dex-industry-crumb.dex-industry-crumb.dex-industry-crumb.dex-industry-crumb.dex-industry-crumb :is(a,span) {
 font-family:Manrope,sans-serif!important;font-size:18px!important;line-height:1.45!important;font-weight:700!important;color:#2563eb!important;text-decoration:none;opacity:1!important;overflow-wrap:anywhere;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb .dex-crumb-home {display:grid;place-items:center;min-width:28px;min-height:28px;color:#64748b!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb .dex-crumb-chevron {color:#cbd5e1!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb a:hover {color:#1e40af!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb a:focus-visible {outline:2px solid #2563eb;outline-offset:4px;border-radius:3px}
@media(max-width:650px) {
 html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb {margin-bottom:24px!important}
 html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb ol {gap:10px}
 html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb li {gap:10px}
 html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb.dex-industry-crumb.dex-industry-crumb.dex-industry-crumb.dex-industry-crumb.dex-industry-crumb :is(a,span) {font-size:14px!important}
}

html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb {width:100%;max-width:100%}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb ol {justify-content:flex-start!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .dex-industry-crumb .dex-crumb-home svg {color:#64748b!important}

/* Balanced expert hero, with the portrait beside concise copy. */
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-hero-grid {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:48px}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-portrait {width:100%;max-width:380px;justify-self:end;margin:0}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-portrait img {width:100%!important;height:auto!important;max-height:400px;object-fit:contain}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero h1 {font-size:clamp(48px,5vw,68px)!important;line-height:1.05!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-lede {max-width:560px;font-size:18px!important;line-height:1.6!important;margin-bottom:14px}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-focus {max-width:560px;color:#475569;font-size:16px;line-height:1.6}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-facts {display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-facts span {padding:9px 12px;background:#fff;border:1px solid #dbeafe;border-radius:9px;color:#1e40af;font-size:13px;font-weight:700}
/* Delivery rail images must not inherit the site's full-width image rule. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-delivery-rail li > span {display:flex;align-items:center;min-height:32px}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-delivery-rail li > span > img {width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;object-fit:contain;flex:none;display:block}
@media(max-width:800px) {
 html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-hero-grid {grid-template-columns:1fr;gap:28px}
 html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-portrait {max-width:300px;justify-self:center}
 html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero .fs-lede {font-size:16px!important}
 html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-focus {font-size:14px}
}

html:not(.dex-home-page) body[data-industry-theme="home"] .mt-paper-lines svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}

html:not(.dex-home-page) body[data-industry-theme="home"] .fs-kathir-hero :is(.fs-lede,.fs-kathir-focus) {text-align:left!important;hyphens:none!important;word-break:normal!important}

/* Keep the catalogue button legible on Kathir's blue workflow section. */
html:not(.dex-home-page) body[data-industry-theme="home"] #workflows .fs-kathir-more .fs-btn {background:#fff!important;color:#1e40af!important;border-color:#bfdbfe!important;opacity:1!important}
html:not(.dex-home-page) body[data-industry-theme="home"] #workflows .fs-kathir-more .fs-btn:hover {background:#eff6ff!important}
/* Five cards form balanced rows of three and two without a vacant grid slot. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus {grid-template-columns:repeat(6,minmax(0,1fr))!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus > article {grid-column:span 2}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus > article:nth-child(4) {grid-column:2 / span 2}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus > article:nth-child(5) {grid-column:4 / span 2}
/* A compact, centred education panel beneath the career track. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-background {max-width:820px;margin:32px auto 0;text-align:center;padding:26px}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-background .mt-person-facts {justify-content:center;gap:12px}
/* Illustrative brief, delivery and reviewer handoff. Hover or focus holds the active card. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-ai.mt-demo {border:0;box-shadow:none;background:transparent;overflow:visible}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-ai article {position:relative;transition:background .25s ease,border-color .25s ease,transform .25s ease}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-ai .is-active {background:rgba(255,255,255,.13);border-color:#fbbf24;transform:translateY(-4px)}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-ai-icon {display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(147,197,253,.12);color:#93c5fd;margin-bottom:18px}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-ai-icon svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-ai .is-active .mt-ai-icon {color:#fbbf24}
@media (min-width:651px) and (max-width:1000px) {
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus > article {grid-column:auto!important}
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus > article:last-child {grid-column:1 / -1!important;width:calc(50% - 9px);justify-self:center}
}
@media(max-width:650px) {
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus {grid-template-columns:1fr!important}
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-focus > article {grid-column:auto!important}
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-background {padding:22px}
}
@media(prefers-reduced-motion:reduce) {
 html:not(.dex-home-page) body[data-industry-theme="home"] .mt-profile-ai article {transition:none!important;transform:none!important}
}

/* Explicit section tones override legacy use-case colour classes. */
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case section[data-industry-tone="light"] {
 background:radial-gradient(circle at 8% 22%,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at 92% 78%,rgba(251,191,36,.1),transparent 27%),linear-gradient(180deg,#fff,#f8fbff)!important;color:#0f172a!important;
}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case section[data-industry-tone="light"]::before {background:radial-gradient(circle,rgba(37,99,235,.12) 1px,transparent 1.4px)!important;background-size:28px 28px!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] .ck-heading :is(h2,p) {color:#0f172a!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] .ck-heading small {color:#1e40af!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] .ck-heading h2 > span {background-image:var(--industry-title)!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="blue"] .ck-heading h2 {color:#fff!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="blue"] .ck-heading p {color:#dbeafe!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="blue"] .ck-heading small {color:#fbbf24!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="blue"] .ck-heading h2 > span {background-image:var(--industry-title-dark)!important}

html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] .glass {background:#fff!important;border-color:#dbeafe!important;box-shadow:0 8px 24px rgba(15,23,42,.05)}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] .glass h3 {color:#0f172a!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] .glass p {color:#475569!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="light"] :is(.glass .ck-eyebrow,.handoff > span:last-child,.handoff > span:nth-child(3)) {color:#1e40af!important}

html:not(.dex-home-page) body[data-industry-theme="home"] #workflows .mt-use-card .mt-text-link {margin-top:auto!important;padding-top:22px}

html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="blue"] .ba-head span {color:#dbeafe!important}
html:not(.dex-home-page) body[data-industry-theme="home"] .mt-case.mt-case.mt-case [data-industry-tone="blue"] .firms-panel h3 {color:#fff!important}