/*
 * Monderman enterprise site system.
 *
 * This stylesheet is deliberately presentation-only. It does not change
 * visibility, form state, application state, URLs, or interactive contracts.
 * It loads after page-local styles so the public site shares one visual voice.
 */

@import url("assets/brand/brand-foundations-v2.css?v=20260906-accent1");

:root {
  --mdm-deep: #04181B;
  --mdm-brand-dark: #073338;
  --mdm-teal: #0C6E78;
  --mdm-teal-dark: #0A5B63;
  --mdm-sea-glass: #A9D0D4;
  --mdm-sea-glass-hover: #C4E1E3;
  --mdm-white: #FFFFFF;
  --mdm-paper: #FAFAF8;
  --mdm-ink: #18191C;
  --mdm-muted: #6E6F73;
  --mdm-rule: #EAE6DD;
  --mdm-rule-strong: #D9D5CC;
  --mdm-amber: #C9821F;
  --mdm-amber-dark: #86530D;
  --mdm-amber-light: #F0C47D;
  --mdm-font: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mdm-max: 1280px;
  --mdm-hero-max: 1320px;
  --mdm-reading: 720px;
  --mdm-header: 78px;
  --mdm-radius: 6px;
  --mdm-ease: cubic-bezier(.22, 1, .36, 1);
}

html {
  scroll-padding-top: calc(var(--mdm-header) + 18px);
}

body.canonical-green-shell {
  background: var(--mdm-white);
  color: var(--mdm-ink);
  font-family: var(--mdm-font);
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

body.canonical-green-shell ::selection {
  background: rgba(12, 110, 120, .18);
  color: var(--mdm-deep);
}

body.canonical-green-shell :focus-visible {
  outline-color: var(--mdm-teal);
  outline-width: 3px;
  outline-offset: 3px;
}

body.canonical-green-shell :is(
  .header,
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise,
  .mond-footer
) :focus-visible {
  outline-color: var(--mdm-sea-glass);
}

body.canonical-green-shell h1,
body.canonical-green-shell h2,
body.canonical-green-shell h3,
body.canonical-green-shell h4 {
  font-family: var(--mdm-font);
  font-weight: 700;
  text-wrap: balance;
}

body.canonical-green-shell p,
body.canonical-green-shell li {
  text-wrap: pretty;
}

/* Header and footer geometry live in canonical-site-shell.css. Keeping the
   shared chrome in one stylesheet prevents legal, publication, and product
   pages from acquiring different responsive shells. */

/* Shared page heroes */
body.canonical-green-shell:not(.homepage-enterprise) > .hero,
body.canonical-green-shell:not(.homepage-enterprise) > main > .hero,
body.canonical-green-shell .ps-hero,
body.canonical-green-shell .article-hero {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(12, 110, 120, .22), transparent 34%),
    linear-gradient(140deg, var(--mdm-brand-dark) 0%, #05292E 58%, var(--mdm-deep) 100%);
  color: var(--mdm-white);
}

body.canonical-green-shell:not(.homepage-enterprise) > .hero,
body.canonical-green-shell:not(.homepage-enterprise) > main > .hero,
body.canonical-green-shell .ps-hero,
body.canonical-green-shell .article-hero {
  min-height: 520px;
  display: flex;
  align-items: end;
}

body.canonical-green-shell:not(.homepage-enterprise) > .hero > .hero-inner,
body.canonical-green-shell:not(.homepage-enterprise) > .hero > .wrap,
body.canonical-green-shell:not(.homepage-enterprise) > .hero > .section,
body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .hero-inner,
body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .wrap,
body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .section,
body.canonical-green-shell .ps-hero > .ps-hero-inner,
body.canonical-green-shell .article-hero > .article-hero-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--mdm-hero-max);
  margin-inline: auto;
  padding: 112px clamp(20px, 4vw, 56px) 36px;
  text-align: start;
}

body.canonical-green-shell:not(.homepage-enterprise) .hero h1,
body.canonical-green-shell .ps-hero h1,
body.canonical-green-shell .article-hero h1 {
  max-width: 16ch;
  margin: 0;
  color: var(--mdm-white);
  font-size: clamp(3rem, 4vw, 3.5rem);
  line-height: 1;
  letter-spacing: -.052em;
}

body.canonical-green-shell:not(.homepage-enterprise) .hero p,
body.canonical-green-shell .ps-hero .lede,
body.canonical-green-shell .article-hero .article-dek {
  max-width: 700px;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(1.04rem, 1.25vw, 1.18rem);
  line-height: 1.62;
}

body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-eyebrow,
body.canonical-green-shell:not(.homepage-enterprise) .hero h1,
body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-dek,
body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-actions {
  opacity: 1;
  transform: none;
  animation: none;
  will-change: auto;
}

body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-title {
  display: block;
}

body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-line {
  display: inline;
}

body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-line + .hero-line::before {
  content: " ";
}

/* Core type and spacing */
body.canonical-green-shell .section-inner,
body.canonical-green-shell .library-inner,
body.canonical-green-shell .ps-wrap,
body.canonical-green-shell .dx-shell,
body.canonical-green-shell .connect-section-inner,
body.canonical-green-shell .quiet-cta-inner {
  max-width: var(--mdm-max);
}

body.canonical-green-shell .ps-wrap {
  width: 100%;
  padding-inline: clamp(20px, 4vw, 56px);
}

/* Plan pages use a named top band rather than the shared .hero class. */
body.canonical-green-shell .pl-top {
  min-height: 520px;
  display: flex;
  align-items: end;
  text-align: start;
}

body.canonical-green-shell .pl-top > .pl-top-inner {
  width: 100%;
  max-width: var(--mdm-hero-max);
  margin-inline: auto;
  padding: 112px clamp(20px, 4vw, 56px) 36px;
}

body.canonical-green-shell .pl-top h1 {
  max-width: 16ch;
  font-size: clamp(3rem, 4vw, 3.5rem);
  line-height: 1;
  letter-spacing: -.052em;
}

body.canonical-green-shell:not(.page-report) .section-intro {
  max-width: 760px;
}

body.canonical-green-shell:not(.page-report) .section h2,
body.canonical-green-shell:not(.page-report) .section-intro h2,
body.canonical-green-shell:not(.page-report) .content h2,
body.canonical-green-shell:not(.page-report) .ps-h2,
body.canonical-green-shell:not(.page-report) .group h2,
body.canonical-green-shell:not(.page-report) .dx-section-head h2 {
  color: var(--mdm-ink);
  font-size: clamp(2rem, 2.4vw, 2.75rem);
  line-height: 1.06;
  letter-spacing: -.045em;
}

/* Keep named page-family headings on the same scale without overriding their
   local light/dark color treatment. */
body.canonical-green-shell:not(.page-report) .dx-title,
body.canonical-green-shell:not(.page-report) .pl-h2 {
  font-size: clamp(2rem, 2.4vw, 2.75rem);
  line-height: 1.06;
  letter-spacing: -.045em;
}

body.canonical-green-shell:not(.page-report) .section-intro > p,
body.canonical-green-shell:not(.page-report) .dx-section-head > p,
body.canonical-green-shell:not(.page-report) .ps-section > .ps-wrap > p {
  max-width: var(--mdm-reading);
  color: var(--mdm-muted);
  font-size: 1.05rem;
  line-height: 1.68;
}

body.canonical-green-shell:not(.page-report) .section-label,
body.canonical-green-shell:not(.page-report) .section-kicker,
body.canonical-green-shell:not(.page-report) .section-eyebrow,
body.canonical-green-shell:not(.page-report) .eyebrow,
body.canonical-green-shell:not(.page-report) .kicker,
body.canonical-green-shell:not(.page-report) .ps-section-label,
body.canonical-green-shell:not(.page-report) .book-eyebrow,
body.canonical-green-shell:not(.page-report) .dx-eyebrow {
  color: var(--mdm-teal);
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
}

body.canonical-green-shell:not(.page-report) .section-with-bar {
  border-color: var(--mdm-rule);
}

body.canonical-green-shell:not(.page-report) .section-bar {
  color: #8B8B86;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .18em;
}

/* Buttons and links */
body.canonical-green-shell .btn,
body.canonical-green-shell .ps-btn,
body.canonical-green-shell .dx-btn,
body.canonical-green-shell a[class*="button"],
body.canonical-green-shell button[class*="button"] {
  border-radius: 4px;
  font-weight: 600;
}

body.canonical-green-shell .btn,
body.canonical-green-shell .ps-btn {
  min-height: 48px;
  padding-inline: 20px;
}

body.canonical-green-shell .btn-accent,
body.canonical-green-shell .ps-btn-primary,
body.canonical-green-shell .dx-btn-primary {
  background: var(--mdm-teal);
  border-color: var(--mdm-teal);
  color: var(--mdm-white);
  box-shadow: none;
}

body.canonical-green-shell .btn-accent:hover,
body.canonical-green-shell .btn-accent:focus-visible,
body.canonical-green-shell .ps-btn-primary:hover,
body.canonical-green-shell .dx-btn-primary:hover {
  background: var(--mdm-teal-dark);
  border-color: var(--mdm-teal-dark);
  color: var(--mdm-white);
}

/*
 * On dark fields, the primary action uses pale sea-glass with dark ink. This
 * separates navigation and conversion from amber, which is reserved for
 * constrained availability, warnings, and data meaning.
 */
body.canonical-green-shell :is(
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise
) :is(.btn-accent, .btn-primary, .btn.primary, .ps-btn-primary, .dx-btn-primary, .article-action-primary):not(.pilot-primary) {
  background: var(--mdm-sea-glass);
  border-color: var(--mdm-sea-glass);
  color: var(--mdm-deep);
  box-shadow: none;
}

body.canonical-green-shell :is(
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise
) :is(.btn-accent, .btn-primary, .btn.primary, .ps-btn-primary, .dx-btn-primary, .article-action-primary):not(.pilot-primary):hover,
body.canonical-green-shell :is(
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise
) :is(.btn-accent, .btn-primary, .btn.primary, .ps-btn-primary, .dx-btn-primary, .article-action-primary):not(.pilot-primary):focus-visible {
  background: var(--mdm-sea-glass-hover);
  border-color: var(--mdm-sea-glass-hover);
  color: var(--mdm-deep);
  outline-color: var(--mdm-sea-glass-hover);
}

body.canonical-green-shell :is(
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise
) :is(.btn-secondary, .btn-hero-secondary, .btn.secondary):not(.hero-pilot-cta) {
  background: transparent;
  border-color: rgba(169, 208, 212, .58);
  color: var(--mdm-sea-glass);
  box-shadow: none;
}

body.canonical-green-shell :is(
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise
) :is(.btn-secondary, .btn-hero-secondary, .btn.secondary):not(.hero-pilot-cta):hover,
body.canonical-green-shell :is(
  .hero,
  .ps-hero,
  .article-hero,
  .pl-top,
  .section-on-dark,
  .ctaband,
  .slide.dark,
  .ps-enterprise
) :is(.btn-secondary, .btn-hero-secondary, .btn.secondary):not(.hero-pilot-cta):focus-visible {
  background: rgba(169, 208, 212, .10);
  border-color: var(--mdm-sea-glass-hover);
  color: var(--mdm-sea-glass-hover);
  box-shadow: none;
}

/*
 * Keep one filled action in a desktop opening view. The persistent header owns
 * the free Decision Velocity entry point; page-specific hero actions retain
 * their meaning but step down to the secondary tier. On smaller screens the
 * header action moves inside the closed menu, so the local page action remains
 * filled and immediately legible.
 */
@media (min-width: 1181px) {
  body.canonical-green-shell .article-hero .article-action-primary,
  body.canonical-green-shell .hero .btn-accent,
  body.canonical-green-shell .hero .btn-primary,
  body.canonical-green-shell .ps-hero .btn-accent,
  body.canonical-green-shell .ps-hero .btn-primary {
    background: transparent !important;
    border-color: var(--mdm-sea-glass) !important;
    color: var(--mdm-sea-glass) !important;
    box-shadow: none !important;
  }

  body.canonical-green-shell .article-hero .article-action-primary:hover,
  body.canonical-green-shell .article-hero .article-action-primary:focus-visible,
  body.canonical-green-shell .hero .btn-accent:hover,
  body.canonical-green-shell .hero .btn-accent:focus-visible,
  body.canonical-green-shell .hero .btn-primary:hover,
  body.canonical-green-shell .hero .btn-primary:focus-visible,
  body.canonical-green-shell .ps-hero .btn-accent:hover,
  body.canonical-green-shell .ps-hero .btn-accent:focus-visible,
  body.canonical-green-shell .ps-hero .btn-primary:hover,
  body.canonical-green-shell .ps-hero .btn-primary:focus-visible {
    background: rgba(169, 208, 212, .12) !important;
    border-color: var(--mdm-sea-glass-hover) !important;
    color: var(--mdm-sea-glass-hover) !important;
  }

  body.canonical-green-shell .article-hero .article-action-primary:focus-visible,
  body.canonical-green-shell .hero :is(.btn-accent, .btn-primary):focus-visible,
  body.canonical-green-shell .ps-hero :is(.btn-accent, .btn-primary):focus-visible {
    outline: 3px solid var(--mdm-sea-glass-hover) !important;
    outline-offset: 3px !important;
  }

  /* The pilot action retains amber's limited-availability meaning. */
  body.canonical-green-shell .hero .pilot-primary {
    background: transparent !important;
    border-color: var(--mdm-amber-light) !important;
    color: var(--mdm-amber-light) !important;
    box-shadow: none !important;
  }

  body.canonical-green-shell .hero .pilot-primary:hover,
  body.canonical-green-shell .hero .pilot-primary:focus-visible {
    background: rgba(201, 130, 31, .12) !important;
    border-color: #FFD99B !important;
    color: #FFD99B !important;
    outline-color: #FFD99B !important;
  }
}

/* Cards become quieter, more architectural, and less app-like. */
body.canonical-green-shell :is(
  .diff-card,
  .approach-card,
  .paper-card,
  .latest-card,
  .wm-credo-item,
  .wm-rigor-cell,
  .wm-threeway-cell,
  .ps-tier,
  .ps-roi-card,
  .dx-card,
  .side-card,
  .confirmation-card,
  .moment-card
) {
  border-radius: var(--mdm-radius);
  border-color: var(--mdm-rule-strong);
  box-shadow: none;
}

body.canonical-green-shell :is(
  .diff-card,
  .approach-card,
  .paper-card,
  .latest-card,
  .wm-credo-item,
  .wm-rigor-cell,
  .wm-threeway-cell,
  .ps-tier,
  .ps-roi-card,
  .dx-card,
  .moment-card
):hover {
  transform: translateY(-2px);
  border-color: rgba(12, 110, 120, .44);
  box-shadow: 0 18px 42px rgba(4, 24, 27, .07);
}

/* Homepage: permanent platform story */
body.homepage-enterprise .hero {
  min-height: 820px;
  background: var(--mdm-deep);
}

body.homepage-enterprise .hero-media-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 24, 27, .96) 0%, rgba(4, 24, 27, .87) 34%, rgba(4, 24, 27, .48) 64%, rgba(4, 24, 27, .32) 100%),
    linear-gradient(180deg, rgba(4, 24, 27, .1), rgba(4, 24, 27, .48));
}

body.homepage-enterprise .hero-media-wrap picture {
  display: contents;
}

body.homepage-enterprise .hero-image {
  filter: saturate(.62) contrast(1.04) brightness(.78);
}

body.homepage-enterprise .hero-inner {
  width: 100%;
  max-width: 1440px;
  min-height: 820px;
  padding: 148px clamp(24px, 4vw, 64px) 82px;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .74fr);
  gap: clamp(54px, 7vw, 112px);
  align-items: center;
}

body.homepage-enterprise .hero-copy {
  max-width: 780px;
}

body.homepage-enterprise .hero-eyebrow {
  max-width: 48ch;
  margin-bottom: 27px;
  color: rgba(255, 255, 255, .66);
}

body.homepage-enterprise .hero h1 {
  max-width: 11.6ch;
  margin-bottom: 25px;
  font-size: clamp(3.7rem, 5.7vw, 5.65rem);
  line-height: .94;
  letter-spacing: -.06em;
}

body.homepage-enterprise .hero-dek {
  max-width: 57ch;
  color: rgba(255, 255, 255, .74);
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  line-height: 1.62;
}

body.homepage-enterprise .hero-actions {
  margin-top: 31px;
}

body.homepage-enterprise .hero-actions .btn-accent {
  background: var(--mdm-sea-glass);
  border-color: var(--mdm-sea-glass);
  color: var(--mdm-deep);
}

body.homepage-enterprise .hero-actions .btn-accent:hover,
body.homepage-enterprise .hero-actions .btn-accent:focus-visible {
  background: var(--mdm-sea-glass-hover);
  border-color: var(--mdm-sea-glass-hover);
  color: var(--mdm-deep);
}

body.homepage-enterprise .hero-actions .hero-pilot-cta {
  background: transparent;
  border-color: var(--mdm-amber-light);
  color: var(--mdm-amber-light);
}

body.homepage-enterprise .hero-actions .hero-pilot-cta:hover,
body.homepage-enterprise .hero-actions .hero-pilot-cta:focus-visible {
  background: rgba(201, 130, 31, .12);
  border-color: #FFD99B;
  color: #FFD99B;
}

body.homepage-enterprise .hero-enterprise-link {
  margin-top: 18px;
  color: rgba(255, 255, 255, .72);
  font-size: .9rem;
}

body.homepage-enterprise .hero-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 640px;
  margin: 42px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

body.homepage-enterprise .hero-facts li {
  padding: 18px 18px 0 0;
  color: rgba(255, 255, 255, .56);
  font-size: .77rem;
  line-height: 1.42;
}

body.homepage-enterprise .hero-facts strong {
  display: block;
  margin-bottom: 4px;
  color: var(--mdm-white);
  font-size: .9rem;
  font-weight: 600;
}

body.homepage-enterprise .hero-report-proof {
  width: min(100%, 510px);
  justify-self: end;
}

body.homepage-enterprise .hero-eyebrow,
body.homepage-enterprise .hero h1,
body.homepage-enterprise .hero-dek,
body.homepage-enterprise .hero-actions,
body.homepage-enterprise .hero-report-proof {
  opacity: 1;
  transform: none;
  animation: none;
  will-change: auto;
}

body.homepage-enterprise .hero-report-page {
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, .3);
  box-shadow: 0 38px 90px rgba(0, 0, 0, .28);
}

body.homepage-enterprise .hero-report-caption {
  color: rgba(255, 255, 255, .82);
}

body.homepage-enterprise #main-content > .proof-band { order: 2; }
body.homepage-enterprise #main-content > .mxidx-band { order: 3; }
body.homepage-enterprise #main-content > .systems-analysis-bridge { order: 4; }
body.homepage-enterprise #main-content > .approach { order: 5; }
body.homepage-enterprise #main-content > .first-run-moments { order: 6; }
body.homepage-enterprise #main-content > .measurement-loop { order: 7; }
body.homepage-enterprise #main-content > .book-band { order: 8; }
body.homepage-enterprise #main-content > .latest { order: 9; }
body.homepage-enterprise #main-content > .connect { order: 10; }

@media (min-width: 1181px) and (max-height: 900px) {
  body.homepage-enterprise .hero-eyebrow { margin-bottom: 20px; }
  body.homepage-enterprise .hero h1 {
    margin-bottom: 20px;
    font-size: 4.5rem;
  }
  body.homepage-enterprise .hero-dek { line-height: 1.52; }
  body.homepage-enterprise .hero-actions { margin-top: 24px; }
  body.homepage-enterprise .hero-enterprise-link { margin-top: 14px; }
  body.homepage-enterprise .hero-facts { margin-top: 28px; }
}

body.homepage-enterprise .proof-band,
body.homepage-enterprise .systems-analysis-bridge,
body.homepage-enterprise .measurement-loop,
body.homepage-enterprise .latest {
  background: var(--mdm-white);
}

body.homepage-enterprise .proof-inner,
body.homepage-enterprise .mxidx-inner,
body.homepage-enterprise .systems-analysis-inner,
body.homepage-enterprise .approach-inner,
body.homepage-enterprise .first-run-moments-inner,
body.homepage-enterprise .measurement-loop-inner,
body.homepage-enterprise .book-inner,
body.homepage-enterprise .latest-inner,
body.homepage-enterprise .connect-inner {
  max-width: var(--mdm-max);
  padding-left: clamp(24px, 4vw, 56px) !important;
  padding-right: clamp(24px, 4vw, 56px) !important;
}

body.homepage-enterprise :is(
  #proof-title,
  .mxidx-band h2,
  .systems-analysis-bridge h2,
  #approach-title,
  #first-run-moments-title,
  .measurement-loop h2,
  #book-title,
  #latest-title,
  #connect-title
) {
  font-size: clamp(2.45rem, 4.2vw, 4rem);
  line-height: .99;
  letter-spacing: -.055em;
}

body.homepage-enterprise .proof-inner,
body.homepage-enterprise .systems-analysis-inner,
body.homepage-enterprise .approach-inner,
body.homepage-enterprise .first-run-moments-inner,
body.homepage-enterprise .measurement-loop-inner,
body.homepage-enterprise .latest-inner {
  padding-top: clamp(72px, 8vw, 118px) !important;
  padding-bottom: clamp(72px, 8vw, 118px) !important;
}

body.homepage-enterprise .proof-grid {
  gap: 0;
  margin-top: 32px;
  border-block: 1px solid var(--mdm-rule-strong);
}

body.homepage-enterprise .proof-card {
  padding: 29px 28px 31px;
  border: 0;
  border-right: 1px solid var(--mdm-rule-strong);
  border-radius: 0;
  background: var(--mdm-white);
}

body.homepage-enterprise .proof-card:first-child { padding-left: 0; }
body.homepage-enterprise .proof-card:last-child { padding-right: 0; border-right: 0; }

body.homepage-enterprise .mxidx-band {
  position: relative;
  background: var(--mdm-brand-dark);
  color: var(--mdm-white);
  overflow: hidden;
}

body.homepage-enterprise .mxidx-inner {
  position: relative;
  z-index: 1;
  padding-top: 94px !important;
  padding-bottom: 94px !important;
}

body.homepage-enterprise .mxidx-band h2,
body.homepage-enterprise .mxidx-band h3 {
  color: var(--mdm-white);
}

body.homepage-enterprise .mxidx-band p {
  color: rgba(255, 255, 255, .68);
}

body.homepage-enterprise .mxidx-cell {
  border-color: rgba(255, 255, 255, .14);
  border-radius: 3px;
  background: rgba(255, 255, 255, .025);
}

body.homepage-enterprise .systems-analysis-grid {
  gap: 0;
  margin-top: 46px;
  border-block: 1px solid var(--mdm-rule-strong);
}

body.homepage-enterprise .systems-analysis-card {
  padding: 34px 40px;
  border: 0;
  border-right: 1px solid var(--mdm-rule-strong);
  border-radius: 0;
  background: var(--mdm-white);
}

body.homepage-enterprise .systems-analysis-card.systems {
  border-right: 0;
  background: #F1F7F6;
}

body.homepage-enterprise .systems-analysis-conclusion,
body.homepage-enterprise .loop-synthesis {
  border-left: 2px solid var(--mdm-teal);
  border-radius: 0;
  background: var(--mdm-paper);
}

body.homepage-enterprise .approach {
  background: var(--mdm-paper);
}

body.homepage-enterprise .approach-grid {
  gap: 12px;
  margin-top: 46px;
}

body.homepage-enterprise .approach-card {
  min-height: 328px;
  padding: 28px 26px 25px;
  border-radius: 4px;
  background: var(--mdm-white);
}

body.homepage-enterprise .approach-card::before {
  content: attr(data-enterprise-index);
  display: block;
  min-height: 18px;
  margin-bottom: 36px;
  color: var(--mdm-teal);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
}

body.homepage-enterprise .first-run-moments {
  background: var(--mdm-white);
}

body.homepage-enterprise .first-run-moment-grid {
  gap: 10px;
  margin-top: 38px;
}

body.homepage-enterprise .first-run-moment {
  min-height: 210px;
  border-radius: 4px;
  background: linear-gradient(145deg, #0B4249, var(--mdm-deep));
  box-shadow: none;
}

body.homepage-enterprise .loop-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 46px;
  border-block: 1px solid var(--mdm-rule-strong);
}

body.homepage-enterprise .loop-step {
  min-height: 250px;
  padding: 31px 28px;
  border: 0;
  border-right: 1px solid var(--mdm-rule-strong);
  border-radius: 0;
  background: var(--mdm-white);
}

body.homepage-enterprise .loop-step:last-of-type {
  border-right: 0;
}

body.homepage-enterprise .loop-arrow {
  display: none;
}

body.homepage-enterprise .book-band {
  background: #F5F0E7;
  border-block: 1px solid #E0D8CB;
}

body.homepage-enterprise .book-inner {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

body.homepage-enterprise .book-jacket {
  border-radius: 1px;
  box-shadow: 0 24px 48px rgba(92, 63, 24, .18);
}

body.homepage-enterprise .latest-head {
  align-items: end;
}

body.homepage-enterprise .latest-card {
  border-radius: 4px;
}

body.homepage-enterprise .connect {
  background: var(--mdm-deep);
}

body.homepage-enterprise .connect-inner {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

body.homepage-enterprise .connect-panel,
body.homepage-enterprise .connect-choice-card {
  border-radius: 4px;
}

/* Catalog, pricing, company, and legal surfaces */
body.canonical-green-shell .diagnostics-page,
body.canonical-green-shell .ps-section:not(.ps-roi),
body.canonical-green-shell .connect-section,
body.canonical-green-shell.page-legal main,
body.canonical-green-shell .wm-condition,
body.canonical-green-shell .wm-difference,
body.canonical-green-shell .wm-rigor,
body.canonical-green-shell .wm-commitments,
body.canonical-green-shell .wm-instruments {
  background: var(--mdm-white);
}

/* Preserve the pricing page's intentional dark evidence band and its contrast. */
body.canonical-green-shell .ps-section.ps-roi {
  background: var(--mdm-brand-dark);
  color: var(--mdm-white);
}

body.canonical-green-shell .ps-section.ps-roi .ps-section-label {
  color: #A9CFD2;
}

body.canonical-green-shell .ps-section.ps-roi .ps-h2 {
  color: var(--mdm-white);
}

body.canonical-green-shell:not(.page-report) .ps-section.ps-roi > .ps-wrap > :is(.ps-sub, .ps-roi-note) {
  color: rgba(245, 241, 232, .76);
}

body.canonical-green-shell .ps-section.ps-roi .ps-roi-note a {
  color: #BFE0E3;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.canonical-green-shell .ps-section.ps-roi .ps-roi-card {
  border-color: rgba(255, 255, 255, .15);
}

body.canonical-green-shell .dx-choice,
body.canonical-green-shell .dx-lenses,
body.canonical-green-shell .dx-output,
body.canonical-green-shell .dx-use,
body.canonical-green-shell .ps-section,
body.canonical-green-shell .connect-section,
body.canonical-green-shell.page-legal .section,
body.canonical-green-shell .wm-condition,
body.canonical-green-shell .wm-difference,
body.canonical-green-shell .wm-rigor,
body.canonical-green-shell .wm-commitments,
body.canonical-green-shell .wm-instruments {
  border-color: var(--mdm-rule);
}

body.canonical-green-shell .dx-card,
body.canonical-green-shell .ps-tier {
  border-top-width: 3px;
  border-top-color: var(--mdm-teal);
}

body.canonical-green-shell .ps-tier.featured {
  border-top-color: var(--mdm-teal);
}

body.canonical-green-shell .mxps-card > a {
  background: var(--mdm-sea-glass);
  border: 1px solid var(--mdm-sea-glass);
  color: var(--mdm-deep);
  box-shadow: none;
}

body.canonical-green-shell .mxps-card > a:hover,
body.canonical-green-shell .mxps-card > a:focus-visible {
  background: var(--mdm-sea-glass-hover);
  border-color: var(--mdm-sea-glass-hover);
  color: var(--mdm-deep);
}

body.canonical-green-shell .ps-tier-flag {
  color: var(--mdm-deep) !important;
}

body.canonical-green-shell.page-legal .section-inner {
  max-width: 920px;
}

/* Research and editorial surfaces */
body.canonical-green-shell .library,
body.canonical-green-shell .book-feature,
body.canonical-green-shell .article-main,
body.canonical-green-shell .article-further {
  background: var(--mdm-white);
}

body.canonical-green-shell .paper-card,
body.canonical-green-shell .latest-card {
  overflow: hidden;
}

body.canonical-green-shell .paper-card.wide {
  border-left: 3px solid var(--mdm-teal);
}

body.canonical-green-shell .divider-quote {
  background: var(--mdm-paper);
  border-block: 1px solid var(--mdm-rule);
}

body.canonical-green-shell .divider-quote blockquote,
body.canonical-green-shell .divider-quote .quote,
body.canonical-green-shell .pull {
  color: var(--mdm-ink);
  font-weight: 500;
  letter-spacing: -.04em;
}

body.canonical-green-shell .article-main .page.body {
  max-width: 790px;
  color: #303236;
}

body.canonical-green-shell .article-main .page.body p,
body.canonical-green-shell .article-main .page.body li {
  font-size: 1.08rem;
  line-height: 1.78;
}

body.canonical-green-shell .article-main .page.body h2,
body.canonical-green-shell .article-main .page.body h3 {
  color: var(--mdm-ink);
}

/* Search */
.site-search-overlay {
  background: rgba(4, 24, 27, .82);
}

.site-search-panel {
  border-radius: 6px;
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 32px 100px rgba(4, 24, 27, .42);
}

/* Motion: restrained and informative. */
body.canonical-green-shell .reveal {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: no-preference) {
  body.canonical-green-shell .reveal {
    transform: translateY(14px);
    transition-duration: 720ms;
    transition-timing-function: var(--mdm-ease);
  }

  body.canonical-green-shell .paper-card,
  body.canonical-green-shell .latest-card,
  body.canonical-green-shell .approach-card,
  body.canonical-green-shell .dx-card,
  body.canonical-green-shell .ps-tier {
    transition: transform 240ms var(--mdm-ease), border-color 180ms ease, box-shadow 240ms ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.canonical-green-shell *,
  body.canonical-green-shell *::before,
  body.canonical-green-shell *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 1180px) {
  :root { --mdm-header: 70px; }

  body.homepage-enterprise .hero-inner {
    min-height: 760px;
    grid-template-columns: 1fr;
    gap: 54px;
    padding-top: 138px;
  }

  body.homepage-enterprise .hero-report-proof {
    width: min(100%, 560px);
    justify-self: start;
  }
}

@media (max-width: 960px) {
  body.canonical-green-shell:not(.homepage-enterprise) > .hero,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero,
  body.canonical-green-shell .ps-hero,
  body.canonical-green-shell .article-hero {
    min-height: 0;
  }

  body.canonical-green-shell:not(.homepage-enterprise) > .hero > .hero-inner,
  body.canonical-green-shell:not(.homepage-enterprise) > .hero > .wrap,
  body.canonical-green-shell:not(.homepage-enterprise) > .hero > .section,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .hero-inner,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .wrap,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .section,
  body.canonical-green-shell .ps-hero > .ps-hero-inner,
  body.canonical-green-shell .article-hero > .article-hero-inner {
    padding: 126px clamp(20px, 4vw, 56px) 48px;
  }

  body.canonical-green-shell:not(.homepage-enterprise) .hero h1,
  body.canonical-green-shell .ps-hero h1,
  body.canonical-green-shell .article-hero h1 {
    font-size: clamp(2.5rem, 5.5vw, 3rem);
  }

  body.canonical-green-shell .pl-top {
    min-height: 0;
  }

  body.canonical-green-shell .pl-top > .pl-top-inner {
    padding: 126px clamp(20px, 4vw, 56px) 48px;
  }

  body.canonical-green-shell .pl-top h1 {
    font-size: clamp(2.5rem, 5.5vw, 3rem);
  }

  body.homepage-enterprise .hero-facts {
    grid-template-columns: 1fr;
    max-width: 420px;
  }

  body.homepage-enterprise .hero-facts li {
    padding-top: 13px;
  }

  body.homepage-enterprise .loop-flow {
    grid-template-columns: 1fr 1fr;
  }

  body.homepage-enterprise .loop-step:nth-of-type(2) {
    border-right: 0;
  }

  body.homepage-enterprise .loop-step:nth-of-type(-n+2) {
    border-bottom: 1px solid var(--mdm-rule-strong);
  }

  /* The proof grid becomes a vertical list at this width. Reset the desktop
     column dividers and use a consistent media-object alignment. */
  body.homepage-enterprise .proof-card,
  body.homepage-enterprise .proof-card:first-child,
  body.homepage-enterprise .proof-card:last-child {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 16px;
    padding: 26px 22px;
    border-right: 0;
    border-bottom: 1px solid var(--mdm-rule-strong);
  }

  body.homepage-enterprise .proof-card:last-child {
    border-bottom: 0;
  }

  body.homepage-enterprise .proof-card-icon {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }

  body.homepage-enterprise .proof-card > strong {
    grid-column: 2;
    align-self: center;
  }

  body.homepage-enterprise .proof-card-text,
  body.homepage-enterprise .proof-arrow {
    grid-column: 2;
  }
}

@media (max-width: 640px) {
  body.canonical-green-shell:not(.homepage-enterprise) .hero h1,
  body.canonical-green-shell .ps-hero h1,
  body.canonical-green-shell .article-hero h1 {
    font-size: clamp(2.25rem, 10vw, 2.625rem);
  }

  body.canonical-green-shell:not(.homepage-enterprise) > .hero,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero {
    min-height: 0;
    padding: 0 !important;
  }

  body.canonical-green-shell:not(.homepage-enterprise) > .hero > .hero-inner,
  body.canonical-green-shell:not(.homepage-enterprise) > .hero > .wrap,
  body.canonical-green-shell:not(.homepage-enterprise) > .hero > .section,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .hero-inner,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .wrap,
  body.canonical-green-shell:not(.homepage-enterprise) > main > .hero > .section,
  body.canonical-green-shell .ps-hero > .ps-hero-inner,
  body.canonical-green-shell .article-hero > .article-hero-inner {
    width: 100%;
    min-height: 0;
    margin: 0 auto;
    padding: 114px 20px 34px !important;
  }

  body.canonical-green-shell .pl-top > .pl-top-inner {
    padding: 114px 20px 34px;
  }

  body.canonical-green-shell .pl-top h1 {
    max-width: 100%;
    font-size: clamp(2.25rem, 10vw, 2.625rem);
  }

  body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-copy {
    width: 100%;
    max-width: 100%;
  }

  body.canonical-green-shell:not(.homepage-enterprise) .hero .hero-line {
    display: inline;
  }

  body.homepage-enterprise .hero {
    min-height: 720px;
  }

  body.homepage-enterprise .hero-inner {
    display: block;
    min-height: 720px;
    padding: 126px 20px 58px;
  }

  body.homepage-enterprise .hero h1 {
    max-width: 12ch;
    font-size: clamp(3.15rem, 14vw, 4.35rem);
  }

  body.homepage-enterprise .hero-dek {
    max-width: 34ch;
  }

  body.homepage-enterprise .hero-actions {
    align-items: stretch;
  }

  body.homepage-enterprise .hero-actions .btn {
    width: 100%;
  }

  body.homepage-enterprise .hero-facts {
    margin-top: 30px;
  }

  body.homepage-enterprise .hero-report-proof {
    display: none;
  }

  body.homepage-enterprise .loop-flow {
    grid-template-columns: 1fr;
  }

  body.homepage-enterprise .systems-analysis-card {
    padding-inline: 0;
    border-right: 0;
    border-bottom: 1px solid var(--mdm-rule-strong);
  }

  body.homepage-enterprise .systems-analysis-card.systems {
    padding-inline: 24px;
  }

  body.homepage-enterprise .loop-step,
  body.homepage-enterprise .loop-step:nth-of-type(2),
  body.homepage-enterprise .loop-step:nth-of-type(-n+2) {
    min-height: 0;
    padding: 25px 0;
    border-right: 0;
    border-bottom: 1px solid var(--mdm-rule-strong);
  }

  body.homepage-enterprise .loop-step:last-of-type {
    border-bottom: 0;
  }

  body.homepage-enterprise .proof-card,
  body.homepage-enterprise .proof-card:first-child,
  body.homepage-enterprise .proof-card:last-child {
    padding: 24px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--mdm-rule-strong);
  }

  body.homepage-enterprise .proof-card:last-child {
    border-bottom: 0;
  }

}

@media print {
  body.canonical-green-shell .header {
    display: none !important;
  }

  body.homepage-enterprise.home-motion-ready .reveal,
  body.homepage-enterprise.home-motion-ready .home-motion,
  body.homepage-enterprise .reveal,
  body.homepage-enterprise .home-motion {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
  }

  /* Keep the expanded permanent homepage story useful on paper without
     letting the publication carousel dominate the printed document. */
  body.homepage-enterprise .latest-track {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.homepage-enterprise .latest-card-image {
    height: 82px !important;
  }

  body.homepage-enterprise .latest-card-body {
    padding: 10px 11px 11px !important;
  }

  body.homepage-enterprise .latest-card-text {
    font-size: 11.5px !important;
    line-height: 1.34 !important;
  }
}