/* =====================================================================
   MOT Check Online — imported Elementor pages
   Palette: Site Kit tokens (--mco-*) plus this plugin's heading and accent
   colours (--mcoh-*), set per page from its Design Preset.
   Works with Elementor containers and with sections/columns.
   ================================================================== */

body.mcoi-page {
  --mcoh-measure: 760px;
  --mcoh-wide: 1080px;
  --mcoh-ease: cubic-bezier(.2, .8, .2, 1);
  --mcoh-r: 18px;
  --mcoh-card: var(--mco-surface, #FFFFFF);
  --mcoh-line: var(--mco-border, #E4DFD2);
  --mcoh-soft: var(--mco-soft, #FBF9F4);
  --mcoh-body: var(--mco-text, #1E293B);
  --mcoh-mute: var(--mco-muted, #5B6B7C);
  --mcoh-head: var(--mco-heading, var(--mco-midnight, #0B1B2B));
  --mcoh-shadow: 0 1px 2px rgba(11, 27, 43, .05), 0 22px 44px -30px rgba(11, 27, 43, .42);
  --mcoh-shadow-lift: 0 2px 4px rgba(11, 27, 43, .06), 0 30px 60px -30px rgba(11, 27, 43, .5);
  --mcoh-head-font: var(--mco-font-head, Poppins, "Segoe UI", system-ui, sans-serif);
  --mcoh-body-font: var(--mco-font-body, Inter, "Segoe UI", system-ui, sans-serif);
  overflow-x: clip;
}
html[data-theme="dark"] body.mcoi-page {
  --mcoh-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 22px 44px -30px rgba(0, 0, 0, .9);
  --mcoh-shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 30px 60px -30px rgba(0, 0, 0, 1);
}
body.mcoi-page :is(.mcoi-hero, .mcoi-sec, .mcoi-cta) :is(div, p, ul, ol, li, figure, table, details, summary, nav, a, span) { box-sizing: border-box; }

/* Elementor spacing is handled here, so the page reads the same in containers and sections. */
:where(body.mcoi-page) :where(.mcoi-hero, .mcoi-sec, .mcoi-cta) .elementor-widget:not(:last-child) { margin-block-end: 0; }
body.mcoi-page :is(.mcoi-sec, .mcoi-cta) { --widgets-spacing: 0px; --widgets-spacing-row: 0px; --widgets-spacing-column: 0px; }
body.mcoi-page [data-elementor-type="wp-page"] { counter-reset: mcoh-sec; }

/* ── Hero ─────────────────────────────────────────────────────────── */
body.mcoi-page .mcoi-hero {
  position: relative;
  isolation: isolate;
  padding-top: clamp(40px, 6vw, 88px) !important;
  padding-bottom: clamp(56px, 7vw, 104px) !important;
  color: #DCE6EF;
  background:
    radial-gradient(900px 520px at 82% 8%, var(--mcoh-glow, rgba(56, 189, 248, .3)), transparent 62%),
    radial-gradient(640px 420px at 6% 100%, rgba(245, 183, 0, .10), transparent 65%),
    linear-gradient(160deg, var(--mcoh-hero-1, #0B1B2B) 0%, var(--mcoh-hero-2, #12304A) 100%);
  overflow: hidden;
}
body.mcoi-page .mcoi-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(125, 211, 252, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125, 211, 252, .07) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(70% 80% at 70% 30%, #000 20%, transparent 75%);
          mask-image: radial-gradient(70% 80% at 70% 30%, #000 20%, transparent 75%);
  pointer-events: none;
}
body.mcoi-page .mcoi-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(760px, 70vw);
  aspect-ratio: 1;
  right: max(-180px, -12vw);
  top: 50%;
  translate: 0 -50%;
  border-radius: 50%;
  background: conic-gradient(from 220deg, transparent 0 8%, rgba(56, 189, 248, .22) 30%, rgba(125, 211, 252, .05) 62%, transparent 70%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  animation: mcoh-sweep 18s linear infinite;
  pointer-events: none;
}
@keyframes mcoh-sweep { to { rotate: 360deg; } }
body.mcoi-page .mcoi-hero > :is(.e-con-inner, .elementor-container) { align-items: center; gap: clamp(24px, 4vw, 56px); }
@media (min-width: 1025px) {
  body.mcoi-page .mcoi-hero > .e-con-inner { flex-wrap: nowrap; }
  body.mcoi-page .mcoi-hero > .e-con-inner > .mcoi-hero__text { flex: 1 1 56%; width: auto; }
  body.mcoi-page .mcoi-hero > .e-con-inner > .mcoi-hero__media { flex: 0 1 40%; width: auto; }
}
/* Themes that keep the page in a boxed column: let the hero run edge to edge. */
body.mcoi-page:not(.elementor-template-canvas) .mcoi-hero.e-con-boxed,
body.mcoi-page .elementor-section.mcoi-hero { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
body.mcoi-page .mcoi-hero__text, body.mcoi-page .mcoi-hero__media { min-width: 0; }
body.mcoi-page .mcoi-h1 { margin-bottom: 20px; }
body.mcoi-page .mcoi-h1 .elementor-heading-title {
  margin: 0 0 .42em !important;
  padding-bottom: .04em;
  font-family: var(--mcoh-head-font);
  font-size: clamp(2.05rem, 1.25rem + 3.1vw, 3.55rem);
  line-height: 1.07;
  letter-spacing: -.028em;
  font-weight: 700;
  color: #FFFFFF;
  background: linear-gradient(100deg, var(--mcoh-g1, #FFF) 0%, var(--mcoh-g1, #FFF) 42%, var(--mcoh-g2, #7DD3FC) 78%, var(--mco-sky, #38BDF8) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  text-wrap: balance;
}
body.mcoi-page .mcoi-hero--solo .mcoi-h1 .elementor-heading-title { text-align: center; }
body.mcoi-page .mcoi-lead p {
  margin: 0 0 1.6em;
  max-width: 36em;
  font-size: clamp(1.04rem, .98rem + .35vw, 1.22rem);
  line-height: 1.65;
  color: #C5D4E2;
}
body.mcoi-page .mcoi-hero .mcoi-tool { max-width: none; margin: 0; }
body.mcoi-page .mcoi-hero .dmc-search-note { color: #9FB2C5; }
body.mcoi-page .mcoi-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin: 1.6em 0 0;
  padding: 0;
  list-style: none;
  font-size: .94rem;
  font-weight: 500;
  color: #DCE6EF;
}
body.mcoi-page .mcoi-trust li { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
body.mcoi-page .mcoi-trust li::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: none;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center / 12px no-repeat, linear-gradient(135deg, var(--mco-sky, #38BDF8), #0284C7);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, .14);
}
body.mcoi-page .mcoi-fig--hero { text-align: center; }
body.mcoi-page .mcoi-fig--hero img {
  width: 100%;
  max-width: 520px;
  height: auto;
  filter: drop-shadow(0 30px 50px rgba(0, 0, 0, .35));
  animation: mcoh-float 7s ease-in-out infinite;
}
@keyframes mcoh-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }

/* ── Sections ─────────────────────────────────────────────────────── */
body.mcoi-page .mcoi-sec { color: var(--mcoh-body); }
body.mcoi-page .mcoi-sec .mcoi-narrow,
body.mcoi-page .mcoi-cta .mcoi-narrow { width: 100%; max-width: var(--mcoh-measure) !important; margin-left: auto; margin-right: auto; }
body.mcoi-page .mcoi-sec .mcoi-wide { width: 100%; max-width: var(--mcoh-wide) !important; margin-left: auto; margin-right: auto; }
body.mcoi-page .mcoi-sec .mcoi-fig { width: 100%; max-width: 880px !important; margin: 34px auto; }
body.mcoi-page .mcoi-sec .mcoi-fig img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  box-shadow: var(--mcoh-shadow);
}
body.mcoi-page .mcoi-fig figcaption,
body.mcoi-page .mcoi-fig .widget-image-caption {
  margin: 14px auto 0;
  max-width: 640px;
  text-align: center;
  font-size: .875rem;
  line-height: 1.55;
  color: var(--mcoh-mute);
}
body.mcoi-page .mcoi-sec--first { padding-top: clamp(22px, 3vw, 32px) !important; }
body.mcoi-page .mcoi-sec:last-of-type { padding-bottom: clamp(24px, 4vw, 48px) !important; }

/* text */
body.mcoi-page .mcoi-text { color: var(--mcoh-body); font-family: var(--mcoh-body-font); }
body.mcoi-page .mcoi-text :is(p, li) { font-size: clamp(1rem, .97rem + .15vw, 1.0625rem); line-height: 1.75; }
body.mcoi-page .mcoi-text p { margin: 0 0 1.15em; }
body.mcoi-page .mcoi-text :is(p, ul, ol):last-child { margin-bottom: 1.15em; }
body.mcoi-page .mcoi-lead p:last-child { margin-bottom: 1.6em; }
body.mcoi-page .mcoi-cta .mcoi-text p:last-child { margin-bottom: 1.6em; }
body.mcoi-page .mcoi-text :is(ul, ol) { margin: 0 0 1.3em; padding-left: 1.3em; }
body.mcoi-page .mcoi-text li { margin-bottom: .55em; padding-left: .2em; }
body.mcoi-page .mcoi-text li::marker { color: var(--mcoh-a1, #0369A1); font-weight: 600; }
body.mcoi-page :is(.mcoi-text, .mcoi-html) strong { color: var(--mcoh-head); font-weight: 600; }
body.mcoi-page :is(.mcoi-text, .mcoi-html) a:not([class]) {
  color: var(--mco-link, #0369A1);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
  transition: color .2s, text-decoration-color .2s;
}
body.mcoi-page :is(.mcoi-text, .mcoi-html) a:not([class]):hover { text-decoration-color: currentColor; text-decoration-thickness: 2px; }
body.mcoi-page .mcoi-updated p { margin: 0; font-size: .875rem !important; color: var(--mcoh-mute); }
body.mcoi-page .mcoi-updated p::before {
  content: "";
  display: inline-block;
  margin: 0 10px 1px 4px;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mco-pass, #15803D);
  box-shadow: 0 0 0 4px rgba(21, 128, 61, .14);
  animation: mcoh-pulse 2.4s ease-in-out infinite;
}
@keyframes mcoh-pulse { 50% { box-shadow: 0 0 0 7px rgba(21, 128, 61, 0); } }
body.mcoi-page .mcoi-fine p { font-size: .85rem; color: var(--mcoh-mute); }

/* ── Headings ─────────────────────────────────────────────────────── */
body.mcoi-page .mcoi-h2 {
  position: relative;
  margin-top: clamp(56px, 7vw, 92px);
  margin-bottom: .55em;
  scroll-margin-top: calc(var(--mco-header-h, 0px) + 28px);
}
body.mcoi-page .mcoi-h2 .elementor-heading-title {
  font-family: var(--mcoh-head-font);
  font-size: clamp(1.6rem, 1.15rem + 1.6vw, 2.3rem);
  line-height: 1.16;
  letter-spacing: -.022em;
  font-weight: 650;
  color: var(--mcoh-h2, #0B1B2B);
  text-wrap: balance;
}
body.mcoi-page .mcoi-h3 { margin-top: 1.9em; margin-bottom: .45em; scroll-margin-top: calc(var(--mco-header-h, 0px) + 28px); }
body.mcoi-page .mcoi-h3 .elementor-heading-title,
body.mcoi-page .mcoi-faq__group {
  font-family: var(--mcoh-head-font);
  font-size: clamp(1.15rem, 1.04rem + .45vw, 1.38rem);
  line-height: 1.3;
  font-weight: 600;
  color: var(--mcoh-h3, #0E4F6E);
}
body.mcoi-page .mcoi-h4 .elementor-heading-title { font-family: var(--mcoh-head-font); font-size: 1.1rem; font-weight: 600; color: var(--mcoh-head); }
body.mcoi-page .mcoi-h4 { margin-top: 1.5em; margin-bottom: .4em; }

/* Gauge: section number and a bar that sweeps in */
body.mcoi-h-gauge.mcoi-page .mcoi-h2 { counter-increment: mcoh-sec; padding-top: 30px; }
body.mcoi-h-gauge.mcoi-page .mcoi-h2::before {
  content: counter(mcoh-sec, decimal-leading-zero) "  /  " attr(data-mcoh-total);
  position: absolute;
  top: 0;
  left: 0;
  font: 600 .78rem/1 var(--mcoh-body-font);
  letter-spacing: .16em;
  color: var(--mcoh-a1, #0369A1);
  white-space: pre;
}
body.mcoi-h-gauge.mcoi-page .mcoi-h2:not([data-mcoh-total])::before { content: counter(mcoh-sec, decimal-leading-zero); }
body.mcoi-h-gauge.mcoi-page .mcoi-h2 .elementor-widget-container::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: .65em;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--mcoh-a1, #0369A1), var(--mco-sky, #38BDF8) 55%, var(--mcoh-a2, #F5B700));
  transform-origin: left center;
  transition: transform 1s var(--mcoh-ease) .1s;
}
body.mcoi-h-gauge.mcoi-page .mcoi-h2.mco-reveal:not(.is-in) .elementor-widget-container::after { transform: scaleX(.15); }
body.mcoi-h-gauge.mcoi-page :is(.mcoi-h3 .elementor-heading-title, .mcoi-faq__group) { display: flex; align-items: center; gap: 10px; }
body.mcoi-h-gauge.mcoi-page :is(.mcoi-h3 .elementor-heading-title, .mcoi-faq__group)::before {
  content: "";
  width: 10px;
  height: 10px;
  flex: none;
  border-radius: 50%;
  background: var(--mcoh-a2, #F5B700);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mcoh-a2, #F5B700) 22%, transparent);
}
/* Refined */
body.mcoi-h-refined.mcoi-page .mcoi-h2 .elementor-widget-container {
  padding-bottom: .45em;
  background:
    linear-gradient(var(--mcoh-a1, #0369A1), var(--mcoh-a1, #0369A1)) left bottom / 56px 2px no-repeat,
    linear-gradient(var(--mcoh-line), var(--mcoh-line)) left bottom / 100% 1px no-repeat;
}
/* Signal */
body.mcoi-h-signal.mcoi-page .mcoi-h2 .elementor-widget-container {
  padding-left: .7em;
  border-left: 6px solid var(--mcoh-a1, #0369A1);
  border-image: linear-gradient(180deg, var(--mcoh-a1, #0369A1), var(--mcoh-a2, #F5B700)) 1;
}

/* ── Table of contents ────────────────────────────────────────────── */
body.mcoi-page .mcoi-tocwrap { margin-top: 22px; margin-bottom: 8px; }
body.mcoi-page .mcoh-toc {
  position: relative;
  background: var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: 24px;
  box-shadow: var(--mcoh-shadow);
  overflow: hidden;
}
body.mcoi-page .mcoh-toc::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--mcoh-a1, #0369A1), var(--mco-sky, #38BDF8) 60%, var(--mcoh-a2, #F5B700));
}
body.mcoi-page .mcoh-toc__toggle {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 20px 22px 18px;
  cursor: pointer;
  color: inherit;
  border-radius: 24px;
}
body.mcoi-page .mcoh-toc__toggle:focus-visible { outline: 3px solid var(--mco-focus, #0284C7); outline-offset: -3px; }
body.mcoi-page .mcoh-toc__ring { position: relative; width: 48px; height: 48px; flex: none; }
body.mcoi-page .mcoh-toc__ring svg { width: 48px; height: 48px; rotate: -90deg; }
body.mcoi-page .mcoh-toc__track { fill: none; stroke: var(--mcoh-line); stroke-width: 4; }
body.mcoi-page .mcoh-toc__bar { fill: none; stroke: var(--mcoh-a1, #0369A1); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: var(--mcoh-off, 100); transition: stroke-dashoffset .25s linear; }
body.mcoi-page .mcoh-toc__num { position: absolute; inset: 0; display: grid; place-items: center; font: 650 .95rem/1 var(--mcoh-head-font); color: var(--mcoh-head); }
body.mcoi-page .mcoh-toc__heads { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
body.mcoi-page .mcoh-toc__title { font: 600 1.12rem/1.2 var(--mcoh-head-font); color: var(--mcoh-head); }
body.mcoi-page .mcoh-toc__meta { font-size: .85rem; color: var(--mcoh-mute); }
body.mcoi-page .mcoh-toc__chev { position: relative; width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--mcoh-soft); border: 1px solid var(--mcoh-line); transition: background .25s, border-color .25s; }
body.mcoi-page .mcoh-toc__chev::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border: solid var(--mcoh-head);
  border-width: 0 2px 2px 0;
  translate: 0 2px;
  rotate: 225deg;
  transition: rotate .45s var(--mcoh-ease);
}
body.mcoi-page .mcoh-toc.is-collapsed .mcoh-toc__chev::before { rotate: 45deg; translate: 0 -2px; }
body.mcoi-page .mcoh-toc__toggle:hover .mcoh-toc__chev { background: var(--mcoh-tint, rgba(3, 105, 161, .09)); border-color: var(--mcoh-a1, #0369A1); }
body.mcoi-page .mcoh-toc__panel { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .5s var(--mcoh-ease); }
body.mcoi-page .mcoh-toc.is-collapsed .mcoh-toc__panel { grid-template-rows: 0fr; }
body.mcoi-page .mcoh-toc__inner { overflow: hidden; min-height: 0; }
body.mcoi-page .mcoh-toc__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px 18px;
  margin: 0;
  padding: 12px 14px 18px;
  list-style: none;
  border-top: 1px solid var(--mcoh-line);
}
@media (min-width: 720px) {
  body.mcoi-page .mcoh-toc__list { grid-template-columns: 1fr 1fr; grid-auto-flow: column; grid-template-rows: repeat(var(--mcoh-rows, 6), auto); }
}
body.mcoi-page .mcoh-toc__list li { margin: 0; font-size: .97rem; line-height: 1.4; }
body.mcoi-page .mcoh-toc__list a {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 12px 10px 14px;
  border-radius: 12px;
  color: var(--mcoh-body);
  text-decoration: none;
  transition: background .25s, color .25s, translate .25s var(--mcoh-ease);
}
body.mcoi-page .mcoh-toc__list a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  bottom: 22%;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--mcoh-a1, #0369A1), var(--mcoh-a2, #F5B700));
  scale: 1 0;
  transition: scale .35s var(--mcoh-ease);
}
body.mcoi-page .mcoh-toc__n { flex: none; min-width: 1.6em; font: 600 .78rem/1 var(--mcoh-body-font); letter-spacing: .08em; font-variant-numeric: tabular-nums; color: var(--mcoh-a1, #0369A1); }
body.mcoi-page .mcoh-toc__list a:hover { background: var(--mcoh-soft); color: var(--mcoh-head); translate: 3px 0; }
body.mcoi-page .mcoh-toc__list a.is-active { background: var(--mcoh-tint, rgba(3, 105, 161, .09)); color: var(--mcoh-head); font-weight: 600; }
body.mcoi-page .mcoh-toc__list a.is-active::before { scale: 1 1; }
body.mcoi-page .mcoh-toc.is-opening .mcoh-toc__list li { animation: mcoh-in .55s var(--mcoh-ease) both; animation-delay: calc(var(--i, 0) * 32ms); }
@keyframes mcoh-in { from { opacity: 0; translate: 0 8px; } }

/* floating dock */
.mcoh-dock {
  position: fixed;
  z-index: 95;
  left: 50%;
  bottom: max(14px, env(safe-area-inset-bottom));
  translate: -50% calc(100% + 30px);
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: min(580px, calc(100vw - 24px));
  padding: 6px 6px 6px 7px;
  color: #DCE6EF;
  background: rgba(11, 27, 43, .9);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
          backdrop-filter: blur(14px) saturate(1.4);
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 999px;
  box-shadow: 0 20px 40px -16px rgba(0, 0, 0, .55);
  transition: translate .55s cubic-bezier(.2, .8, .2, 1), opacity .3s;
  opacity: 0;
  font-family: var(--mco-font-body, Inter, system-ui, sans-serif);
}
.mcoh-dock.is-shown { translate: -50% 0; opacity: 1; }
.mcoh-dock__ring { position: relative; width: 38px; height: 38px; flex: none; }
.mcoh-dock__ring svg { width: 38px; height: 38px; rotate: -90deg; }
.mcoh-dock__ring circle { fill: none; stroke-width: 3.5; }
.mcoh-dock__ring .t { stroke: rgba(125, 211, 252, .18); }
.mcoh-dock__ring .b { stroke: var(--mco-sky, #38BDF8); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: var(--mcoh-off, 100); transition: stroke-dashoffset .25s linear; }
.mcoh-dock__ring span { position: absolute; inset: 0; display: grid; place-items: center; font-size: .66rem; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.mcoh-dock__label { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .9rem; font-weight: 500; padding-right: 4px; }
.mcoh-dock__label small { display: block; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: #8FA6BB; font-weight: 600; }
.mcoh-dock button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 600;
  color: #0B1B2B;
  background: linear-gradient(135deg, #7DD3FC, #38BDF8);
  transition: filter .2s;
}
.mcoh-dock button:hover { filter: brightness(1.08); }
.mcoh-dock button:focus-visible { outline: 3px solid #F5B700; outline-offset: 2px; }
.mcoh-dock .mcoh-dock__top { width: 38px; padding: 0; color: #DCE6EF; background: rgba(125, 211, 252, .12); }
.mcoh-dock .mcoh-dock__top::before { content: ""; width: 8px; height: 8px; border: solid currentColor; border-width: 2px 0 0 2px; rotate: 45deg; translate: 0 2px; }
.mcoh-dock__menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 10px);
  max-height: min(62vh, 520px);
  overflow: auto;
  padding: 8px;
  margin: 0;
  list-style: none;
  background: rgba(11, 27, 43, .96);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 20px;
  box-shadow: 0 24px 48px -16px rgba(0, 0, 0, .6);
  transform-origin: 50% 100%;
  scale: .96;
  opacity: 0;
  visibility: hidden;
  transition: scale .3s cubic-bezier(.2, .8, .2, 1), opacity .2s, visibility 0s .3s;
}
.mcoh-dock.is-open .mcoh-dock__menu { scale: 1; opacity: 1; visibility: visible; transition: scale .35s cubic-bezier(.2, .8, .2, 1), opacity .2s; }
.mcoh-dock__menu a { display: flex; gap: 12px; align-items: baseline; padding: 10px 12px; border-radius: 12px; color: #DCE6EF; text-decoration: none; font-size: .92rem; line-height: 1.35; }
.mcoh-dock__menu a span { color: #7DD3FC; font-size: .74rem; font-weight: 600; letter-spacing: .08em; min-width: 1.6em; }
.mcoh-dock__menu a:hover { background: rgba(125, 211, 252, .1); }
.mcoh-dock__menu a.is-active { background: rgba(56, 189, 248, .16); color: #fff; font-weight: 600; }
.mcoh-dock-on .mco-fab { opacity: 0 !important; pointer-events: none !important; }

/* ── Feature cards ────────────────────────────────────────────────── */
body.mcoi-page .mco-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 16px;
  margin: 30px 0 34px;
}
body.mcoi-page .mco-card {
  position: relative;
  padding: 22px 20px 18px;
  background: var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: var(--mcoh-r);
  box-shadow: 0 1px 2px rgba(11, 27, 43, .04);
  transition: translate .45s var(--mcoh-ease), box-shadow .45s var(--mcoh-ease), border-color .3s;
  overflow: hidden;
}
body.mcoi-page .mco-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--mcoh-a1, #0369A1), var(--mco-sky, #38BDF8), var(--mcoh-a2, #F5B700));
  scale: 0 1;
  transform-origin: left;
  transition: scale .6s var(--mcoh-ease);
}
body.mcoi-page .mco-card:hover { translate: 0 -4px; box-shadow: var(--mcoh-shadow-lift); border-color: color-mix(in srgb, var(--mco-sky, #38BDF8) 55%, var(--mcoh-line)); }
body.mcoi-page .mco-card:hover::after { scale: 1 1; }
/* Icon boxes (pages imported with 1.0.0 used .mco-ico inside cards; only those are matched, never the site header). */
body.mcoi-page :is(.mcoi-ico, :is(.mco-card, .mco-pillar, .mcoi-stat) > .mco-ico, .mco-pillar h3 > .mco-ico) {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 13px;
  color: #7DD3FC;
  background: linear-gradient(140deg, var(--mcoh-hero-2, #12304A), var(--mcoh-hero-1, #0B1B2B));
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .18), 0 10px 18px -10px rgba(11, 27, 43, .7);
  transition: rotate .5s var(--mcoh-ease), scale .5s var(--mcoh-ease);
}
body.mcoi-page :is(.mcoi-ico, :is(.mco-card, .mco-pillar, .mcoi-stat) > .mco-ico, .mco-pillar h3 > .mco-ico) svg { width: 22px; height: 22px; }
body.mcoi-page .mco-card:hover :is(.mcoi-ico, .mco-ico) { rotate: -6deg; scale: 1.06; }
body.mcoi-page .mco-card h3 { margin: 14px 0 8px; font: 600 1.07rem/1.3 var(--mcoh-head-font); color: var(--mcoh-head); }
body.mcoi-page .mco-card p { margin: 0; font-size: .95rem; line-height: 1.6; color: var(--mcoh-mute); }

/* ── Steps ────────────────────────────────────────────────────────── */
body.mcoi-page ol.mco-steps { counter-reset: mcoh-step; list-style: none; padding: 0; margin: 22px 0 26px; }
body.mcoi-page ol.mco-steps > li {
  position: relative;
  counter-increment: mcoh-step;
  margin: 0 0 14px;
  padding: 18px 20px 18px 78px;
  background: var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: var(--mcoh-r);
  box-shadow: 0 1px 2px rgba(11, 27, 43, .04);
  font-size: 1.02rem;
  line-height: 1.7;
}
body.mcoi-page ol.mco-steps > li::before {
  content: counter(mcoh-step);
  position: absolute;
  left: 18px;
  top: 16px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font: 700 1.05rem/1 var(--mcoh-head-font);
  color: #7DD3FC;
  background: linear-gradient(140deg, var(--mcoh-hero-2, #12304A), var(--mcoh-hero-1, #0B1B2B));
  box-shadow: 0 0 0 5px var(--mcoh-tint, rgba(3, 105, 161, .09));
}
body.mcoi-page ol.mco-steps > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 38px;
  top: 64px;
  bottom: -16px;
  width: 2px;
  background: repeating-linear-gradient(180deg, var(--mcoh-line) 0 4px, transparent 4px 8px);
}
body.mcoi-page ol.mco-steps strong { display: block; margin-bottom: 2px; color: var(--mcoh-head); font-family: var(--mcoh-head-font); font-weight: 600; }

/* ── Checklist ────────────────────────────────────────────────────── */
body.mcoi-page ol.mco-checklist {
  counter-reset: mcoh-chk;
  list-style: none;
  padding: 8px;
  margin: 18px 0 22px;
  background: var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: 22px;
  box-shadow: var(--mcoh-shadow);
}
body.mcoi-page ol.mco-checklist > li {
  position: relative;
  counter-increment: mcoh-chk;
  margin: 0;
  padding: 14px 52px 14px 60px;
  border-radius: 14px;
  font-size: 1.02rem;
  line-height: 1.7;
  transition: background .25s;
}
body.mcoi-page ol.mco-checklist > li + li { border-top: 1px dashed var(--mcoh-line); }
body.mcoi-page ol.mco-checklist > li:hover { background: var(--mcoh-soft); }
body.mcoi-page ol.mco-checklist > li::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 15px;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center / 14px no-repeat, linear-gradient(140deg, #16A34A, #15803D);
  box-shadow: 0 6px 12px -6px rgba(21, 128, 61, .6);
  transition: scale .5s var(--mcoh-ease) calc(var(--i, 0) * 80ms), rotate .5s var(--mcoh-ease) calc(var(--i, 0) * 80ms);
}
body.mcoi-page ol.mco-checklist > li.mco-reveal:not(.is-in)::before { scale: .4; rotate: -40deg; }
body.mcoi-page ol.mco-checklist > li::after {
  content: counter(mcoh-chk, decimal-leading-zero);
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--mcoh-mute);
  opacity: .6;
}

/* ── Quick answer ─────────────────────────────────────────────────── */
body.mcoi-page .mco-answer {
  position: relative;
  margin: 6px 0 22px;
  padding: 22px 24px 20px 26px;
  background: linear-gradient(135deg, var(--mcoh-tint, rgba(3, 105, 161, .09)), transparent 75%), var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: 0 var(--mcoh-r) var(--mcoh-r) 0;
  box-shadow: inset 5px 0 0 var(--mcoh-a1, #0369A1);
}
body.mcoi-page .mco-answer__label { margin: 0 0 8px !important; font-size: .72rem !important; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mcoh-a1, #0369A1); }
body.mcoi-page .mco-answer p { font-size: clamp(1.04rem, 1rem + .25vw, 1.15rem); line-height: 1.7; margin: 0 0 .7em; }
body.mcoi-page .mco-answer > :last-child { margin-bottom: 0; }

/* ── Alerts and notes ─────────────────────────────────────────────── */
body.mcoi-page .mco-note {
  --n-bg: #FFF8E6; --n-line: #F3D489; --n-ink: #4A3410; --n-head: #3A2604; --n-dot: #B45309;
  position: relative;
  margin: 6px 0 24px;
  padding: 20px 22px 18px 62px;
  background: var(--n-bg);
  border: 1px solid var(--n-line);
  border-radius: var(--mcoh-r);
  color: var(--n-ink);
}
body.mcoi-page .mco-note--info, body.mcoi-page .mco-note--tip { --n-bg: #EFF8FF; --n-line: #B9DDF6; --n-ink: #0C3550; --n-head: #072638; --n-dot: #0369A1; }
body.mcoi-page .mco-note--success { --n-bg: #F0FDF4; --n-line: #BBF7D0; --n-ink: #14532D; --n-head: #0B3A1F; --n-dot: #15803D; }
body.mcoi-page .mco-note--danger { --n-bg: #FEF2F2; --n-line: #FECACA; --n-ink: #7F1D1D; --n-head: #5F1212; --n-dot: #B91C1C; }
body.mcoi-page .mco-note::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 21px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11v6'/%3E%3Cpath d='M12 7.2h.01'/%3E%3C/svg%3E") center / 16px no-repeat, var(--n-dot);
}
body.mcoi-page .mco-note__title { margin: 0 0 6px !important; font: 600 1rem/1.4 var(--mcoh-head-font); color: var(--n-head); }
body.mcoi-page .mco-note p { margin: 0 0 .6em; font-size: .98rem; line-height: 1.7; }
body.mcoi-page .mco-note strong { color: var(--n-head); }
body.mcoi-page .mco-note > :last-child { margin-bottom: 0; }
html[data-theme="dark"] body.mcoi-page .mco-note { --n-bg: rgba(245, 183, 0, .08); --n-line: rgba(245, 183, 0, .3); --n-ink: #F3E3BD; --n-head: #FDE68A; }
html[data-theme="dark"] body.mcoi-page :is(.mco-note--info, .mco-note--tip) { --n-bg: rgba(56, 189, 248, .08); --n-line: rgba(56, 189, 248, .3); --n-ink: #CFE8F7; --n-head: #E0F2FE; }
html[data-theme="dark"] body.mcoi-page .mco-note--success { --n-bg: rgba(74, 222, 128, .08); --n-line: rgba(74, 222, 128, .3); --n-ink: #CFF5DD; --n-head: #DCFCE7; }
html[data-theme="dark"] body.mcoi-page .mco-note--danger { --n-bg: rgba(248, 113, 113, .08); --n-line: rgba(248, 113, 113, .3); --n-ink: #FBD5D5; --n-head: #FEE2E2; }

/* ── Tables ───────────────────────────────────────────────────────── */
body.mcoi-page .mcoi-tablewrap { margin: 26px auto 30px; }
body.mcoi-page .mco-table { margin: 0; overflow-x: auto; }
body.mcoi-page .mco-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  background: var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: var(--mcoh-r);
  overflow: hidden;
  box-shadow: var(--mcoh-shadow);
  font-size: .95rem;
}
body.mcoi-page .mco-table :is(th, td) { padding: 14px 16px; text-align: left; vertical-align: top; border: 0; line-height: 1.55; background: transparent; }
body.mcoi-page .mco-table thead tr { background: linear-gradient(100deg, var(--mcoh-hero-2, #12304A), var(--mcoh-hero-1, #0B1B2B)); }
body.mcoi-page .mco-table thead th { font: 600 .8rem/1.3 var(--mcoh-body-font); letter-spacing: .08em; text-transform: uppercase; color: #DCE6EF; }
body.mcoi-page .mco-table thead th :is(strong, b, em) { color: inherit; font-weight: inherit; }
body.mcoi-page .mco-table tbody :is(th, td) { border-top: 1px solid var(--mcoh-line); color: var(--mcoh-body); }
body.mcoi-page .mco-table tbody th { font-weight: 600; color: var(--mcoh-head); }
body.mcoi-page .mco-table tbody tr:nth-child(even) :is(th, td) { background: var(--mcoh-soft); }
body.mcoi-page .mco-table tbody tr:hover :is(th, td) { background: var(--mcoh-tint, rgba(3, 105, 161, .09)); }
body.mcoi-page .mco-table figcaption { margin-top: 12px; font-size: .85rem; line-height: 1.5; color: var(--mcoh-mute); text-align: left; }
body.mcoi-page .mco-table .is-fail { color: #B91C1C; font-weight: 700; }
body.mcoi-page .mco-table .is-pass { color: #15803D; font-weight: 700; }
html[data-theme="dark"] body.mcoi-page .mco-table .is-fail { color: #F87171; }
html[data-theme="dark"] body.mcoi-page .mco-table .is-pass { color: #4ADE80; }
body.mcoi-page .mco-sev { white-space: nowrap; }
body.mcoi-page .mco-sev::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; vertical-align: .05em; background: var(--sev, #64748B); }
body.mcoi-page .sev-dangerous { --sev: #7F1D1D; }
body.mcoi-page .sev-major { --sev: #DC2626; }
body.mcoi-page .sev-minor { --sev: #F59E0B; }
body.mcoi-page .sev-advisory { --sev: #0EA5E9; }
body.mcoi-page .sev-prs { --sev: #16A34A; }
html[data-theme="dark"] body.mcoi-page .sev-dangerous { --sev: #F87171; }
body.mcoi-page .mco-table--data tbody td:last-child { width: 46%; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--mcoh-head); }
body.mcoi-page .mcoh-bar { display: block; height: 8px; margin-top: 7px; border-radius: 8px; background: var(--mcoh-line); overflow: hidden; }
body.mcoi-page .mcoh-bar i { display: block; height: 100%; width: var(--w, 0%); border-radius: 8px; background: linear-gradient(90deg, var(--mcoh-a1, #0369A1), var(--mco-sky, #38BDF8)); transform-origin: left; transition: scale 1.1s var(--mcoh-ease) calc(var(--i, 0) * 70ms); }
body.mcoi-page .mco-table--data tbody tr:first-child .mcoh-bar i { background: linear-gradient(90deg, #B45309, var(--mcoh-a2, #F5B700)); }
body.mcoi-page .mco-reveal:not(.is-in) .mcoh-bar i { scale: 0 1; }

/* ── Trust pillars ────────────────────────────────────────────────── */
body.mcoi-page .mco-pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; margin: 28px 0 30px; }
body.mcoi-page .mco-pillar {
  position: relative;
  padding: 26px 24px 22px;
  color: #B9C9D8;
  background:
    radial-gradient(400px 200px at 100% 0%, rgba(56, 189, 248, .16), transparent 60%),
    linear-gradient(160deg, var(--mcoh-hero-2, #12304A), var(--mcoh-hero-1, #0B1B2B));
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 22px;
  overflow: hidden;
  isolation: isolate;
  transition: translate .45s var(--mcoh-ease), box-shadow .45s var(--mcoh-ease);
}
body.mcoi-page .mco-pillar::after { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: radial-gradient(240px 160px at var(--mx, 80%) var(--my, 0%), rgba(125, 211, 252, .22), transparent 70%); opacity: 0; transition: opacity .4s; }
body.mcoi-page .mco-pillar:hover { translate: 0 -4px; box-shadow: 0 30px 50px -28px rgba(3, 15, 28, .9); }
body.mcoi-page .mco-pillar:hover::after { opacity: 1; }
body.mcoi-page .mco-pillar h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; font: 600 1.1rem/1.3 var(--mcoh-head-font); color: #FFFFFF; }
body.mcoi-page .mco-pillar :is(.mcoi-ico, .mco-ico) { width: 38px; height: 38px; border-radius: 11px; background: rgba(125, 211, 252, .12); box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .25); }
body.mcoi-page .mco-pillar :is(.mcoi-ico, .mco-ico) svg { width: 20px; height: 20px; }
body.mcoi-page .mco-pillar p { margin: 0; font-size: .95rem; line-height: 1.65; color: #B9C9D8; }

/* ── Stats and buttons ────────────────────────────────────────────── */
body.mcoi-page .mcoi-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 14px; margin: 24px 0 28px; }
body.mcoi-page .mcoi-stat { display: flex; flex-direction: column; gap: 6px; padding: 20px; background: var(--mcoh-card); border: 1px solid var(--mcoh-line); border-radius: var(--mcoh-r); box-shadow: var(--mcoh-shadow); }
body.mcoi-page .mcoi-stat strong { font: 700 1.6rem/1.1 var(--mcoh-head-font); color: var(--mcoh-a1, #0369A1); }
body.mcoi-page .mcoi-stat span:not(.mcoi-ico):not(.mco-ico) { color: var(--mcoh-mute); font-size: .92rem; }
body.mcoi-page .mcoi-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0 24px; }
body.mcoi-page .mcoi-buttons.is-center { justify-content: center; }
body.mcoi-page .mcoi-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px;
  border-radius: 999px; font-weight: 600; text-decoration: none; color: #0B1B2B;
  background: linear-gradient(135deg, #7DD3FC, #38BDF8); box-shadow: 0 12px 24px -14px rgba(3, 105, 161, .8);
  transition: translate .2s, filter .2s;
}
body.mcoi-page .mcoi-btn:hover { translate: 0 -2px; filter: brightness(1.05); color: #0B1B2B; }
body.mcoi-page .mcoi-btn.is-outline { background: transparent; color: var(--mcoh-a1, #0369A1); box-shadow: inset 0 0 0 2px currentColor; }

/* ── FAQ ──────────────────────────────────────────────────────────── */
body.mcoi-page .mcoi-faq__group { margin: 28px 0 12px; }
body.mcoi-page .mcoi-faq__group:first-child { margin-top: 6px; }
body.mcoi-page .mcoh-faq-tools { display: flex; justify-content: flex-end; margin: 0 0 10px; }
body.mcoi-page .mcoh-faq-tools button {
  all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px;
  font-size: .85rem; font-weight: 600; color: var(--mcoh-a1, #0369A1); border: 1px solid var(--mcoh-line); background: var(--mcoh-card);
  transition: border-color .2s, background .2s;
}
body.mcoi-page .mcoh-faq-tools button:hover { border-color: var(--mcoh-a1, #0369A1); background: var(--mcoh-tint, rgba(3, 105, 161, .09)); }
body.mcoi-page .mcoh-faq-tools button:focus-visible { outline: 3px solid var(--mco-focus, #0284C7); outline-offset: 2px; }
body.mcoi-page details.mco-faq {
  margin: 0 0 12px;
  padding: 0;
  background: var(--mcoh-card);
  border: 1px solid var(--mcoh-line);
  border-radius: var(--mcoh-r);
  overflow: hidden;
  transition: border-color .3s, box-shadow .3s;
}
body.mcoi-page details.mco-faq[open] { border-color: color-mix(in srgb, var(--mcoh-a1, #0369A1) 45%, var(--mcoh-line)); box-shadow: var(--mcoh-shadow); }
body.mcoi-page details.mco-faq > summary {
  position: relative;
  display: block;
  list-style: none;
  cursor: pointer;
  padding: 19px 64px 19px 22px;
  margin: 0;
  border: 0;
  font: 600 1.04rem/1.4 var(--mcoh-head-font);
  color: var(--mcoh-head);
  transition: color .2s;
}
body.mcoi-page details.mco-faq > summary::-webkit-details-marker { display: none; }
body.mcoi-page details.mco-faq > summary:hover { color: var(--mcoh-a1, #0369A1); }
body.mcoi-page details.mco-faq > summary:focus-visible { outline: 3px solid var(--mco-focus, #0284C7); outline-offset: -3px; border-radius: var(--mcoh-r); }
body.mcoi-page details.mco-faq > summary::before,
body.mcoi-page details.mco-faq > summary::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-top: -1px;
  border-radius: 2px;
  background: currentColor;
  transition: rotate .45s var(--mcoh-ease), opacity .3s;
}
body.mcoi-page details.mco-faq > summary::after { rotate: 90deg; }
body.mcoi-page details.mco-faq[open] > summary::after { rotate: 0deg; opacity: 0; }
body.mcoi-page details.mco-faq[open] > summary::before { rotate: 180deg; }
body.mcoi-page .mco-faq__a { padding: 0 22px 20px; color: var(--mcoh-body); }
body.mcoi-page .mco-faq__a p { margin: 0 0 .8em; font-size: 1rem; line-height: 1.7; }
body.mcoi-page .mco-faq__a > :last-child { margin-bottom: 0; }

/* ── Closing call to action ───────────────────────────────────────── */
body.mcoi-page .mcoi-cta { margin-top: clamp(64px, 8vw, 104px); margin-bottom: clamp(32px, 5vw, 64px); }
body.mcoi-page .mcoi-cta > :is(.e-con-inner, .elementor-container) {
  position: relative;
  isolation: isolate;
  padding: clamp(36px, 5vw, 64px) clamp(20px, 4vw, 56px);
  text-align: center;
  color: #C5D4E2;
  background:
    radial-gradient(700px 360px at 50% -10%, var(--mcoh-glow, rgba(56, 189, 248, .3)), transparent 65%),
    linear-gradient(160deg, var(--mcoh-hero-2, #12304A), var(--mcoh-hero-1, #0B1B2B));
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 40px 80px -40px rgba(3, 15, 28, .8);
}
body.mcoi-page .mcoi-cta > :is(.e-con-inner, .elementor-container)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(125, 211, 252, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125, 211, 252, .06) 1px, transparent 1px);
  background-size: 40px 40px;
  -webkit-mask-image: radial-gradient(60% 70% at 50% 0%, #000 20%, transparent 80%);
          mask-image: radial-gradient(60% 70% at 50% 0%, #000 20%, transparent 80%);
  pointer-events: none;
}
body.mcoi-page .mcoi-cta .elementor-widget { width: 100%; max-width: 680px !important; margin-left: auto; margin-right: auto; }
body.mcoi-page .mcoi-cta__h .elementor-heading-title {
  font-family: var(--mcoh-head-font);
  font-size: clamp(1.6rem, 1.15rem + 1.6vw, 2.3rem);
  line-height: 1.16;
  letter-spacing: -.022em;
  font-weight: 650;
  background: linear-gradient(100deg, #FFFFFF 30%, #7DD3FC);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FFFFFF;
}
body.mcoi-page .mcoi-cta__h .elementor-widget-container::after { content: ""; display: block; width: 64px; height: 4px; margin: .7em auto 1.1em; border-radius: 4px; background: linear-gradient(90deg, #38BDF8, var(--mcoh-a2, #F5B700)); }
body.mcoi-page .mcoi-cta .mcoi-text p { color: #C5D4E2; margin-bottom: 1.6em; }
body.mcoi-page .mcoi-cta .dmc-search-note { color: #9FB2C5; }

/* ── Reveal on scroll (added by script, so content shows without it) ─ */
body.mcoi-page .mco-reveal { transition: opacity .8s var(--mcoh-ease), translate .8s var(--mcoh-ease); transition-delay: calc(var(--i, 0) * 70ms); }
body.mcoi-page .mco-reveal:not(.is-in) { opacity: 0; translate: 0 22px; }

/* ── Dark theme ───────────────────────────────────────────────────── */
html[data-theme="dark"] body.mcoi-page .mco-table thead tr { background: #0B1B2B; }
html[data-theme="dark"] body.mcoi-page .mcoi-fig:not(.mcoi-fig--hero) img { box-shadow: 0 0 0 1px rgba(125, 211, 252, .12), var(--mcoh-shadow); }

/* ── Small screens ────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  body.mcoi-page .mcoi-hero > :is(.e-con-inner, .elementor-container) { flex-wrap: wrap; }
  body.mcoi-page .mcoi-hero :is(.mcoi-hero__text, .mcoi-hero__media) { width: 100% !important; max-width: 100%; }
  body.mcoi-page .mcoi-hero .elementor-column { width: 100% !important; }
  body.mcoi-page .mcoi-fig--hero img { max-width: 420px; }
}
@media (max-width: 767px) {
  body.mcoi-page .mcoi-h1 .elementor-heading-title { font-size: clamp(1.9rem, 1.2rem + 3.6vw, 2.4rem); }
  body.mcoi-page .mcoi-hero::after { width: 120vw; right: -60vw; top: 70%; }
  body.mcoi-page ol.mco-steps > li { padding: 16px 16px 16px 68px; }
  body.mcoi-page ol.mco-steps > li::before { left: 14px; width: 38px; height: 38px; }
  body.mcoi-page ol.mco-steps > li:not(:last-child)::after { left: 32px; }
  body.mcoi-page ol.mco-checklist > li { padding-right: 16px; }
  body.mcoi-page ol.mco-checklist > li::after { display: none; }
  body.mcoi-page .mcoh-toc__toggle { padding: 16px 16px 14px; gap: 12px; }
  body.mcoi-page .mco-table table { font-size: .9rem; }
  body.mcoi-page .mco-table :is(th, td) { padding: 12px; }
  body.mcoi-page .mco-sev { white-space: normal; }
  body.mcoi-page .mco-table--data tbody td:last-child { width: 40%; }
  body.mcoi-page .mcoi-cta > :is(.e-con-inner, .elementor-container) { padding: 36px 16px; border-radius: 24px; }
  .mcoh-dock__label { font-size: .84rem; }
}

/* ── Motion and print ─────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body.mcoi-page *, body.mcoi-page *::before, body.mcoi-page *::after { animation: none !important; transition: none !important; }
  body.mcoi-page .mco-reveal { opacity: 1 !important; translate: none !important; }
}
@media print {
  .mcoh-dock, body.mcoi-page .mcoh-toc__chev, body.mcoi-page .mcoh-faq-tools, body.mcoi-page .mcoi-hero::after, body.mcoi-page form { display: none !important; }
  body.mcoi-page .mcoi-hero { background: none !important; color: #000; }
  body.mcoi-page .mcoi-h1 .elementor-heading-title { -webkit-text-fill-color: #000; }
  body.mcoi-page details.mco-faq > .mco-faq__a { display: block !important; }
}