:root {
  --mcr-navy-950: #04162f;
  --mcr-navy-900: #071f43;
  --mcr-navy-800: #0c315f;
  --mcr-blue: #0d64bd;
  --mcr-blue-bright: #70c8f0;
  --mcr-green: #2f7b45;
  --mcr-orange: #e75d17;
  --mcr-ink: #10213e;
  --mcr-muted: #5e6d81;
  --mcr-line: #d9e1eb;
  --mcr-soft: #f5f8fc;
  --mcr-white: #fff;
  --mcr-shell: min(1220px, calc(100vw - 56px));
  --mcr-shadow: 0 16px 38px rgba(5, 26, 57, .11);
}

html { scroll-padding-top: 84px; }
body { color: var(--mcr-ink); background: var(--mcr-white); }
a { color: inherit; }
.mcrSymbolLibrary { position: absolute; width: 0; height: 0; overflow: hidden; }
.mcrSiteHeader svg,
.mcrHero svg,
.mcrStandardsSection svg,
.mcrTimeline svg,
.mcrDeliverables svg,
.mcrPhilosophy svg,
.mcrFinalCta svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.mcrSiteHeader { position: sticky; z-index: 80; top: 0; color: #fff; background: rgba(4, 22, 47, .98); border-bottom: 1px solid rgba(255,255,255,.12); }
.mcrNav { width: var(--mcr-shell); min-height: 76px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.mcrBrand { display: flex; align-items: center; gap: 16px; color: #fff; text-decoration: none; }
.mcrBrandIcon { display: inline-grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 10px; background: linear-gradient(135deg, rgba(105,217,255,.96), rgba(23,103,232,.78)), var(--mcr-blue-bright); color: #061b38; box-shadow: 0 10px 22px rgba(0,0,0,.18); font-size: 13px; font-weight: 900; letter-spacing: -.02em; }
.mcrBrandName { min-width: 0; display: grid; gap: 2px; padding-left: 16px; border-left: 1px solid rgba(255,255,255,.42); }
.mcrBrandName b { font-size: 20px; font-weight: 900; letter-spacing: .03em; line-height: 1; }
.mcrBrandName small { color: #afc1d2; font-size: 8px; font-weight: 750; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }
.mcrNavLinks { display: flex; align-items: center; gap: 27px; font-size: 13px; font-weight: 700; }
.mcrNavLinks a { color: #f2f7fc; text-decoration: none; }
.mcrNavLinks a:hover { color: var(--mcr-blue-bright); }
.mcrNavLinks .mcrWorkbenchLink {
  margin-left: 5px;
  padding-left: 18px;
  color: #b9c8d9;
  border-left: 1px solid rgba(255,255,255,.2);
  font-size: 12px;
  font-weight: 600;
}
.mcrNavLinks .mcrWorkbenchLink:hover { color: #fff; }
.mcrBrand:focus-visible,
.mcrNavLinks a:focus-visible,
.mcrButton:focus-visible,
.mcrDeliverables a:focus-visible,
.mcrTextLink:focus-visible { outline: 3px solid #8bdcff; outline-offset: 4px; border-radius: 4px; }

.mcrHero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: var(--mcr-navy-950); }
.mcrHero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: url("../assets/mission-cloud/pentagon-cloud-hero-clean.jpg") right center / auto 100% no-repeat; opacity: .92; filter: saturate(.82) contrast(1.04); -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 36%, rgba(0,0,0,.62) 52%, #000 68%); mask-image: linear-gradient(90deg, transparent 0%, transparent 36%, rgba(0,0,0,.62) 52%, #000 68%); }
.mcrHero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(4,22,47,1) 0%, rgba(4,22,47,.98) 43%, rgba(4,22,47,.58) 62%, rgba(4,22,47,.1) 100%), linear-gradient(180deg, rgba(4,22,47,.06), rgba(4,22,47,.2)); }
.mcrReleaseStamp { position: absolute; z-index: 4; top: 14px; right: max(28px, calc((100vw - 1220px) / 2)); padding: 5px 9px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #b8c8d8; background: rgba(4,22,47,.36); font-size: 10px; font-weight: 700; letter-spacing: .04em; backdrop-filter: blur(4px); }
.mcrReleaseStamp b { color: #e8f1f8; font-weight: 800; }
.mcrHeroGrid { width: var(--mcr-shell); min-height: 468px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(340px, .7fr); align-items: center; gap: clamp(28px, 3.5vw, 48px); padding: 60px 0 50px; }
.mcrHeroCopy { position: relative; z-index: 2; }
.mcrKicker,
.mcrEyebrow { margin: 0 0 11px; color: #33759a; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.mcrKicker { color: #82d2f4; }
.mcrHero h1 { max-width: 720px; margin: 0; font-size: clamp(48px, 5.5vw, 76px); line-height: .98; letter-spacing: -.045em; }
.mcrHeroSignal { width: fit-content; margin: 22px 0 0; padding: 8px 12px; border: 1px solid rgba(115, 213, 240, .42); border-radius: 999px; color: #a7e7f7; background: rgba(13, 100, 189, .18); font-size: 13px; font-weight: 850; letter-spacing: .035em; }
.mcrHeroLead { max-width: 670px; margin: 24px 0 0; color: #e4edf6; font-size: 20px; line-height: 1.55; }
.mcrHeroActions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.mcrButton { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid transparent; border-radius: var(--radius-control); font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none; }
.mcrButtonPrimary { color: #fff; background: var(--mcr-blue); box-shadow: 0 10px 24px rgba(2, 15, 33, .2); }
.mcrButtonPrimary:hover { background: #1876d0; }
.mcrButtonOwner { color: #fff; border-color: #6fc486; background: var(--mcr-green); box-shadow: 0 10px 24px rgba(2, 15, 33, .2); }
.mcrButtonOwner:hover { background: #378c50; }
.mcrButtonQuiet { color: #fff; border-color: rgba(255,255,255,.62); background: rgba(4,22,47,.28); }
.mcrButtonQuiet:hover { background: rgba(255,255,255,.12); }
.mcrHeroArt { min-height: 340px; }
.mcrValueStrip { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(4,22,47,.94); border-top: 1px solid rgba(255,255,255,.13); }
.mcrValueStrip span { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 11px; padding: 13px 16px; border-right: 1px solid rgba(255,255,255,.12); font-size: 13px; font-weight: 800; }
.mcrValueStrip svg { width: 22px; height: 22px; color: #85d5f6; }
.mcrHeroBoundary { position: relative; z-index: 2; width: var(--mcr-shell); margin: 0 auto; padding: 14px 0 16px; color: #9fb2c5; font-size: 10px; line-height: 1.45; }

.mcrSection { width: var(--mcr-shell); margin: 0 auto; padding: 86px 0; }
.mcrSection + .mcrSection { border-top: 1px solid var(--mcr-line); }
.mcrSectionHeading { max-width: 860px; margin-bottom: 38px; }
.mcrSectionHeadingCentered { margin-right: auto; margin-left: auto; text-align: center; }
.mcrSectionHeading h2,
.mcrFitIntro h2,
.mcrFinalCta h2,
.mcrPhilosophy h2 { margin: 0; font-size: clamp(34px, 4vw, 51px); line-height: 1.04; letter-spacing: -.035em; }
.mcrSectionHeading h2 > span,
.mcrPhilosophy h2 > span { display: block; }
.mcrSectionHeading > p:last-child,
.mcrFitIntro > p:last-child,
.mcrFinalCta > div > p:last-child { margin: 17px 0 0; color: var(--mcr-muted); font-size: 18px; line-height: 1.6; }

#main { background: #fbfaf6; }

.mcrJourney { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.mcrJourneyCard { position: relative; min-width: 0; display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: center; gap: 20px; min-height: 166px; padding: 28px; border: 1px solid #aebbc7; border-top: 4px solid #607387; border-radius: 7px; background: rgba(255,255,255,.9); box-shadow: 0 5px 15px rgba(5,26,57,.055); }
.mcrJourneyCard:not(:last-child)::after { content: "→"; position: absolute; z-index: 3; right: -19px; color: #7890a8; font-size: 22px; font-weight: 900; }
.mcrPentagon { width: 82px; height: 82px; display: grid; place-items: center; clip-path: polygon(50% 0,97% 35%,79% 100%,21% 100%,3% 35%); color: #fff; background: linear-gradient(145deg,#42627f,#173a60); font-size: 25px; font-weight: 900; box-shadow: inset 0 0 0 5px rgba(255,255,255,.18); }
.mcrJourneyGreen .mcrPentagon,
.mcrJourneyOrange .mcrPentagon { background: linear-gradient(145deg,#42627f,#173a60); }
.mcrJourneyCard h3 { margin: 0; font-size: 19px; }
.mcrJourneyCard p { margin: 8px 0 0; color: var(--mcr-muted); font-size: 14px; line-height: 1.55; }

.mcrFitSection { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(40px, 5vw, 64px); }
.mcrChecklist { column-count: 2; column-gap: 24px; margin: 0; padding: 24px 26px; border: 1px solid var(--mcr-line); border-radius: var(--radius-card); background: var(--mcr-soft); list-style: none; }
.mcrChecklist li { position: relative; break-inside: avoid; margin: 0; padding-left: 29px; color: #35465c; line-height: 1.45; }
.mcrChecklist li + li { margin-top: 14px; }
.mcrChecklist li::before { content: "✓"; position: absolute; left: 0; color: var(--mcr-green); font-weight: 900; }

.mcrIconPentagon { width: 68px; height: 68px; margin: 0 auto 18px; display: grid; place-items: center; clip-path: polygon(50% 0,97% 35%,79% 100%,21% 100%,3% 35%); color: var(--mcr-blue); background: #edf5fc; }
.mcrIconPentagon svg { width: 30px; height: 30px; }

.mcrStandardsSection { padding: 82px max(28px, calc((100vw - 1220px) / 2)); color: var(--mcr-ink); background-color: #e8eef1; background-image: repeating-linear-gradient(0deg, transparent 0, transparent 35px, rgba(34,72,99,.055) 36px); border-top: 1px solid #bac8d1; }
.mcrStandardsSection .mcrSectionHeading { max-width: 1040px; }
.mcrStandardsSection .mcrSectionHeading h2 { font-size: clamp(32px, 3.6vw, 46px); }
.mcrStandardsSection .mcrSectionHeadingLight .mcrEyebrow { color: #2e6f92; }
.mcrStandardsSection .mcrSectionHeadingLight h2 { color: var(--mcr-navy-900); }
.mcrStandardsSection .mcrSectionHeadingLight > p:last-child { color: #4c6172; }
.mcrStandardsGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; }
.mcrStandardsGrid article { padding: 29px; border: 1px solid #aebdc8; border-top: 4px solid #4a8db5; border-radius: 5px; background: rgba(255,255,255,.78); box-shadow: 0 5px 15px rgba(5,26,57,.05); }
.mcrStandardsGrid article:nth-child(2) { border-top-color: #4c8f60; }
.mcrStandardsGrid article:nth-child(3) { border-top-color: #a36e2b; }
.mcrEvidenceHeading { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 14px; }
.mcrEvidenceHeading .mcrIconPentagon { width: 58px; height: 58px; margin: 0; color: #2477a5; background: #e4f0f6; }
.mcrStandardsGrid article:nth-child(2) .mcrIconPentagon { color: #3e8452; background: #e4f0e7; }
.mcrStandardsGrid article:nth-child(3) .mcrIconPentagon { color: #9b6320; background: #f3eadb; }
.mcrEvidenceHeading .mcrIconPentagon svg { width: 25px; height: 25px; }
.mcrStandardsGrid h3 { margin: 0; font-size: 19px; }
.mcrStandardsGrid strong { display: block; margin-top: 5px; color: #627687; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.mcrStandardsGrid p { margin: 12px 0 0; color: #465c6d; font-size: 14px; line-height: 1.58; }
.mcrStandardsGrid ul { margin: 17px 0 0; padding-left: 19px; color: #e0eaf3; font-size: 13px; line-height: 1.6; }
.mcrStandardsGrid li + li { margin-top: 5px; }
.mcrAssurance { max-width: 980px; margin: 24px auto 0; display: flex; align-items: center; justify-content: center; gap: 12px; color: #bdd0df; font-size: 13px; line-height: 1.5; text-align: center; }
.mcrAssurance svg { width: 24px; height: 24px; flex: 0 0 auto; color: #79ceeF; }

.mcrCloudOpsSection { padding: 78px max(28px, calc((100vw - 1220px) / 2)) 86px; color: var(--mcr-ink); background: #fff; border-top: 1px solid #d8e3ee; }
.mcrCloudOpsSection .mcrSectionHeading { margin-bottom: 28px; }
.mcrCloudOpsSection .mcrEyebrow { color: #246f9d; }
.mcrCloudOpsSection .mcrSectionHeading h2 { color: var(--mcr-ink); }
.mcrCloudOpsSection .mcrSectionHeading > p:last-child { color: var(--mcr-muted); }
.mcrCloudOpsCard { max-width: 1220px; margin: 0 auto; padding: 22px 24px 20px; border: 1px solid #d3deea; border-radius: var(--radius-card); background: #f7faff; box-shadow: 0 22px 58px rgba(13,100,189,.11); }
.mcrCloudOpsControls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 20px; }
.mcrCloudOpsProgress > p { display: flex; justify-content: space-between; gap: 18px; margin: 0 0 6px; color: var(--mcr-muted); font-size: 14px; font-weight: 400; }
.mcrCloudOpsProgress > p b { color: var(--mcr-ink); font-weight: 500; text-align: right; }
.mcrCloudOpsStep { display: block; color: #526b82; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.mcrCloudOpsProgress input { width: 100%; height: 24px; margin-top: 5px; accent-color: #73cee9; cursor: pointer; }
.mcrCloudOpsActions { display: flex; gap: 8px; }
.mcrCloudOpsActions button { min-height: 38px; padding: 8px 13px; border: 1px solid #aebfd2; border-radius: 7px; color: var(--mcr-ink); background: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.mcrCloudOpsActions button:first-child { color: #fff; border-color: var(--mcr-blue); background: var(--mcr-blue); }
.mcrCloudOpsActions button:focus-visible,
.mcrCloudOpsProgress input:focus-visible { outline: 3px solid #61b9e5; outline-offset: 3px; }
.mcrCloudOpsPlot { width: 100%; margin-top: 8px; overflow-x: auto; }
.mcrCloudOpsPlot svg { width: 100%; min-width: 780px; height: auto; display: block; }
.mcrCloudOpsPlot text { fill: var(--mcr-ink); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 14px; font-weight: 400; }
.mcrCloudOpsPlot line { stroke: #c9d5e2; }
.mcrCloudOpsPlot marker path { fill: #73cee9; }
.mcrCloudOpsPlot #cloudops-feedback-arrow path { fill: #79d7a1; }
.mcrCloudOpsColumnLabel { fill: #2d658f !important; font-size: 11px !important; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.mcrCloudOpsColumnLabelEmphasis { font-size: 11px !important; }
.mcrCloudOpsSmall { fill: #4f687f !important; font-size: 11px !important; font-weight: 400; }
.mcrCloudOpsAuthorityTitle { font-size: 14px !important; font-weight: 500; }
.mcrCloudOpsEvidenceTitle { font-size: 14px !important; font-weight: 500; }
.mcrCloudOpsEvidenceDetail { fill: #3f5b73 !important; font-size: 11px !important; font-weight: 400; }
.mcrCloudOpsEvidenceMeta { fill: #3f5b73 !important; font-size: 11px !important; font-weight: 400; }
.mcrCloudOpsNode { fill: #fff; stroke: #bdcbda; }
.mcrCloudOpsEvidence,
.mcrCloudOpsWork { fill: #e9f4fb; stroke: #56a9d0; stroke-width: 1.5; }
.mcrCloudOpsEvidence { stroke-width: 2.25; }
.mcrCloudOpsCore { fill: #0d64bd; stroke: #73cee9; stroke-width: 2; }
.mcrCloudOpsCoreLabel { fill: #fff !important; font-weight: 500; }
.mcrCloudOpsGate { fill: #fff; stroke: #d98235; stroke-width: 2; }
.mcrCloudOpsAuthorityLine,
.mcrCloudOpsEvidenceLine,
.mcrCloudOpsWorkstreamLine,
.mcrCloudOpsMotionLine,
.mcrCloudOpsFeedback { fill: none; stroke-linecap: round; transition: opacity .22s ease; }
.mcrCloudOpsAuthorityLine { stroke: #77aacf; stroke-width: 1; }
.mcrCloudOpsEvidenceLine { stroke: #6dc49a; stroke-width: 1.2; }
.mcrCloudOpsWorkstreamLine { stroke: #d7ae67; stroke-width: .75; }
.mcrCloudOpsMotionLine { stroke: #73cee9; stroke-width: 1.8; }
.mcrCloudOpsFeedback { stroke: #79d7a1; stroke-width: 1.5; stroke-dasharray: 6 5; }
.mcrCloudOpsDot { fill: #e1b76b; }
.mcrCloudOpsPlot .is-active { opacity: 1; transition: opacity .22s ease; }
.mcrCloudOpsPlot .is-pending { opacity: .12; transition: opacity .22s ease; }
.mcrCloudOpsDetail { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; margin-top: 2px; padding-top: 16px; border-top: 1px solid #d5e0eb; color: #344a61; font-size: 14px; font-weight: 400; line-height: 1.55; }
.mcrCloudOpsDetail > b { padding: 4px 8px; border-radius: 999px; color: #fff; background: var(--mcr-blue); font-size: 11px; font-weight: 500; letter-spacing: .04em; white-space: nowrap; }
.mcrCloudOpsBoundary { margin: 13px 0 0; color: #526b82; font-size: 11px; font-weight: 400; line-height: 1.5; }
.mcrCloudOpsSection .mcrAssurance { margin-top: 16px; padding-top: 15px; border-top: 1px solid #d5e0eb; color: #536b81; }
.mcrCloudOpsNoScript { margin: 18px 0 0; padding: 14px; border: 1px solid #cbd8e5; color: #344a61; background: #f7faff; line-height: 1.6; }

.mcrAIReadinessSection { padding: 84px max(28px, calc((100vw - 1220px) / 2)) 90px; color: var(--mcr-ink); background-color: #edf3f5; background-image: repeating-linear-gradient(0deg, transparent 0, transparent 39px, rgba(39,85,114,.045) 40px); border-top: 1px solid #c8d4da; }
.mcrAIReadinessSection { position: relative; }
.mcrLegacyAnchor { position: absolute; top: 0; }
.mcrAIReadinessSection .mcrSectionHeading { margin-bottom: 30px; }
.mcrAIReadinessCard { max-width: 1220px; margin: 0 auto; padding: clamp(22px, 4vw, 38px); border: 1px solid #adbec9; border-radius: 8px; background: rgba(255,255,255,.9); box-shadow: 0 14px 34px rgba(5,26,57,.085); }
.mcrAIBaseline { max-width: 920px; margin: 0 auto; padding: 24px 28px; border: 1px solid #2c688d; border-radius: 15px; color: #fff; background: linear-gradient(135deg, var(--mcr-navy-950), #104574); text-align: center; }
.mcrAIBaseline > span,
.mcrAILensGrid article > span,
.mcrAIOutcomeBand span { display: block; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mcrAIBaseline > span { color: #91ddf4; }
.mcrAIBaseline h3 { margin: 7px 0 0; font-size: clamp(24px, 3vw, 34px); }
.mcrAIBaseline p { margin: 11px 0 0; color: #ccdae7; font-size: 13px; line-height: 1.6; }
.mcrAIConnector { display: grid; grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr); align-items: center; gap: 12px; max-width: 760px; margin: 16px auto; color: #537087; }
.mcrAIConnector span { height: 1px; background: linear-gradient(90deg, transparent, #76b9d7); }
.mcrAIConnector span:last-child { background: linear-gradient(90deg, #76b9d7, transparent); }
.mcrAIConnector b { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.mcrAILensGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mcrAILensGrid article { min-width: 0; min-height: 245px; display: flex; flex-direction: column; padding: 28px; border: 1px solid #bdcbd4; border-top: 4px solid var(--mcr-blue); border-radius: 4px; background: #fbfcfc; }
.mcrAILensGrid article:nth-child(2) { border-top-color: var(--mcr-green); }
.mcrAILensGrid article:nth-child(3) { border-top-color: #a36918; }
.mcrAILensGrid article > span { color: #44657e; font-size: 13px; letter-spacing: .1em; }
.mcrAILensGrid h3 { margin: 12px 0 0; color: var(--mcr-navy-900); font-size: clamp(23px, 2.2vw, 29px); line-height: 1.12; }
.mcrAILensGrid p { margin: 10px 0 18px; color: #52677a; font-size: 13px; line-height: 1.6; }
.mcrAILensGrid article > b { display: block; margin-top: auto; color: #255a78; font-size: 12px; }
.mcrAIOutcomeBand { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 20px; overflow: hidden; border: 1px solid #bdcbd4; border-radius: 4px; background: #bdcbd4; }
.mcrAIOutcomeBand > div { padding: 23px 25px; background: #f4f8fc; }
.mcrAIOutcomeBand span { color: #316b8e; }
.mcrAIOutcomeBand h3 { margin: 8px 0 0; color: var(--mcr-navy-900); font-size: 18px; }
.mcrAIOutcomeBand p { margin: 8px 0 0; color: #536779; font-size: 13px; line-height: 1.55; }
.mcrAICompanionCallout { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 20px; padding: 20px 22px; border: 1px solid #bdcbd4; border-radius: 4px; background: #eef5fa; }
.mcrAICompanionCallout > div { max-width: 760px; }
.mcrAICompanionCallout > div > span { display: block; color: #316b8e; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mcrAICompanionCallout h3 { margin: 7px 0 0; color: var(--mcr-navy-900); font-size: 19px; line-height: 1.25; }
.mcrAICompanionCallout p { margin: 7px 0 0; color: #536779; font-size: 13px; line-height: 1.55; }
.mcrAICompanionCallout > a { flex: 0 0 255px; display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 52px; padding: 13px 16px; border: 1px solid var(--mcr-navy-900); border-radius: 3px; color: #fff; background: var(--mcr-navy-900); font-size: 13px; font-weight: 900; line-height: 1.35; text-decoration: none; }
.mcrAICompanionCallout > a:hover { background: #123e68; }
.mcrAICompanionCallout > a:focus-visible { outline: 3px solid rgba(13,100,189,.36); outline-offset: 3px; }
@media (max-width: 900px) {
  .mcrAILensGrid,
  .mcrAIOutcomeBand { grid-template-columns: 1fr; }
  .mcrAICompanionCallout { align-items: flex-start; flex-direction: column; }
  .mcrAICompanionCallout > a { flex-basis: auto; width: 100%; }
}

@media (max-width: 520px) {
  .mcrAIReadinessSection { padding-right: 15px; padding-left: 15px; }
  .mcrAIReadinessCard { padding: 18px 14px; }
  .mcrAIBaseline,
  .mcrAILensGrid article,
  .mcrAIOutcomeBand > div,
  .mcrAICompanionCallout { padding: 19px; }
}

.mcrDomainsSection { width: 100%; padding-right: max(28px, calc((100vw - 1220px) / 2)); padding-left: max(28px, calc((100vw - 1220px) / 2)); color: var(--mcr-ink); background-color: #fbfaf6; background-image: repeating-linear-gradient(0deg, transparent 0, transparent 39px, rgba(104,92,64,.04) 40px); }
.mcrDomainsSection .mcrEyebrow { color: #33759a; }
.mcrDomainsSection .mcrSectionHeading { max-width: 900px; margin-bottom: 30px; }
.mcrDomainsSection .mcrSectionHeading h2 { color: var(--mcr-ink); font-size: clamp(30px, 3.4vw, 43px); }
.mcrDomainsSection .mcrSectionHeading > p:last-child { color: var(--mcr-muted); }
.mcrDomainsSection .mcrDomainCard { color: var(--mcr-ink); }
.mcrDomainsSection .mcrInteractionHint { color: var(--mcr-muted); }

.mcrDomainGrid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
.mcrDomainCard { position: relative; z-index: 0; min-width: 0; border: 1px solid #b8c3ca; border-radius: 4px; background: rgba(255,255,255,.82); box-shadow: 0 4px 12px rgba(5,26,57,.04); }
.mcrDomainCard[data-active="true"] { z-index: 50; }
.mcrDomainTrigger { width: 100%; min-height: 132px; display: grid; align-content: center; justify-items: center; gap: 11px; padding: 17px 10px; border: 0; color: inherit; background: transparent; text-align: center; cursor: pointer; }
.mcrDomainTrigger span { width: 49px; height: 49px; display: grid; place-items: center; clip-path: polygon(50% 0,97% 35%,79% 100%,21% 100%,3% 35%); color: var(--mcr-blue); background: #eaf3fb; font-weight: 900; }
.mcrDomainTrigger b { font-size: 13px; line-height: 1.3; }
.mcrDomainTrigger small { padding: 3px 7px; border-radius: 999px; color: #2a5d3f; background: #e4f3e9; font-size: 9px; font-weight: 900; line-height: 1.25; letter-spacing: .02em; }
.mcrDomainTrigger:focus-visible { outline: 3px solid rgba(13,100,189,.36); outline-offset: 3px; }
.mcrDomainText { position: absolute; z-index: 60; top: calc(100% + 8px); left: 7px; right: 7px; min-width: 220px; padding: 15px; border: 1px solid #cbd7e2; border-radius: var(--radius-card); color: #33465a; background: rgba(255,255,255,.99); box-shadow: 0 18px 38px rgba(7,24,47,.19); font-size: 13px; line-height: 1.55; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; pointer-events: none; }
.mcrDomainCard:nth-child(5n+4) .mcrDomainText,
.mcrDomainCard:nth-child(5n+5) .mcrDomainText { right: 7px; left: auto; }
.mcrDomainText p { margin: 0; }
.mcrDomainCard[data-active="true"] .mcrDomainText { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.mcrInteractionHint { margin: 21px 0 0; color: var(--mcr-muted); font-size: 13px; text-align: center; }
.mcrDomainExamplePanel { position: relative; z-index: 110; margin-top: 24px; padding: clamp(22px, 4vw, 36px); border: 1px solid #bfd3e3; border-left: 5px solid var(--mcr-blue); border-radius: var(--radius-card); background: linear-gradient(135deg, #f7fbfe, #fff); box-shadow: 0 12px 30px rgba(5,26,57,.08); }
.mcrDomainExamplePanel[hidden],
.mcrDomainExamplePanel [hidden] { display: none; }
.mcrDomainExamplePanelHeading { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.mcrDomainExamplePanelHeading h3 { margin: 4px 0 0; color: var(--mcr-navy-900); font-size: clamp(22px, 2.4vw, 30px); }
.mcrDomainExampleClose { flex: 0 0 auto; padding: 8px 12px; border: 1px solid #b9cad9; border-radius: 999px; color: var(--mcr-navy-900); background: #fff; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; }
.mcrDomainExampleClose:focus-visible { outline: 3px solid rgba(13,100,189,.36); outline-offset: 3px; }
.mcrDomainExamplePanel article { max-width: 940px; }
.mcrDomainExamplePanel h4 { margin: 0 0 12px; color: var(--mcr-blue); font-size: 20px; }
.mcrDomainExamplePanel h5 { margin: 20px 0 8px; color: var(--mcr-navy-900); font-size: 14px; text-transform: uppercase; letter-spacing: .05em; }
.mcrDomainExamplePanel article > p { margin: 8px 0; color: #405469; line-height: 1.65; }
.mcrDomainExamplePanel ol { margin: 8px 0 0; padding-left: 22px; color: #263d53; line-height: 1.6; }
.mcrDomainExamplePanel li + li { margin-top: 7px; }
.mcrDomainExampleSource a { color: var(--mcr-blue); font-weight: 900; }
.mcrDomainExampleSources { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 18px; }
.mcrDomainExampleSources p { margin: 0; }
.mcrDomainExampleSources a { color: var(--mcr-blue); font-size: 13px; font-weight: 900; }
.mcrDomainExampleBoundary { margin: 22px 0 0; padding-top: 15px; border-top: 1px solid #d5e2ec; color: var(--mcr-muted); font-size: 12px; line-height: 1.55; }

.mcrTimelineSection { width: 100%; padding: 82px max(28px, calc((100vw - 1220px) / 2)); color: #fff; background: var(--mcr-navy-900); }
.mcrTimelineSection .mcrEyebrow { color: #7fd1f3; }
.mcrTimelineSection .mcrSectionHeading h2 { color: #fff; }
.mcrTimeline { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.mcrTimeline::before { content: ""; position: absolute; z-index: 0; top: 16px; right: 7%; left: 7%; height: 2px; background: linear-gradient(90deg, var(--mcr-blue), var(--mcr-green), var(--mcr-orange)); }
.mcrTimeline li { position: relative; z-index: 1; min-width: 0; min-height: 240px; padding: 22px 17px 18px; border: 1px solid var(--mcr-line); border-radius: var(--radius-card); background: #fff; text-align: center; box-shadow: 0 6px 18px rgba(5,26,57,.05); }
.mcrTimeline li > span { display: inline-flex; padding: 5px 10px; border: 2px solid #fff; border-radius: 999px; color: #fff; background: var(--mcr-blue); box-shadow: 0 0 0 2px var(--mcr-blue); font-size: 11px; font-weight: 900; }
.mcrTimeline li:nth-child(2n) > span { background: var(--mcr-green); box-shadow: 0 0 0 2px var(--mcr-green); }
.mcrTimeline li:nth-child(5) > span,
.mcrTimeline li:nth-child(6) > span { background: var(--mcr-orange); box-shadow: 0 0 0 2px var(--mcr-orange); }
.mcrTimeline svg { width: 29px; height: 29px; display: block; margin: 22px auto 11px; color: var(--mcr-blue); }
.mcrTimeline h3 { margin: 0; font-size: 15px; line-height: 1.25; }
.mcrTimeline ul { margin: 11px 0 0; padding-left: 17px; color: var(--mcr-muted); font-size: 12px; line-height: 1.45; text-align: left; }
.mcrTimeline ul li { min-height: 0; padding: 0; border: 0; background: transparent; box-shadow: none; text-align: left; }
.mcrTimeline ul li + li { margin-top: 6px; }

#deliverables { width: 100%; padding-right: max(28px, calc((100vw - 1220px) / 2)); padding-left: max(28px, calc((100vw - 1220px) / 2)); background: #fff; }
.mcrDeliverables { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mcrDeliverables article { min-width: 0; min-height: 260px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--mcr-line); border-top: 4px solid var(--mcr-blue); border-radius: var(--radius-card); background: #fff; box-shadow: 0 7px 24px rgba(20,41,63,.06); }
.mcrDeliverables article:nth-child(2) { border-top-color: var(--mcr-green); }
.mcrDeliverables article:nth-child(3) { border-top-color: #7b65aa; }
.mcrDeliverables article > span { color: #667a91; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.mcrDeliverables h3 { margin: 16px 0 0; font-size: 22px; line-height: 1.17; }
.mcrDeliverables p { margin: 13px 0 20px; color: var(--mcr-muted); font-size: 14px; line-height: 1.55; }
.mcrDeliverables a { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--mcr-blue); font-size: 13px; font-weight: 900; text-decoration: none; }
.mcrDeliverables a svg { width: 17px; height: 17px; }

.mcrPhilosophy { display: flex; align-items: center; justify-content: center; gap: 28px; padding: 38px max(28px, calc((100vw - 1150px) / 2)); color: #fff; background: var(--mcr-navy-950); }
.mcrPhilosophy .mcrIconPentagon { flex: 0 0 76px; width: 76px; height: 76px; margin: 0; color: var(--mcr-navy-900); background: #fff; }
.mcrPhilosophy h2 { font-size: clamp(26px, 3vw, 39px); }
.mcrPhilosophy p { margin: 8px 0 0; color: #c5d4e2; font-size: 17px; }

.mcrFinalCta { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .5fr); align-items: end; gap: 60px; }
.mcrCtaActions { display: grid; gap: 17px; }
.mcrContactNote { max-width: 540px; margin: 0; display: grid; gap: 8px; color: var(--mcr-muted); font-size: 15px; line-height: 1.55; }
.mcrContactNote strong { color: var(--mcr-navy-900); font-size: 18px; line-height: 1.35; }
.mcrContactNote strong a { color: inherit; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.mcrTextLink { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--mcr-blue); font-weight: 900; text-decoration: none; }
.mcrTextLink svg { width: 18px; height: 18px; }
.mcrFooter { padding: 38px max(28px, calc((100vw - 1220px) / 2)); color: #c9d5e1; background: #031329; display: grid; grid-template-columns: auto 1fr; gap: 14px 34px; align-items: center; }
.mcrFooterBrand { display: flex; align-items: center; gap: 14px; }
.mcrFooterBrand .mcrBrandIcon { width: 40px; height: 40px; font-size: 12px; }
.mcrFooterBrand strong { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.35); color: #fff; }
.mcrFooter p { margin: 0; font-size: 12px; line-height: 1.55; }
.mcrFooterBoundary { grid-column: 1 / -1; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.13); color: #90a6bb; }

@media (max-width: 1040px) {
  :root { --mcr-shell: min(100% - 44px, 940px); }
  .mcrHeroGrid { grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr); gap: 26px; }
  .mcrHero h1 { font-size: clamp(45px, 6.4vw, 65px); }
  .mcrJourney { grid-template-columns: 1fr; }
  .mcrJourneyCard:not(:last-child)::after { right: auto; bottom: -23px; left: 50%; transform: rotate(90deg); }
  .mcrStandardsGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mcrDomainGrid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .mcrTimeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mcrTimeline::before { display: none; }
  .mcrDeliverables { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .mcrNav { flex-wrap: wrap; gap: 10px; padding: 13px 0 11px; }
  .mcrNavLinks { width: 100%; gap: 24px; padding: 4px 2px 5px; overflow-x: auto; scrollbar-width: thin; }
  .mcrHeroGrid { grid-template-columns: 1fr; padding-top: 50px; }
  .mcrHero::before { background-position: right bottom; background-size: auto 56%; opacity: .92; -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.48) 18%, #000 39%); mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.48) 18%, #000 39%); }
  .mcrHero::after { background: linear-gradient(90deg, rgba(4,22,47,1) 0%, rgba(4,22,47,.99) 19%, rgba(4,22,47,.68) 34%, rgba(4,22,47,0) 53%), linear-gradient(180deg, rgba(4,22,47,.96) 0%, rgba(4,22,47,.86) 48%, rgba(4,22,47,.16) 70%, rgba(4,22,47,.18)); }
  .mcrHeroArt { min-height: 310px; }
  .mcrValueStrip { grid-template-columns: repeat(2, 1fr); }
  .mcrSection { padding: 70px 0; }
  .mcrFitSection { grid-template-columns: 1fr; gap: 30px; }
  .mcrStandardsGrid { grid-template-columns: 1fr; }
  .mcrCloudOpsControls { grid-template-columns: 1fr; }
  .mcrCloudOpsActions { justify-content: flex-start; }
  .mcrCloudOpsPlot { padding-bottom: 8px; }
  .mcrDomainGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mcrDomainCard:nth-child(5n+4) .mcrDomainText,
  .mcrDomainCard:nth-child(5n+5) .mcrDomainText { right: 7px; left: 7px; }
  .mcrDomainCard:nth-child(even) .mcrDomainText { right: 7px; left: auto; }
  .mcrTimeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mcrFinalCta { grid-template-columns: 1fr; align-items: start; gap: 30px; }
  .mcrCtaActions { justify-items: start; }
}

@media (max-width: 520px) {
  :root { --mcr-shell: calc(100% - 30px); }
  html { scroll-padding-top: 116px; }
  .mcrBrandIcon { width: 38px; height: 38px; }
  .mcrBrandName b { font-size: 17px; }
  .mcrBrandName small { max-width: 154px; font-size: 7px; white-space: normal; }
  .mcrNavLinks { gap: 19px; font-size: 12px; }
  .mcrHero h1 { font-size: clamp(41px, 13vw, 57px); }
  .mcrReleaseStamp { top: 10px; right: 15px; }
  .mcrHeroLead { font-size: 17px; }
  .mcrHeroActions { display: grid; }
  .mcrHeroArt { min-height: 270px; }
  .mcrValueStrip { grid-template-columns: 1fr 1fr; }
  .mcrValueStrip span { min-height: 57px; font-size: 12px; }
  .mcrJourneyCard { grid-template-columns: 70px 1fr; padding: 20px; }
  .mcrPentagon { width: 66px; height: 66px; }
  .mcrChecklist { column-count: 1; }
  .mcrCloudOpsSection { padding-right: 15px; padding-left: 15px; }
  .mcrDomainsSection { padding-right: 15px; padding-left: 15px; }
  #deliverables { padding-right: 15px; padding-left: 15px; }
  .mcrCloudOpsCard { padding: 17px 14px; }
  .mcrCloudOpsProgress > p { display: grid; gap: 4px; }
  .mcrCloudOpsProgress > p b { text-align: left; }
  .mcrCloudOpsDetail { grid-template-columns: 1fr; }
  .mcrDomainGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mcrDomainText { position: fixed; z-index: 100; top: auto; right: 15px !important; bottom: 18px; left: 15px !important; min-width: 0; }
  .mcrDomainExamplePanelHeading { display: grid; gap: 14px; }
  .mcrDomainExampleClose { justify-self: start; }
  .mcrTimeline,
  .mcrDeliverables { grid-template-columns: 1fr; }
  .mcrTimeline li { min-height: 0; }
  .mcrPhilosophy { align-items: flex-start; }
  .mcrPhilosophy .mcrIconPentagon { flex-basis: 61px; width: 61px; height: 61px; }
  .mcrFooter { grid-template-columns: 1fr; }
  .mcrFooterBoundary { grid-column: 1; }
}

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

@media print {
  @page { size: Letter; margin: .48in; }
  body { color: #111; background: #fff; font-size: 9pt; }
  .skipLink,
  .mcrSiteHeader,
  .mcrHeroActions,
  .mcrReleaseStamp,
  .mcrInteractionHint,
  .mcrCtaActions { display: none !important; }
  .mcrHero { color: #111; background: #fff; border-bottom: 1px solid #777; }
  .mcrHero::before,
  .mcrHero::after { display: none; }
  .mcrHeroGrid { width: 100%; min-height: 0; grid-template-columns: 1fr; padding: 18px 0; }
  .mcrHero h1 { font-size: 34pt; }
  .mcrHeroSignal { margin-top: 9px; border-color: #777; color: #222; background: #fff; }
  .mcrKicker,
  .mcrEyebrow { color: #275f82; }
  .mcrHeroLead { color: #333; font-size: 12pt; }
  .mcrHeroArt { display: none; }
  .mcrValueStrip { grid-template-columns: repeat(4, 1fr); color: #111; background: #fff; border: 1px solid #aaa; }
  .mcrValueStrip span { min-height: 0; border-color: #bbb; }
  .mcrHeroBoundary { width: 100%; color: #555; }
  .mcrSection,
  .mcrStandardsSection,
  .mcrTimelineSection { width: 100%; padding: 26px 0; color: #111; background: #fff; border-top: 1px solid #aaa; }
  .mcrDomainsSection .mcrEyebrow { color: #275f82; }
  .mcrDomainsSection .mcrSectionHeading h2 { color: #111; }
  .mcrDomainsSection .mcrSectionHeading > p:last-child { color: #444; }
  .mcrTimelineSection .mcrEyebrow { color: #275f82; }
  .mcrTimelineSection .mcrSectionHeading h2 { color: #111; }
  .mcrCloudOpsSection { width: 100%; padding: 26px 0; color: #111; background: #fff; border-top: 1px solid #aaa; }
  .mcrAIReadinessSection { width: 100%; padding: 26px 0; color: #111; background: #fff; border-top: 1px solid #aaa; }
  .mcrAIReadinessCard { padding: 12px; border-color: #aaa; background: #fff; box-shadow: none; }
  .mcrAIBaseline { color: #111; border-color: #777; background: #fff; }
  .mcrAIBaseline > span,
  .mcrAIBaseline p { color: #444; }
  .mcrAILensGrid { grid-template-columns: repeat(3, 1fr); gap: 7px; }
  .mcrAIOutcomeBand { grid-template-columns: repeat(2, 1fr); }
  .mcrAILensGrid article,
  .mcrAIOutcomeBand > div,
  .mcrAICompanionCallout { break-inside: avoid; border-color: #aaa; background: #fff; }
  .mcrAILensGrid article { min-height: 0; padding: 12px; }
  .mcrAIOutcomeBand > div { padding: 12px; }
  .mcrAICompanionCallout { display: block; padding: 12px; }
  .mcrAICompanionCallout > a { display: inline-block; margin-top: 10px; min-height: 0; padding: 0; border: 0; color: #275f82; background: transparent; }
  .mcrAIConnector { display: none; }
  .mcrSectionHeading { margin-bottom: 17px; }
  .mcrSectionHeading h2,
  .mcrFitIntro h2,
  .mcrFinalCta h2 { font-size: 21pt; }
  .mcrSectionHeading > p:last-child,
  .mcrFitIntro > p:last-child,
  .mcrFinalCta > div > p:last-child { margin-top: 7px; color: #444; font-size: 9pt; }
  .mcrJourney,
  .mcrStandardsGrid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .mcrJourneyCard,
  .mcrStandardsGrid article,
  .mcrDomainCard,
  .mcrTimeline li,
  .mcrDeliverables article { break-inside: avoid; color: #111; border-color: #aaa; background: #fff; box-shadow: none; }
  .mcrJourneyCard { grid-template-columns: 56px 1fr; min-height: 0; padding: 10px; }
  .mcrJourneyCard:not(:last-child)::after { display: none; }
  .mcrPentagon { width: 52px; height: 52px; color: #111; background: #eee; }
  .mcrFitSection { grid-template-columns: 1fr 1fr; gap: 20px; break-inside: avoid; }
  .mcrChecklist { column-count: 1; padding: 12px; }
  .mcrStandardsGrid article { padding: 12px; }
  .mcrStandardsGrid p,
  .mcrStandardsGrid ul { color: #444; font-size: 8pt; }
  .mcrAssurance { color: #333; }
  .mcrCloudOpsControls { display: none; }
  .mcrCloudOpsCard { padding: 12px; border-color: #aaa; background: #fff; box-shadow: none; }
  .mcrCloudOpsPlot svg { min-width: 0; }
  .mcrCloudOpsPlot text,
  .mcrCloudOpsCoreLabel { fill: #111 !important; }
  .mcrCloudOpsColumnLabel,
  .mcrCloudOpsSmall,
  .mcrCloudOpsEvidenceDetail,
  .mcrCloudOpsEvidenceMeta { fill: #444 !important; }
  .mcrCloudOpsNode,
  .mcrCloudOpsEvidence,
  .mcrCloudOpsWork,
  .mcrCloudOpsCore { fill: #fff; stroke: #555; }
  .mcrCloudOpsDetail,
  .mcrCloudOpsBoundary,
  .mcrCloudOpsSection .mcrAssurance { color: #333; }
  .mcrDomainGrid { grid-template-columns: repeat(2, 1fr); gap: 5px; }
  .mcrDomainTrigger { min-height: 0; grid-template-columns: 32px 1fr; justify-items: start; padding: 7px; text-align: left; }
  .mcrDomainTrigger span { width: 28px; height: 28px; }
  .mcrDomainText { position: static; display: block; min-width: 0; padding: 0 8px 8px; border: 0; color: #444; background: transparent; box-shadow: none; font-size: 7.5pt; opacity: 1; visibility: visible; transform: none; }
  .mcrDomainTrigger small { color: #222; background: #eee; }
  .mcrDomainExamplePanel { display: none; }
  .mcrTimeline { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .mcrTimeline::before { display: none; }
  .mcrTimeline li { min-height: 0; padding: 9px; }
  .mcrTimeline svg { width: 20px; height: 20px; margin: 10px auto 6px; }
  .mcrTimeline ul { font-size: 7.5pt; }
  .mcrDeliverables { grid-template-columns: repeat(2, 1fr); gap: 7px; }
  .mcrDeliverables article { min-height: 0; padding: 12px; }
  .mcrPhilosophy { padding: 22px 0; color: #111; background: #fff; border-top: 2px solid #333; border-bottom: 2px solid #333; break-inside: avoid; }
  .mcrPhilosophy p { color: #444; }
  .mcrFinalCta,
  .mcrFooter { break-inside: avoid; }
  .mcrFooter { grid-template-columns: 1fr 2fr; padding: 20px 0 0; color: #111; background: #fff; border-top: 1px solid #777; }
  .mcrFooterBrand .mcrBrandIcon { border: 1px solid #ccd3da; background: #f1f3f5; color: #051a39; box-shadow: none; }
  .mcrFooterBrand strong { color: #111; border-color: #777; }
  .mcrFooterBoundary { padding-top: 6px; color: #444; font-size: 7pt; line-height: 1.3; }
  .mcrStoryFirstTheater { margin-bottom: 0; }
}