/* Six-page presentation layer: charcoal/ink structure, Move Up orange action. */
.mu-landing-page .mu-page-intro { display: none; }
.mu-landing-hero { position: relative; overflow: hidden; color: var(--mu-white); background: var(--mu-charcoal); }
.mu-landing-hero::before { position: absolute; inset: 0; background: radial-gradient(circle at 72% 20%, rgba(243,107,42,.22), transparent 32%), linear-gradient(120deg, rgba(47,48,51,.98), rgba(66,66,66,.88)); content: ''; }
.mu-landing-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr); gap: clamp(2rem, 7vw, 7rem); align-items: stretch; min-height: 650px; padding-block: clamp(3.5rem, 8vw, 7rem); }
.mu-landing-hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.mu-landing-hero .mu-eyebrow { color: var(--mu-orange-light); }
.mu-landing-hero h1 { max-width: 10ch; margin: 0 0 1.35rem; color: var(--mu-white); font-size: clamp(3.3rem, 7vw, 7rem); line-height: .87; letter-spacing: -.075em; }
.mu-landing-hero-lede { max-width: 48ch; margin: 0; color: var(--mu-mist); font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.6; }
.mu-landing-hero .mu-hero-actions { margin-top: 2rem; }
.mu-landing-hero .mu-text-link { color: var(--mu-white); }
.mu-landing-hero .mu-text-link:hover { color: var(--mu-orange-light); }
.mu-landing-hero-image { position: relative; min-height: 470px; margin: 0; overflow: hidden; background: var(--mu-ink); box-shadow: 18px 18px 0 var(--mu-orange); }
.mu-landing-hero-image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(47,48,51,.86)); content: ''; }
.mu-landing-hero-image img { display: block; width: 100%; height: 100%; min-height: 470px; object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.06); }
.mu-landing-hero-image figcaption { position: absolute; right: 1.25rem; bottom: 1.15rem; left: 1.25rem; z-index: 1; color: var(--mu-white); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mu-landing-route-note { display: flex; gap: .8rem; align-items: center; margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.22); color: var(--mu-mist); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.mu-landing-route-note::before { width: 34px; height: 3px; background: var(--mu-orange); content: ''; }
.mu-landing-rail { color: var(--mu-white); background: var(--mu-ink); border-bottom: 1px solid rgba(255,255,255,.16); }
.mu-landing-rail-inner { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 1rem; align-items: center; min-height: 94px; }
.mu-landing-rail strong { color: var(--mu-orange-light); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.mu-landing-rail span { padding-left: 1rem; border-left: 1px solid rgba(255,255,255,.2); color: var(--mu-mist); font-size: .86rem; line-height: 1.35; }
.mu-landing-page main > .mu-section:first-of-type { padding-top: clamp(4rem, 8vw, 7rem); }
.mu-landing-page .mu-universal-decision-tree { background: var(--mu-field); }

/* The homepage keeps its iceberg narrative, but adopts the same presentation contrast. */
.mu-homepage .mu-home-hero { color: var(--mu-white); background: var(--mu-charcoal); }
.mu-homepage .mu-home-hero::before { background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1px); }
.mu-homepage .mu-home-hero-copy h1 { color: var(--mu-white); }
.mu-homepage .mu-home-hero-lede, .mu-homepage .mu-home-proofline { color: var(--mu-mist); }
.mu-homepage .mu-home-hero .mu-text-link { color: var(--mu-white); }
.mu-homepage .mu-home-hero .mu-text-link:hover { color: var(--mu-orange-light); }

.mu-strategy-section { position: relative; padding: clamp(3.5rem, 7vw, 6.5rem) 0; background: var(--mu-white); }
.mu-strategy-section .mu-section-heading { max-width: 760px; margin-bottom: 2rem; }
.mu-strategy-section .mu-section-heading h2 { max-width: 15ch; }
.mu-strategy-grid { display: grid; grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr); gap: 1rem; align-items: stretch; }
.mu-strategy-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mu-strategy-benefit-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1.5rem; border: 1px solid var(--mu-mist); border-radius: 12px; overflow: hidden; background: var(--mu-white); }
.mu-strategy-benefit-strip article { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .65rem; align-items: center; padding: 1rem; border-right: 1px solid var(--mu-mist); }
.mu-strategy-benefit-strip article:last-child { border-right: 0; }
.mu-strategy-icon { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; color: var(--mu-white); background: var(--mu-charcoal); border-radius: 50%; font-size: 1rem; font-weight: 900; }
.mu-strategy-benefit-strip article:first-child .mu-strategy-icon { background: var(--mu-orange); }
.mu-strategy-benefit-strip strong { font-size: .86rem; }
.mu-strategy-benefit-strip p { grid-column: 2; margin: .1rem 0 0; color: var(--mu-grey); font-size: .75rem; line-height: 1.3; }
.mu-landing-insight { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem 2rem; align-items: center; margin-top: 1.5rem; padding: 1.25rem 1.5rem; color: var(--mu-white); background: var(--mu-charcoal); border-radius: 12px; }
.mu-landing-insight .mu-eyebrow { margin: 0; color: var(--mu-orange-light); }
.mu-landing-insight > p:not(.mu-eyebrow) { margin: 0; font-size: 1.05rem; font-weight: 800; line-height: 1.35; }
.mu-landing-insight .mu-button { grid-column: 2; grid-row: 1 / span 2; white-space: nowrap; }
.mu-strategy-route-card { display: flex; flex-direction: column; min-height: 150px; padding: 1.35rem; border: 1px solid var(--mu-mist); border-top: 4px solid var(--mu-orange); background: var(--mu-field); color: var(--mu-ink); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.mu-strategy-route-card:hover { transform: translateY(-3px); background: var(--mu-white); box-shadow: 8px 8px 0 var(--mu-mist); }
.mu-strategy-route-card span { margin-bottom: 1.25rem; color: var(--mu-orange-dark); font-size: .75rem; font-weight: 900; letter-spacing: .08em; }
.mu-strategy-route-card strong { max-width: 16ch; font-size: 1.25rem; line-height: 1.05; }
.mu-strategy-route-card em { margin-top: auto; padding-top: 1.1rem; color: var(--mu-orange-dark); font-size: .74rem; font-style: normal; font-weight: 900; letter-spacing: .04em; }
.mu-strategy-selector { display: flex; flex-direction: column; gap: .5rem; padding: .65rem; background: var(--mu-field); border: 1px solid var(--mu-mist); }
.mu-strategy-option { width: 100%; padding: 1rem 1.1rem; border: 1px solid transparent; border-radius: 0; background: transparent; color: var(--mu-charcoal); font: inherit; font-size: .78rem; font-weight: 900; letter-spacing: .045em; line-height: 1.3; text-align: left; cursor: pointer; }
.mu-strategy-option:hover, .mu-strategy-option.is-active { border-color: var(--mu-orange); background: var(--mu-white); color: var(--mu-orange-dark); }
.mu-strategy-result { min-height: 330px; padding: clamp(1.5rem, 4vw, 3rem); background: var(--mu-ink); color: var(--mu-white); border-left: 5px solid var(--mu-orange); }
.mu-strategy-result .mu-eyebrow { color: var(--mu-orange-light); }
.mu-strategy-result h3 { max-width: 18ch; margin: 0 0 1rem; color: var(--mu-white); font-size: clamp(1.7rem, 3vw, 2.8rem); line-height: .98; }
.mu-strategy-result > p:not(.mu-eyebrow) { max-width: 58ch; color: var(--mu-mist); font-size: 1.02rem; line-height: 1.55; }
.mu-strategy-result ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem 1.5rem; margin: 1.5rem 0 1.8rem; padding-left: 1.2rem; color: var(--mu-mist); font-size: .88rem; line-height: 1.45; }
.mu-strategy-result li::marker { color: var(--mu-orange); font-weight: 900; }
.mu-strategy-result .mu-text-link { color: var(--mu-white); }
.mu-strategy-result .mu-text-link:hover { color: var(--mu-orange-light); }
.mu-strategy-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.mu-strategy-support-grid article { min-height: 230px; padding: 1.5rem; background: var(--mu-field); border-top: 3px solid var(--mu-orange); }
.mu-strategy-support-grid article h3 { margin: 0 0 .9rem; color: var(--mu-ink); font-size: 1.25rem; }
.mu-strategy-support-grid article p:not(.mu-eyebrow) { color: var(--mu-charcoal); font-size: .92rem; line-height: 1.55; }
.mu-strategy-support-grid ul { display: grid; gap: .65rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.mu-strategy-support-grid li { position: relative; padding-left: 1.25rem; color: var(--mu-charcoal); font-size: .88rem; line-height: 1.4; }
.mu-strategy-support-grid li::before { position: absolute; top: .45em; left: 0; width: .55rem; height: .18rem; background: var(--mu-orange); content: ''; }
.mu-inline-link { color: var(--mu-orange-dark); font-size: .78rem; font-weight: 900; letter-spacing: .04em; text-decoration: none; }
.mu-inline-link:hover { text-decoration: underline; }
.mu-strategy-trust { display: flex; flex-wrap: wrap; gap: .65rem 1.5rem; align-items: center; margin-top: 1.4rem; padding: 1rem 1.2rem; background: var(--mu-charcoal); color: var(--mu-mist); font-size: .76rem; line-height: 1.4; }
.mu-strategy-trust strong { color: var(--mu-orange-light); letter-spacing: .08em; text-transform: uppercase; }
.mu-strategy-trust span { padding-left: 1rem; border-left: 1px solid rgba(255,255,255,.25); }
.mu-landing-page main > #strategy { margin-top: 0; }
.mu-homepage #strategy { background: var(--mu-field); }

@media (max-width: 820px) {
  .mu-landing-hero-grid { grid-template-columns: 1fr; min-height: 0; }
  .mu-landing-hero h1 { max-width: 12ch; }
  .mu-landing-hero-image { min-height: 360px; box-shadow: 10px 10px 0 var(--mu-orange); }
  .mu-landing-hero-image img { min-height: 360px; }
  .mu-landing-rail-inner { grid-template-columns: 1fr; gap: .7rem; padding-block: 1.25rem; }
  .mu-landing-rail span { padding-left: 0; border-left: 0; }
  .mu-strategy-grid, .mu-strategy-support-grid { grid-template-columns: 1fr; }
  .mu-strategy-route-grid { grid-template-columns: 1fr; }
  .mu-strategy-result ol { grid-template-columns: 1fr; }
  .mu-strategy-support-grid article { min-height: 0; }
  .mu-strategy-trust { align-items: flex-start; flex-direction: column; }
  .mu-strategy-trust span { padding-left: 0; border-left: 0; }
}