/* ============================================
   MM 2026 — BASE DESIGN SYSTEM
   Fully isolated via .mm-app wrapper.
   `all: unset` creates a clean boundary —
   nothing from legacy theme leaks in.
   ============================================ */

/* --- Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=EB+Garamond:wght@400;500;600;700&display=swap');

/* --- Design Tokens --- */
:root {
  --mm-font: 'Inter', system-ui, -apple-system, sans-serif;
  --mm-font-heading: 'EB Garamond', Georgia, serif;

  /* Type Scale */
  --mm-text-xs: 0.8125rem;
  --mm-text-sm: 0.9375rem;
  --mm-text-base: 1.125rem;
  --mm-text-lg: 1.25rem;
  --mm-text-xl: 1.625rem;
  --mm-text-2xl: 1.875rem;
  --mm-text-3xl: 2.75rem;
  --mm-text-4xl: 3.75rem;
  --mm-text-5xl: 4.75rem;

  /* Colors */
  --mm-black: #0a0a0a;
  --mm-text: #141414;
  --mm-text-secondary: #3d3d3d;
  --mm-text-tertiary: #6b6b6b;
  --mm-border: #d4d4d4;
  --mm-border-light: #e8e8e8;
  --mm-surface: #f7f7f6;
  --mm-surface-alt: #f0f0ee;
  --mm-white: #ffffff;

  /* Dark System */
  --mm-dark-bg: #141414;
  --mm-dark-text: #ffffff;
  --mm-dark-text-secondary: #d1d1d1;
  --mm-dark-text-tertiary: #8a8a8a;
  --mm-dark-border: #2a2a2a;

  /* Spacing */
  --mm-space-xs: 0.5rem;
  --mm-space-sm: 1.25rem;
  --mm-space-md: 1.75rem;
  --mm-space-lg: 2.25rem;
  --mm-space-xl: 5rem;
  --mm-space-2xl: 6.5rem;
  --mm-space-3xl: 9rem;

  /* Layout */
  --mm-max-width: 1240px;
  --mm-max-width-narrow: 740px;
  --mm-max-width-hero: 940px;
  --mm-max-width-cta: 800px;
  --mm-gutter: 2rem;

  /* Transitions */
  --mm-transition: 0.2s ease;
}


/* ============================================
   ISOLATION BOUNDARY
   ============================================ */

.mm-shell {
  all: unset;
  display: block;
}

.mm-app {
  all: unset;
  display: block;
  font-family: var(--mm-font);
  font-size: var(--mm-text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--mm-text);
  background: var(--mm-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mm-app .dnd-section,
.mm-app .row-fluid-wrapper,
.mm-app .row-fluid,
.mm-app .widget-span,
.mm-app .cell-wrapper,
.mm-app .body-container,
.mm-app .content-wrapper,
.mm-app .container-fluid {
  all: unset;
  display: block;
}

.mm-app *,
.mm-app *::before,
.mm-app *::after {
  box-sizing: border-box;
}


/* ============================================
   TYPOGRAPHY
   ============================================ */

.mm-app h1, .mm-app h2, .mm-app h3,
.mm-app h4, .mm-app h5, .mm-app h6 {
  font-family: var(--mm-font-heading);
  font-weight: 600;
  color: var(--mm-black);
  letter-spacing: -0.025em;
  line-height: 1.1;
  text-align: left;
  text-transform: none;
  margin: 0;
  padding: 0;
}

.mm-app h1 {
  font-size: var(--mm-text-5xl);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 0.97;
}

.mm-app h2 { font-size: var(--mm-text-3xl); line-height: 1.06; }
.mm-app h3 { font-size: var(--mm-text-2xl); line-height: 1.15; }
.mm-app h4 { font-size: var(--mm-text-xl); line-height: 1.2; }
.mm-app h5 { font-size: var(--mm-text-lg); line-height: 1.3; }
.mm-app h6 { font-size: var(--mm-text-base); line-height: 1.4; }

.mm-app p {
  font-family: var(--mm-font);
  margin: 0 0 var(--mm-space-sm) 0;
  padding: 0;
  color: var(--mm-text-secondary);
  line-height: 1.65;
  max-width: 740px;
  text-align: left;
}

.mm-app a {
  font-family: var(--mm-font);
  color: var(--mm-black);
  text-decoration: none;
  border-bottom: 1px solid var(--mm-border);
  transition: border-color var(--mm-transition);
}

.mm-app a:hover {
  border-color: var(--mm-black);
}

.mm-app img {
  max-width: 100%;
  height: auto;
  display: block;
}

.mm-app ul, .mm-app ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mm-app li {
  font-family: var(--mm-font);
  color: var(--mm-text-secondary);
}

.mm-app span {
  font-family: var(--mm-font);
}

.mm-app section {
  display: block;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.mm-app hr {
  all: unset;
  display: block;
  border: none;
  border-top: 1px solid var(--mm-border-light);
  margin: var(--mm-space-xl) 0;
}


/* ============================================
   LAYOUT
   ============================================ */

.mm-container {
  width: 100%;
  max-width: var(--mm-max-width);
  margin: 0 auto;
  padding: 0 var(--mm-gutter);
}

.mm-container--narrow { max-width: var(--mm-max-width-narrow); }

.mm-section {
  padding: var(--mm-space-2xl) 0;
}

.mm-section--compact {
  padding: var(--mm-space-xl) 0;
}

.mm-divider {
  border: none;
  border-top: 1px solid var(--mm-border-light);
  margin: var(--mm-space-xl) 0;
}

.mm-label {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xs);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mm-text-tertiary);
  display: inline-block;
}


/* ============================================
   HERO
   ============================================ */

.mm-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 70vh;
  padding: var(--mm-space-3xl) 0 var(--mm-space-2xl);
  background: var(--mm-white);
}

.mm-hero--minimal {
  min-height: auto;
  align-items: flex-start;
  padding: var(--mm-space-3xl) 0 var(--mm-space-xl);
}

.mm-hero__inner {
  max-width: var(--mm-max-width-hero);
}

.mm-hero__heading {
  font-size: var(--mm-text-5xl);
  font-weight: 700;
  line-height: 0.88;
  letter-spacing: -0.045em;
  margin-top: var(--mm-space-sm);
  color: var(--mm-black);
}

.mm-hero__sub {
  font-size: var(--mm-text-lg);
  color: var(--mm-text-secondary);
  margin-top: var(--mm-space-md);
  line-height: 1.65;
  max-width: 720px;
  font-weight: 400;
}

.mm-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--mm-space-lg);
  margin-top: var(--mm-space-lg);
  flex-wrap: wrap;
}


/* ============================================
   BUTTONS
   ============================================ */

.mm-btn {
  all: unset;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--mm-font);
  font-size: var(--mm-text-sm);
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 0.8125rem 1.75rem;
  border: 1px solid var(--mm-black);
  background: var(--mm-black);
  color: var(--mm-white);
  cursor: pointer;
  transition: all var(--mm-transition);
  text-decoration: none;
  box-sizing: border-box;
}

.mm-btn:hover {
  background: transparent;
  color: var(--mm-black);
}

.mm-btn--outline {
  background: transparent;
  color: var(--mm-black);
}

.mm-btn--outline:hover {
  background: var(--mm-black);
  color: var(--mm-white);
}

.mm-text-link {
  all: unset;
  font-family: var(--mm-font);
  font-size: var(--mm-text-sm);
  font-weight: 500;
  color: var(--mm-text-secondary);
  border-bottom: 1px solid var(--mm-border);
  padding-bottom: 0.125rem;
  cursor: pointer;
  transition: color var(--mm-transition), border-color var(--mm-transition);
  text-decoration: none;
}

.mm-text-link:hover {
  color: var(--mm-black);
  border-color: var(--mm-black);
}


/* ============================================
   SECTION HEADER
   ============================================ */

.mm-section-header {
  margin-bottom: var(--mm-space-xl);
}

.mm-section-header__title {
  font-size: var(--mm-text-3xl);
  line-height: 1.06;
  margin-top: var(--mm-space-xs);
}

.mm-section-header__sub {
  font-size: var(--mm-text-lg);
  color: var(--mm-text-secondary);
  margin-top: var(--mm-space-sm);
  max-width: 600px;
  line-height: 1.6;
}


/* ============================================
   MARKET STRUCTURE — 3-column grid
   ============================================ */

.mm-structure {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mm-space-2xl);
}

.mm-structure__item {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.mm-structure__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-sm);
}

.mm-structure__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--mm-space-md);
  flex: 1;
}

.mm-structure__link {
  font-size: var(--mm-text-sm);
  font-weight: 500;
  color: var(--mm-black);
  border-bottom: 1px solid var(--mm-border);
  display: inline-block;
  padding-bottom: 0.125rem;
  transition: border-color var(--mm-transition);
}

.mm-structure__link:hover {
  border-color: var(--mm-black);
}


/* ============================================
   NUMBERED STEPS (Acquisition Framework)
   ============================================ */

.mm-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.mm-step {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: var(--mm-space-md);
  padding: var(--mm-space-lg) 0;
  border-bottom: 1px solid var(--mm-border-light);
}

.mm-step:first-child {
  border-top: 1px solid var(--mm-border-light);
}

.mm-step__number {
  font-family: var(--mm-font);
  font-size: var(--mm-text-sm);
  font-weight: 600;
  color: var(--mm-text-tertiary);
  letter-spacing: 0.02em;
  padding-top: 0.125rem;
}

.mm-step__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-xs);
}

.mm-step__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  max-width: 640px;
  margin-bottom: 0;
}


/* ============================================
   OPPORTUNITY CARDS — 3-column grid
   ============================================ */

.mm-opportunities {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mm-space-xl) var(--mm-space-2xl);
}

.mm-opp {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  border-bottom: none;
}

a.mm-opp {
  border-bottom: none;
}

.mm-opp:hover .mm-opp__title {
  color: var(--mm-text-secondary);
}

.mm-opp__label {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xs);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mm-text-tertiary);
  margin-bottom: var(--mm-space-xs);
}

.mm-opp__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-xs);
  transition: color var(--mm-transition);
}

.mm-opp__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}


/* ============================================
   STRATEGY LINK LIST
   ============================================ */

.mm-strategy-list {
  display: flex;
  flex-direction: column;
}

.mm-strategy-list__item {
  display: block;
  padding: var(--mm-space-lg) 0;
  border-bottom: 1px solid var(--mm-border-light);
  text-decoration: none;
  transition: padding-left var(--mm-transition);
}

.mm-strategy-list__item:first-child {
  border-top: 1px solid var(--mm-border-light);
}

.mm-strategy-list__item:hover {
  padding-left: 0.5rem;
}

a.mm-strategy-list__item {
  border-bottom: 1px solid var(--mm-border-light);
}

.mm-strategy-list__title {
  display: block;
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
}

.mm-strategy-list__desc {
  display: block;
  font-size: var(--mm-text-sm);
  color: var(--mm-text-tertiary);
  margin-top: 0.25rem;
  line-height: 1.6;
}


/* ============================================
   CTA BANNER
   ============================================ */

.mm-cta-banner {
  padding: var(--mm-space-2xl) 0;
}

.mm-cta-banner--dark {
  background: var(--mm-text);
}

.mm-cta-banner--dark .mm-cta-banner__heading,
.mm-cta-banner--dark .mm-cta-banner__desc {
  color: var(--mm-white);
}

.mm-cta-banner--dark .mm-cta-banner__desc {
  opacity: 0.65;
}

.mm-cta-banner--dark .mm-btn {
  background: var(--mm-white);
  color: var(--mm-black);
  border-color: var(--mm-white);
}

.mm-cta-banner--dark .mm-btn:hover {
  background: transparent;
  color: var(--mm-white);
}

.mm-cta-banner--dark .mm-text-link {
  color: rgba(255,255,255,0.65);
  border-color: rgba(255,255,255,0.25);
}

.mm-cta-banner--dark .mm-text-link:hover {
  color: var(--mm-white);
  border-color: var(--mm-white);
}

.mm-cta-banner__inner {
  max-width: var(--mm-max-width-cta);
}

.mm-cta-banner__heading {
  font-size: var(--mm-text-xl);
  font-weight: 500;
  line-height: 1.2;
}

.mm-cta-banner__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  margin-top: var(--mm-space-xs);
  line-height: 1.6;
}

.mm-cta-banner__actions {
  display: flex;
  align-items: center;
  gap: var(--mm-space-lg);
  margin-top: var(--mm-space-lg);
  flex-wrap: wrap;
}


/* ============================================
   MARKET PAGES — /manhattan & /miami
   ============================================ */

.mm-market-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--mm-space-lg);
  margin-top: var(--mm-space-lg);
  flex-wrap: wrap;
}

.mm-market-header {
  margin-bottom: var(--mm-space-xl);
}

.mm-market-header__title {
  font-size: var(--mm-text-3xl);
  line-height: 1.06;
  margin-top: var(--mm-space-xs);
}

.mm-market-positioning {
  max-width: 740px;
}

.mm-market-positioning__body {
  margin-top: var(--mm-space-lg);
}

.mm-market-positioning__body p {
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
  line-height: 1.75;
  margin-bottom: var(--mm-space-md);
}

.mm-market-positioning__body p:last-child {
  margin-bottom: 0;
}

.mm-market-neighborhoods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mm-space-xl) var(--mm-space-2xl);
}

.mm-market-hood {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  border-bottom: none;
}

a.mm-market-hood { border-bottom: none; }

.mm-market-hood:hover .mm-market-hood__title {
  color: var(--mm-text-secondary);
}

.mm-market-hood__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-xs);
  transition: color var(--mm-transition);
}

.mm-market-hood__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}

.mm-market-products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mm-space-xl) var(--mm-space-2xl);
}

.mm-market-product {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  border-bottom: none;
}

a.mm-market-product { border-bottom: none; }

.mm-market-product:hover .mm-market-product__title {
  color: var(--mm-text-secondary);
}

.mm-market-product__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-xs);
  transition: color var(--mm-transition);
}

.mm-market-product__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}

.mm-market-finance {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mm-space-2xl);
  align-items: start;
}

.mm-market-finance__desc {
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-top: var(--mm-space-md);
}

.mm-market-finance__links {
  display: flex;
  flex-direction: column;
}

.mm-market-finance__link {
  display: block;
  padding: var(--mm-space-lg) 0;
  border-bottom: 1px solid var(--mm-border-light);
  text-decoration: none;
  transition: padding-left var(--mm-transition);
}

a.mm-market-finance__link { border-bottom: 1px solid var(--mm-border-light); }

.mm-market-finance__link:first-child {
  border-top: 1px solid var(--mm-border-light);
}

.mm-market-finance__link:hover {
  padding-left: 0.5rem;
}

.mm-market-finance__link-title {
  display: block;
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
}

.mm-market-finance__link-desc {
  display: block;
  font-size: var(--mm-text-sm);
  color: var(--mm-text-tertiary);
  margin-top: 0.125rem;
}

.mm-market-collections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mm-space-xl) var(--mm-space-2xl);
}

.mm-market-collections--three {
  grid-template-columns: repeat(3, 1fr);
}

.mm-market-collection {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  border-bottom: none;
}

a.mm-market-collection { border-bottom: none; }

.mm-market-collection:hover .mm-market-collection__title {
  color: var(--mm-text-secondary);
}

.mm-market-collection__label {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xs);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mm-text-tertiary);
  margin-bottom: var(--mm-space-xs);
}

.mm-market-collection__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-2xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-xs);
  transition: color var(--mm-transition);
}

.mm-market-collection__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}


/* ============================================
   SELL PAGE — /sell
   ============================================ */

.mm-sell-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--mm-space-lg);
  margin-top: var(--mm-space-lg);
  flex-wrap: wrap;
}

.mm-sell-approach {
  margin-bottom: var(--mm-space-xl);
}

.mm-sell-approach__heading {
  font-size: var(--mm-text-3xl);
  line-height: 1.06;
  margin-top: var(--mm-space-xs);
}

.mm-sell-approach__sub {
  font-size: var(--mm-text-lg);
  color: var(--mm-text-secondary);
  margin-top: var(--mm-space-sm);
  max-width: 600px;
  line-height: 1.6;
}

.mm-sell-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mm-space-2xl);
}

.mm-sell-pillars__item { padding: 0; }

.mm-sell-pillars__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-sm);
}

.mm-sell-pillars__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}

.mm-sell-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mm-space-2xl);
  padding: var(--mm-space-xl) 0;
}

.mm-sell-split__title {
  font-size: var(--mm-text-2xl);
  margin-top: var(--mm-space-xs);
  margin-bottom: var(--mm-space-lg);
}

.mm-sell-split__list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.mm-sell-split__list li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--mm-border-light);
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
}

.mm-sell-split__list li:last-child { border-bottom: none; }

.mm-sell-types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mm-space-xl) var(--mm-space-2xl);
}

.mm-sell-types__item { padding: 0; }

.mm-sell-types__title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-xs);
}

.mm-sell-types__desc {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
}

.mm-sell-platform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mm-space-2xl);
  align-items: start;
}

.mm-sell-platform__editorial p {
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
  line-height: 1.75;
  margin-bottom: var(--mm-space-md);
}

.mm-sell-platform__editorial p:last-child { margin-bottom: 0; }

.mm-sell-platform__points {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.mm-sell-platform__points li {
  padding: 0.875rem 0;
  border-bottom: 1px solid var(--mm-border-light);
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
}

.mm-sell-platform__points li:first-child {
  border-top: 1px solid var(--mm-border-light);
}

.mm-sell-platform__points li:last-child { border-bottom: none; }

.mm-sell-platform__footnote {
  font-size: var(--mm-text-xs);
  color: var(--mm-text-tertiary);
  margin-top: var(--mm-space-xl);
  line-height: 1.6;
  max-width: 640px;
}

.mm-sell-exposure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mm-space-2xl);
  align-items: start;
}

.mm-sell-exposure__editorial p {
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
  line-height: 1.75;
  margin-bottom: var(--mm-space-md);
}

.mm-sell-exposure__editorial p:last-child { margin-bottom: 0; }

.mm-sell-exposure__framework {
  display: flex;
  flex-direction: column;
  gap: var(--mm-space-xl);
}

.mm-sell-exposure__group-title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-sm);
  font-weight: 600;
  color: var(--mm-black);
  letter-spacing: 0.01em;
  margin-bottom: var(--mm-space-xs);
}

.mm-sell-exposure__list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.mm-sell-exposure__list li {
  padding: 0.5rem 0;
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
}

.mm-sell-outcome {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mm-space-2xl);
  align-items: start;
}

.mm-sell-outcome__scenarios {
  display: flex;
  flex-direction: column;
  gap: var(--mm-space-xl);
}

.mm-sell-outcome__scenario-title {
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: 0.25rem;
}

.mm-sell-outcome__scenario .mm-label {
  display: inline-block;
  margin-bottom: var(--mm-space-sm);
}

.mm-sell-outcome__scenario-list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--mm-space-sm) 0;
  text-align: left;
}

.mm-sell-outcome__scenario-list li {
  padding: 0.375rem 0;
  font-size: var(--mm-text-sm);
  color: var(--mm-text-secondary);
}

.mm-sell-outcome__scenario-result {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-tertiary);
  font-style: italic;
  margin-bottom: 0;
  margin-top: var(--mm-space-sm);
}

.mm-sell-outcome__model-heading {
  font-family: var(--mm-font);
  font-size: var(--mm-text-2xl);
  font-weight: 600;
  color: var(--mm-black);
  margin-bottom: var(--mm-space-sm);
}

.mm-sell-outcome__model-desc {
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--mm-space-lg);
}

.mm-sell-outcome__model-links {
  display: flex;
  flex-direction: column;
}

.mm-sell-outcome__model-note {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-tertiary);
  margin-top: var(--mm-space-md);
  margin-bottom: 0;
}

.mm-sell-costs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mm-space-2xl);
  align-items: start;
}

.mm-sell-costs__heading {
  font-size: var(--mm-text-3xl);
  margin-top: var(--mm-space-xs);
  margin-bottom: var(--mm-space-md);
}

.mm-sell-costs__desc {
  font-size: var(--mm-text-base);
  color: var(--mm-text-secondary);
  line-height: 1.7;
}

.mm-sell-costs__links {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.mm-sell-costs__link {
  display: block;
  padding: var(--mm-space-lg) 0;
  border-bottom: 1px solid var(--mm-border-light);
  text-decoration: none;
  transition: all var(--mm-transition);
}

a.mm-sell-costs__link { border-bottom: 1px solid var(--mm-border-light); }

.mm-sell-costs__link:first-child {
  border-top: 1px solid var(--mm-border-light);
}

.mm-sell-costs__link:hover {
  padding-left: 0.5rem;
  border-bottom-color: var(--mm-text-tertiary);
}

.mm-sell-costs__link-title {
  display: block;
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
}

.mm-sell-costs__link-desc {
  display: block;
  font-size: var(--mm-text-sm);
  color: var(--mm-text-tertiary);
  margin-top: 0.125rem;
}

.mm-sell-transactions {
  display: grid;
  gap: 0;
}

.mm-sell-transactions__item {
  display: grid;
  grid-template-columns: 160px 1fr 2fr;
  gap: var(--mm-space-md);
  align-items: baseline;
  padding: var(--mm-space-md) 0;
  border-bottom: 1px solid var(--mm-border-light);
}

.mm-sell-transactions__item:first-child {
  border-top: 1px solid var(--mm-border-light);
}

.mm-sell-transactions__price {
  font-family: var(--mm-font);
  font-size: var(--mm-text-lg);
  font-weight: 600;
  color: var(--mm-black);
}

.mm-sell-transactions__address {
  font-size: var(--mm-text-sm);
  font-weight: 500;
  color: var(--mm-text);
}

.mm-sell-transactions__detail {
  font-size: var(--mm-text-sm);
  color: var(--mm-text-tertiary);
}

.mm-sell-strip {
  padding: var(--mm-space-3xl) 0;
  background: var(--mm-surface);
}

.mm-sell-strip__inner {
  max-width: 700px;
}

.mm-sell-strip__text {
  font-family: var(--mm-font);
  font-size: var(--mm-text-3xl);
  font-weight: 600;
  color: var(--mm-black);
  line-height: 1.15;
  margin-bottom: var(--mm-space-md);
}

.mm-sell-strip__sub {
  font-size: var(--mm-text-base);
  color: var(--mm-text-tertiary);
  line-height: 1.65;
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
  .mm-structure { grid-template-columns: repeat(2, 1fr); }
  .mm-opportunities { grid-template-columns: repeat(2, 1fr); }
  .mm-market-neighborhoods { grid-template-columns: repeat(2, 1fr); }
  .mm-market-collections--three { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  :root {
    --mm-text-5xl: 2.75rem;
    --mm-text-4xl: 2.5rem;
    --mm-text-3xl: 1.875rem;
    --mm-text-2xl: 1.5rem;
    --mm-text-xl: 1.375rem;
    --mm-text-base: 1rem;
    --mm-text-lg: 1.125rem;
    --mm-space-3xl: 5.5rem;
    --mm-space-2xl: 4rem;
    --mm-space-xl: 3.5rem;
    --mm-gutter: 1.25rem;
  }

  .mm-app h1 {
    line-height: 1.02;
    letter-spacing: -0.025em;
  }

  .mm-hero--minimal {
    padding: var(--mm-space-3xl) 0 var(--mm-space-xl);
  }

  .mm-structure { grid-template-columns: 1fr; gap: var(--mm-space-xl); }
  .mm-step { grid-template-columns: 32px 1fr; }
  .mm-opportunities { grid-template-columns: 1fr; gap: var(--mm-space-lg); }
  .mm-market-neighborhoods { grid-template-columns: 1fr; gap: var(--mm-space-lg); }
  .mm-market-products { grid-template-columns: 1fr; gap: var(--mm-space-lg); }
  .mm-market-finance { grid-template-columns: 1fr; }
  .mm-market-collections,
  .mm-market-collections--three { grid-template-columns: 1fr; gap: var(--mm-space-lg); }
  .mm-sell-pillars { grid-template-columns: 1fr; gap: var(--mm-space-xl); }
  .mm-sell-split { grid-template-columns: 1fr; gap: var(--mm-space-xl); }
  .mm-sell-types { grid-template-columns: 1fr; gap: var(--mm-space-lg); }
  .mm-sell-platform { grid-template-columns: 1fr; }
  .mm-sell-exposure { grid-template-columns: 1fr; }
  .mm-sell-outcome { grid-template-columns: 1fr; }
  .mm-sell-costs { grid-template-columns: 1fr; }
  .mm-sell-transactions__item { grid-template-columns: 1fr; gap: 0.25rem; }
}


/* ============================================
   GLOBAL HEADER
   ============================================ */

.mm-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--mm-border-light);
}

.mm-header__inner {
  max-width: var(--mm-max-width);
  margin: 0 auto;
  padding: 0 var(--mm-gutter);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
}

.mm-header__logo {
  font-family: var(--mm-font);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mm-text);
  text-decoration: none;
}

.mm-header__nav {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

.mm-header__nav a {
  font-family: var(--mm-font);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--mm-text-secondary);
  text-decoration: none;
  transition: color var(--mm-transition);
}

.mm-header__nav a:hover {
  color: var(--mm-text);
}

.mm-header__cta {
  font-family: var(--mm-font);
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--mm-white) !important;
  background: #1F4F45;
  padding: 8px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: all var(--mm-transition);
}

.mm-header__cta:hover {
  background: #163B34;
  color: var(--mm-white) !important;
}

/* Mobile toggle */
.mm-header__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  padding: 0;
}

.mm-header__toggle span {
  display: block;
  width: 20px;
  height: 1.5px;
  background: var(--mm-text);
  transition: all 0.3s ease;
}

.mm-header__toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(4.5px, 4.5px);
}
.mm-header__toggle.active span:nth-child(2) {
  opacity: 0;
}
.mm-header__toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(4.5px, -4.5px);
}

/* Mobile menu */
.mm-mobile-menu {
  display: none;
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--mm-white);
  flex-direction: column;
  padding: 2rem var(--mm-gutter);
  z-index: 99;
}

.mm-mobile-menu a {
  font-family: var(--mm-font);
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--mm-text-secondary);
  text-decoration: none;
  padding: 0.875rem 0;
  border-bottom: 1px solid var(--mm-border-light);
  transition: color var(--mm-transition);
}

.mm-mobile-menu a:last-child {
  border-bottom: none;
}

.mm-mobile-menu a:hover {
  color: var(--mm-text);
}

.mm-mobile-menu .mm-header__cta {
  display: block;
  text-align: center;
  margin-top: 1rem;
  border-bottom: none;
  padding: 0.75rem 1.5rem;
}

.mm-mobile-menu.active {
  display: flex;
}

@media (max-width: 768px) {
  .mm-header__nav {
    display: none;
  }
  .mm-header__toggle {
    display: flex;
  }
}


/* ============================================
   HERO WITH IMAGE (SPLIT LAYOUT)
   ============================================ */

.mm-hero--split {
  min-height: auto;
  padding: 0;
  align-items: stretch;
}

.mm-hero--split .mm-hero__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  width: 100%;
  max-width: none;
}

.mm-hero--split .mm-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--mm-space-2xl) var(--mm-space-xl);
  max-width: calc(var(--mm-max-width) / 2);
  margin-left: auto;
}

.mm-hero--split .mm-hero__media {
  position: relative;
  overflow: hidden;
}

.mm-hero--split .mm-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mm-hero--split .mm-hero__heading {
  font-size: var(--mm-text-5xl);
  font-weight: 700;
  line-height: 0.88;
  letter-spacing: -0.045em;
  margin-top: var(--mm-space-sm);
}

.mm-hero--split .mm-hero__sub {
  font-size: var(--mm-text-lg);
  color: var(--mm-text-secondary);
  margin-top: var(--mm-space-md);
  line-height: 1.65;
  max-width: 520px;
}

.mm-hero--split .mm-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--mm-space-lg);
  margin-top: var(--mm-space-lg);
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .mm-hero--split .mm-hero__grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .mm-hero--split .mm-hero__content {
    padding: var(--mm-space-xl) var(--mm-gutter);
    max-width: none;
    margin-left: 0;
    order: 1;
  }

  .mm-hero--split .mm-hero__media {
    order: 2;
    height: 320px;
  }

  .mm-hero--split .mm-hero__heading {
    font-size: var(--mm-text-3xl);
  }
}


/* ============================================
   FOOTER
   ============================================ */

.mm-footer {
  background: var(--mm-white, #FFFFFF);
  border-top: 1px solid var(--mm-border-light);
  padding: var(--mm-space-xl) 0 var(--mm-space-lg);
}

.mm-footer__inner {
  max-width: var(--mm-max-width);
  margin: 0 auto;
  padding: 0 var(--mm-gutter);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.5rem;
}

.mm-footer__col-heading {
  font-family: var(--mm-font);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mm-text-tertiary);
  margin-bottom: 1rem;
}

.mm-footer__col-links {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.mm-footer__col-links a {
  font-family: var(--mm-font);
  font-size: var(--mm-text-sm);
  font-weight: 500;
  color: var(--mm-text-secondary);
  text-decoration: none;
  transition: color var(--mm-transition);
}

.mm-footer__col-links a:hover {
  color: var(--mm-text);
}

.mm-footer__bottom {
  max-width: var(--mm-max-width);
  margin: 0 auto;
  padding: var(--mm-space-sm) var(--mm-gutter) 0;
  border-top: 1px solid var(--mm-border-light);
  margin-top: var(--mm-space-lg);
}

.mm-footer__bottom p {
  font-family: var(--mm-font);
  font-size: 0.8125rem;
  color: var(--mm-text-tertiary);
}

@media (max-width: 1024px) {
  .mm-footer__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 768px) {
  .mm-footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}