:root {
  --tech-ink: #0a0b0d;
  --tech-graphite: #17191d;
  --tech-panel: rgba(255, 255, 255, .58);
  --tech-panel-strong: rgba(255, 255, 255, .78);
  --tech-canvas: #f1f0ec;
  --tech-white: #fbfaf7;
  --tech-mist: #f7f6f2;
  --tech-steel: #e4e5e2;
  --tech-bronze: #92704a;
  --tech-bronze-dark: #765b3d;
  --tech-muted: #687078;
  --tech-line: rgba(10, 11, 13, .12);
  --tech-line-soft: rgba(10, 11, 13, .08);
  --tech-radius: 18px;
  --tech-shadow: 0 24px 70px rgba(12, 18, 22, .09);
  --tech-glass-shadow: 0 18px 54px rgba(10, 11, 13, .11);
  --tech-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  background: var(--tech-canvas) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body {
  background:
    radial-gradient(circle at 82% -10%, rgba(58, 68, 74, .065), transparent 28rem),
    radial-gradient(circle at 8% 4%, rgba(255, 255, 255, .96), transparent 24rem),
    radial-gradient(circle at 8% 88%, rgba(146, 112, 74, .08), transparent 28rem),
    linear-gradient(180deg, #fbfaf7 0%, #f7f6f2 54%, #eeeae3 100%) !important;
  color: var(--tech-ink) !important;
  font-family: var(--tech-font) !important;
}

h1, h2, h3,
.lead, .section-title,
.article h2, .article h3,
.profile-body h2, .profile-body h3,
.vision h2, .team-head h2,
.concierge-card h2,
.gateway-card strong,
.latest-body h3,
.practice-card h2,
.note h2,
.row h2,
.card h3,
.stat-card .number,
.stat-card .metric,
.number {
  font-family: var(--tech-font) !important;
  font-weight: 820 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

p, li, .copy {
  text-wrap: pretty;
}

body,
button,
input,
select,
textarea,
summary,
.button,
.label,
.kicker,
.metric,
.number,
.contact-line,
.form-note,
.legal-note,
.concierge-card,
.concierge-card *,
.form-card,
.form-card * {
  font-family: var(--tech-font) !important;
}

h1, h2, h3,
.lead,
.section-title,
.button,
.label,
.kicker,
.metric,
.number,
.nav-trigger,
.mobile-sheet a,
.concierge-step strong,
.contact-line span {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.header {
  top: 14px !important;
  z-index: 50 !important;
  width: min(100% - 32px, 1180px) !important;
  margin: 0 auto !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.46)) !important;
  backdrop-filter: blur(30px) saturate(150%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(10,11,13,.05),
    0 18px 52px rgba(10, 11, 13, .10) !important;
  overflow: visible !important;
}

.nav {
  width: 100% !important;
  min-height: 62px !important;
  padding: 8px 10px !important;
  gap: 12px !important;
}

.logo {
  width: 144px !important;
  max-height: 40px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}

.links {
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  padding: 0 !important;
  gap: 4px !important;
  font-size: .78rem !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

.links a {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  color: rgba(10, 11, 13, .68) !important;
}

.links a:hover,
.links .active {
  color: var(--tech-ink) !important;
  background: rgba(10, 11, 13, .07) !important;
}

.links .contact,
.contact.active {
  color: #16120d !important;
  background:
    linear-gradient(145deg, rgba(214, 181, 128, .72), rgba(146, 112, 74, .50)),
    rgba(255, 255, 255, .26) !important;
  border-color: rgba(146, 112, 74, .32) !important;
  backdrop-filter: blur(18px) saturate(148%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    inset 0 -1px 0 rgba(72, 48, 24, .12),
    0 12px 34px rgba(82, 58, 32, .13) !important;
}

.language-switch {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px !important;
  border: 1px solid rgba(10, 11, 13, .10) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .62) !important;
  backdrop-filter: blur(18px) !important;
}

.language-switch button {
  min-width: 34px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 10px !important;
  padding: 7px 9px !important;
  display: inline-grid !important;
  place-items: center !important;
  line-height: 1 !important;
}

.language-switch .is-active {
  background: var(--tech-ink) !important;
  color: var(--tech-white) !important;
}

.intelligence-bar.site-nav {
  position: sticky !important;
  top: 14px !important;
  left: auto !important;
  transform: none !important;
  z-index: 50 !important;
  width: min(1010px, calc(100% - 32px)) !important;
  margin: 14px auto 0 !important;
  border: 1px solid rgba(10, 11, 13, .11) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.46)) !important;
  backdrop-filter: blur(30px) saturate(150%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(10,11,13,.05),
    0 18px 60px rgba(12, 18, 22, .12) !important;
  overflow: visible !important;
}

.intelligence-bar.site-nav .bar-main {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 7px 8px 7px 12px !important;
}

.intelligence-bar.site-nav .brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 154px !important;
}

.intelligence-bar.site-nav .interface-mark {
  width: 38px !important;
  height: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.intelligence-bar.site-nav .interface-mark img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
}

.intelligence-bar.site-nav .brand-text strong {
  display: block !important;
  color: var(--tech-ink) !important;
  letter-spacing: .25em !important;
  font-size: .78rem !important;
  line-height: 1 !important;
}

.intelligence-bar.site-nav .brand-text span {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(10, 11, 13, .5) !important;
  font-size: .5rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
}

.intelligence-bar.site-nav .nav-groups {
  display: flex !important;
  justify-content: center !important;
  gap: 2px !important;
}

.intelligence-bar.site-nav .nav-trigger {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 11px !important;
  color: rgba(10, 11, 13, .72) !important;
  background: transparent !important;
  font-size: .88rem !important;
  font-weight: 720 !important;
}

.intelligence-bar.site-nav .nav-trigger:hover,
.intelligence-bar.site-nav .nav-trigger.active {
  color: var(--tech-ink) !important;
  background: rgba(10, 11, 13, .065) !important;
}

.intelligence-bar.site-nav .bar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.intelligence-bar.site-nav .button {
  min-height: 40px !important;
  padding: 10px 16px !important;
  border-radius: 13px !important;
}

.intelligence-bar.site-nav .site-mobile-menu {
  display: none !important;
}

.intelligence-bar.site-nav .site-mobile-menu summary {
  list-style: none !important;
}

.intelligence-bar.site-nav .site-mobile-menu summary::-webkit-details-marker {
  display: none !important;
}

.intelligence-bar.site-nav .mobile-sheet {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 10px !important;
  right: 10px !important;
  z-index: 49 !important;
  max-height: calc(100svh - 104px) !important;
  overflow: auto !important;
  padding: 10px !important;
  border: 1px solid rgba(250, 250, 248, .16) !important;
  border-radius: 24px !important;
  color: var(--tech-white) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(146, 112, 74, .14), transparent 12rem),
    rgba(10, 11, 13, .94) !important;
  backdrop-filter: blur(26px) saturate(132%) !important;
  box-shadow: 0 28px 90px rgba(10, 11, 13, .35) !important;
}

.intelligence-bar.site-nav .site-mobile-menu[open] .mobile-sheet {
  display: grid !important;
  gap: 10px !important;
}

.intelligence-bar.site-nav .mobile-sheet a {
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px !important;
  border: 1px solid rgba(250, 250, 248, .12) !important;
  border-radius: 16px !important;
  color: var(--tech-white) !important;
  background: rgba(250, 250, 248, .065) !important;
  font-weight: 760 !important;
}

.intelligence-bar.site-nav .mobile-sheet a span:last-child {
  justify-self: end !important;
  max-width: 12rem !important;
  color: rgba(250, 250, 248, .54) !important;
  font-size: .68rem !important;
  line-height: 1.24 !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

@media (max-width: 980px) {
  .intelligence-bar.site-nav {
    width: min(100% - 20px, 1180px) !important;
    top: 10px !important;
    border-radius: 20px !important;
  }

  .intelligence-bar.site-nav .bar-main {
    min-height: 62px !important;
    grid-template-columns: 1fr auto auto !important;
    padding: 9px 11px !important;
  }

  .intelligence-bar.site-nav .nav-groups,
  .intelligence-bar.site-nav .bar-actions .button {
    display: none !important;
  }

  .intelligence-bar.site-nav .site-mobile-menu {
    display: block !important;
  }

  .intelligence-bar.site-nav .site-mobile-menu summary {
    height: 42px !important;
    min-height: 42px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(10, 11, 13, .12) !important;
    border-radius: 13px !important;
    padding: 0 14px !important;
    background: rgba(10, 11, 13, .035) !important;
    color: var(--tech-ink) !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .intelligence-bar.site-nav .site-mobile-menu[open] summary {
    color: var(--tech-white) !important;
    background: var(--tech-ink) !important;
  }
}

@media (max-width: 560px) {
  .intelligence-bar.site-nav .brand {
    min-width: 0 !important;
  }

  .intelligence-bar.site-nav .brand-text span {
    display: none !important;
  }

  .intelligence-bar.site-nav .interface-mark,
  .intelligence-bar.site-nav .interface-mark img {
    width: 30px !important;
    height: 30px !important;
  }
}

.kicker, .label, .eyebrow,
.article span,
.brief-date,
.system-label {
  color: var(--tech-bronze-dark) !important;
  letter-spacing: .08em !important;
  font-weight: 860 !important;
}

.section {
  padding-top: clamp(58px, 7vw, 92px) !important;
  padding-bottom: clamp(58px, 7vw, 92px) !important;
}

.card,
.article,
.practice-card,
.latest-card,
.track-stat,
.stat-card,
.metric,
.case,
.module,
.step,
.row,
.fact,
.brief-item,
.profile-card,
.contact-card,
.concierge-card,
.form-card,
.note,
.note-card,
.cta-box,
.situation,
.owner-check,
.capital-tile,
.lens-metric,
.deal-node,
.option-cell,
.screen-panel,
.insight,
.context-panel,
.mobile-menu-panel {
  border: 1px solid var(--tech-line) !important;
  border-radius: var(--tech-radius) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, .34)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 24px 70px rgba(12, 18, 22, .085) !important;
  backdrop-filter: blur(24px) saturate(138%) !important;
  overflow: hidden;
}

.card,
.article,
.practice-card,
.module,
.deal-node {
  position: relative !important;
}

.dark .card,
.dark .practice-card,
.dark .row,
.dark .step,
.dark .metric,
.dark .module,
.dark .case,
.dark-section .card,
.note-card,
.system-module {
  border-color: rgba(250, 250, 248, .13) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(146, 112, 74, .10), transparent 14rem),
    linear-gradient(145deg, rgba(250, 250, 248, .10), rgba(250, 250, 248, .035)) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .22) !important;
}

.grid,
.article-grid,
.brief-list,
.practice-grid,
.matrix,
.module-grid,
.case-grid,
.steps,
.situation-list,
.option-map,
.lens-metrics,
.capital-board {
  gap: 14px !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.card::after,
.practice-card::after,
.module::before,
.deal-node::before {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 22px !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(146, 112, 74, .44), transparent) !important;
  border: 0 !important;
  opacity: .75 !important;
}

.article-image,
.profile-photo,
.hero-card,
.owner-graphic,
.deal-funnel,
.lens-panel,
.pyramid,
.gap-grid,
.process-card,
.screen,
.thumb {
  border-radius: calc(var(--tech-radius) + 4px) !important;
  border: 1px solid var(--tech-line) !important;
  box-shadow: var(--tech-glass-shadow) !important;
  overflow: hidden !important;
}

.button,
.button-light,
.button-outline,
.button-gold,
.primary,
.secondary {
  min-height: 46px !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-family: var(--tech-font) !important;
  font-weight: 820 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}

.button,
.primary,
.button-gold,
.button-light {
  color: #16120d !important;
  background:
    linear-gradient(145deg, rgba(214, 181, 128, .72), rgba(146, 112, 74, .50)),
    rgba(255, 255, 255, .26) !important;
  border-color: rgba(146, 112, 74, .32) !important;
  backdrop-filter: blur(18px) saturate(148%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    inset 0 -1px 0 rgba(72, 48, 24, .12),
    0 12px 34px rgba(82, 58, 32, .13) !important;
}

.secondary,
.button-outline {
  color: var(--tech-ink) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.40)) !important;
  border-color: rgba(255,255,255,.58) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 12px 34px rgba(12,18,22,.08) !important;
}

input, select, textarea {
  border-radius: 14px !important;
  border-color: rgba(10, 11, 13, .14) !important;
  background: rgba(255, 255, 255, .76) !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--tech-bronze) !important;
  box-shadow: 0 0 0 4px rgba(146, 112, 74, .14) !important;
}

footer {
  font-size: .72rem !important;
  opacity: .74 !important;
  background: rgba(251, 251, 250, .62) !important;
}

@media (max-width: 1080px) {
  .header {
    width: min(100% - 24px, 1180px) !important;
  }
  .links {
    display: none !important;
  }
  .mobile-menu {
    display: block !important;
  }
}

@media (max-width: 820px) {
  .header {
    top: 10px !important;
    border-radius: 20px !important;
  }

  .nav {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center !important;
  }

  .logo {
    width: 132px !important;
  }

  .language-switch {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .mobile-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: auto !important;
  }

  .mobile-menu summary {
    min-height: 42px !important;
    border: 1px solid rgba(10, 11, 13, .10) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .62) !important;
    padding: 9px 14px !important;
  }

  .mobile-menu summary::after {
    display: none !important;
  }

.mobile-menu-panel {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: calc(100% + 8px) !important;
    padding: 10px !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(146, 112, 74, .10), transparent 16rem),
      rgba(250, 250, 248, .94) !important;
  }

  .hero-inner,
  .article,
  .about-tabs-inner {
    width: min(100% - 32px, 1180px) !important;
  }

  main#start > .section,
  .light.section,
  .dark-section.section {
    width: auto !important;
  }
}

/* MBRETI Tech Design Rule v1.2
   Consolidation pass: cooler white base, bronze-glass accents, consistent
   subpage heroes, quieter cards and cleaner editorial rhythm. */
:root {
  --tech-canvas: #f6f6f3;
  --tech-mist: #fbfaf7;
  --tech-steel: #e7e8e5;
  --tech-muted: #626a70;
  --tech-bronze: #9a7447;
  --tech-bronze-dark: #70543a;
  --tech-line: rgba(10, 11, 13, .105);
  --mbreti-surface:
    radial-gradient(circle at 92% 0%, rgba(154, 116, 71, .055), transparent 18rem),
    linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(247, 247, 244, .50));
  --mbreti-surface-solid: #fbfaf7;
  --mbreti-deep:
    radial-gradient(circle at 82% 4%, rgba(154, 116, 71, .16), transparent 18rem),
    linear-gradient(145deg, #08090a 0%, #14171b 68%, #1c1712 100%);
}

body {
  background:
    radial-gradient(circle at 86% -8%, rgba(23, 25, 29, .055), transparent 30rem),
    radial-gradient(circle at 8% 3%, rgba(255, 255, 255, .98), transparent 28rem),
    linear-gradient(180deg, #fcfbf8 0%, #f6f6f3 46%, #f1f0ec 100%) !important;
}

.section,
.hero-inner,
.article-shell,
.content-wrap {
  scroll-margin-top: 110px !important;
}

.card,
.article,
.practice-card,
.latest-card,
.track-stat,
.stat-card,
.case,
.module,
.step,
.row,
.fact,
.brief-item,
.profile-card,
.contact-card,
.form-card,
.note-card,
.cta-box,
.owner-check,
.capital-tile,
.lens-metric,
.deal-node,
.option-cell,
.screen-panel,
.insight,
.context-panel {
  background: var(--mbreti-surface) !important;
  border-color: rgba(10, 11, 13, .09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .74),
    0 18px 52px rgba(12, 18, 22, .065) !important;
}

.button,
.button-light,
.button-gold,
.primary,
button.button,
a.button {
  color: #19130c !important;
  background:
    linear-gradient(145deg, rgba(222, 190, 139, .74), rgba(154, 116, 71, .48)),
    rgba(255, 255, 255, .30) !important;
  border: 1px solid rgba(154, 116, 71, .28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .64),
    inset 0 -1px 0 rgba(72, 48, 24, .12),
    0 12px 34px rgba(82, 58, 32, .10) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

.button:hover,
.button-light:hover,
.button-gold:hover,
.primary:hover,
button.button:hover,
a.button:hover {
  transform: translateY(-1px);
  border-color: rgba(154, 116, 71, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 16px 42px rgba(82, 58, 32, .15) !important;
}

.secondary,
.button-outline,
.button.secondary {
  color: var(--tech-ink) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .34)) !important;
  border-color: rgba(10, 11, 13, .10) !important;
}

.intelligence-bar.site-nav,
.header {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .52)) !important;
  border-color: rgba(10, 11, 13, .10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 18px 58px rgba(12, 18, 22, .105) !important;
}

.nav-trigger,
.links a {
  color: rgba(10, 11, 13, .66) !important;
}

.nav-trigger:hover,
.nav-trigger.active,
.links a:hover,
.links .active {
  color: var(--tech-ink) !important;
  background: rgba(154, 116, 71, .08) !important;
}

.language-switch .is-active {
  color: #17120c !important;
  background:
    linear-gradient(145deg, rgba(222, 190, 139, .78), rgba(154, 116, 71, .54)) !important;
}

main:not(#start) .hero {
  min-height: clamp(430px, 58vh, 620px) !important;
  color: var(--tech-ink) !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(154, 116, 71, .13), transparent 20rem),
    radial-gradient(circle at 8% 0%, rgba(255, 255, 255, .96), transparent 22rem),
    linear-gradient(145deg, #fcfbf8 0%, #f4f4f0 58%, #ece9e2 100%) !important;
  border-bottom: 1px solid rgba(10, 11, 13, .09) !important;
}

main:not(#start) .hero::before {
  opacity: .18 !important;
  mix-blend-mode: multiply !important;
  filter: saturate(.58) contrast(1.02) !important;
}

main:not(#start) .hero::after {
  color: rgba(10, 11, 13, .035) !important;
  font-family: var(--tech-font) !important;
  font-weight: 820 !important;
  letter-spacing: -.06em !important;
}

main:not(#start) .hero h1,
main:not(#start) .hero p:not(.kicker),
main:not(#start) .hero .lead {
  color: var(--tech-ink) !important;
  text-shadow: none !important;
}

main:not(#start) .hero p:not(.kicker) {
  color: rgba(10, 11, 13, .68) !important;
}

main:not(#start) .hero-inner {
  padding-top: clamp(88px, 12vw, 128px) !important;
  padding-bottom: clamp(46px, 7vw, 74px) !important;
}

main#start .hero {
  background:
    radial-gradient(circle at 78% 10%, rgba(154, 116, 71, .11), transparent 18rem),
    radial-gradient(circle at 16% 8%, rgba(255, 255, 255, .90), transparent 24rem),
    linear-gradient(145deg, #fbfaf7 0%, #f4f4f0 54%, #ebe8e1 100%) !important;
}

main#start .hero::before {
  opacity: .22 !important;
  filter: saturate(.62) contrast(1.02) !important;
  mix-blend-mode: multiply !important;
}

main#start .hero h1,
main#start .hero-copy,
main#start .hero-sub,
main#start .hero p {
  color: var(--tech-ink) !important;
  text-shadow: none !important;
}

main#start .hero .eyebrow,
main#start .hero .kicker {
  color: var(--tech-bronze-dark) !important;
}

main#start .sentence-section,
main#start .light.section {
  padding-block: clamp(58px, 7vw, 86px) !important;
}

main#start .track-feature,
main#start .letter-card {
  padding-inline: clamp(16px, 2vw, 24px) !important;
}

main#start .track-feature {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, .20)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(10, 11, 13, .10) !important;
}

main#start .insight {
  border-radius: 16px !important;
  transition: background .22s ease, transform .22s ease, border-color .22s ease;
}

main#start .insight:hover {
  background: rgba(255, 255, 255, .48) !important;
  border-color: rgba(154, 116, 71, .22) !important;
  transform: translateY(-1px);
}

.thumb {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .20),
    0 12px 28px rgba(12, 18, 22, .08) !important;
}

footer,
.footer {
  letter-spacing: 0 !important;
}

@media (max-width: 820px) {
  main:not(#start) .hero {
    min-height: auto !important;
  }

  main:not(#start) .hero-inner {
    padding-top: 68px !important;
    padding-bottom: 46px !important;
  }

  main#start .track-feature,
  main#start .letter-card {
    padding-inline: 16px !important;
  }
}

@media (max-width: 560px) {
  h1, .hero h1 {
    font-size: clamp(2.15rem, 10.5vw, 3rem) !important;
    line-height: .98 !important;
  }

  h2, .lead, .section-title {
    font-size: clamp(1.65rem, 7.4vw, 2.28rem) !important;
    line-height: 1.06 !important;
  }

  h3,
  .card h3,
  .article h2,
  .practice-card h2,
  .row h2,
  .profile-body h3 {
    font-size: clamp(1.2rem, 5.8vw, 1.72rem) !important;
    line-height: 1.08 !important;
  }

  .card,
  .article,
  .practice-card,
  .latest-body,
  .concierge-card,
  .form-card,
  .profile-card,
  .contact-card,
  .step,
  .fact,
  .brief-item,
  .note-card,
  .cta-box {
    padding-inline: max(18px, 5.5vw) !important;
  }

  main#start .module-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  main#start .module-grid .card {
    flex: initial !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  .hero h1,
  .hero .lead,
  .hero-copy,
  .hero-sub {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

/* Homepage-specific: keep the new front page editorial and line-based.
   The global glass-card treatment is useful on subpages, but too dominant here. */
main#start .proof-rail,
main#start .proof-item,
main#start .track-feature,
main#start .practice-card,
main#start .letter-card,
main#start .insight,
main#start .screen,
main#start .screen-panel {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

main#start .practice-card,
main#start .letter-card,
main#start .insight,
main#start .screen,
main#start .screen-panel {
  border-radius: 0 !important;
}

main#start .practice-card {
  min-height: 0 !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(250, 250, 248, .14) !important;
}

main#start .practice-card::after,
main#start .insight::after,
main#start .track-feature::after,
main#start .letter-card::after {
  display: none !important;
  content: none !important;
}

main#start .letter-card {
  padding: 20px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(10, 11, 13, .14) !important;
  border-bottom: 1px solid rgba(10, 11, 13, .14) !important;
}

main#start .insight {
  padding: 18px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(10, 11, 13, .12) !important;
}

main#start .track-feature {
  padding: 20px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(10, 11, 13, .14) !important;
  border-bottom: 1px solid rgba(10, 11, 13, .14) !important;
}

main#start .track-mini {
  border-color: rgba(10, 11, 13, .12) !important;
  background: transparent !important;
}

main#start .track-mini span {
  color: rgba(10, 11, 13, .58) !important;
  background: transparent !important;
}

main#start .track-mini strong {
  color: var(--tech-ink) !important;
}

@media (max-width: 640px) {
  main#start .track-mini {
    border: 0 !important;
    border-top: 1px solid rgba(10, 11, 13, .12) !important;
  }

  main#start .track-mini span {
    padding: 11px 0 !important;
    border-bottom: 1px solid rgba(10, 11, 13, .10) !important;
  }
}

main#start .screen {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--tech-ink) !important;
}

main#start .screen-top {
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(10, 11, 13, .14) !important;
}

main#start .screen .status {
  color: rgba(10, 11, 13, .58) !important;
}

main#start .screen .status::before {
  background: var(--tech-bronze) !important;
  box-shadow: none !important;
}

main#start .screen-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  background: transparent !important;
}

main#start .screen-panel {
  min-height: 0 !important;
  padding: 17px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(10, 11, 13, .12) !important;
  color: var(--tech-ink) !important;
}

main#start .screen-panel h3 {
  color: var(--tech-ink) !important;
}

main#start .screen-panel p {
  color: rgba(10, 11, 13, .62) !important;
}

main#start .score {
  height: 2px !important;
  margin-top: 14px !important;
  background: rgba(10, 11, 13, .10) !important;
}

main#start .score span {
  background: var(--tech-bronze) !important;
}

body:has(main#start) > footer.footer {
  padding: 70px 0 28px !important;
  color: var(--tech-white) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(58, 68, 74, .16), transparent 22rem),
    #060709 !important;
  opacity: 1 !important;
  border-top: 1px solid rgba(250, 250, 248, .10) !important;
  text-align: left !important;
  font-size: inherit !important;
}

body:has(main#start) > footer.footer .footer-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 32px !important;
  align-items: start !important;
}

body:has(main#start) > footer.footer img {
  width: 220px !important;
  max-width: 100% !important;
}

body:has(.contact-layout) .contact-layout {
  align-items: start !important;
}

body:has(.contact-layout) .concierge-card {
  min-height: 0 !important;
  color: var(--tech-white) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(146, 112, 74, .10), transparent 18rem),
    linear-gradient(145deg, #08090a, #151619 72%, #201912) !important;
  border-color: rgba(250, 250, 248, .14) !important;
  box-shadow: 0 22px 64px rgba(10, 11, 13, .14) !important;
}

body:has(.contact-layout) .concierge-card h2,
body:has(.contact-layout) .concierge-card strong {
  font-family: var(--tech-font) !important;
  color: var(--tech-white) !important;
}

body:has(.contact-layout) .concierge-step strong {
  font-size: clamp(1rem, 1.25vw, 1.18rem) !important;
  font-weight: 820 !important;
  letter-spacing: -.03em !important;
  line-height: 1.16 !important;
}

body:has(.contact-layout) .concierge-card .copy,
body:has(.contact-layout) .concierge-card p,
body:has(.contact-layout) .contact-line {
  color: rgba(250, 250, 248, .74) !important;
}

body:has(.contact-layout) .concierge-step {
  background: rgba(250, 250, 248, .028) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 250, 248, .12) !important;
  padding: clamp(16px, 2vw, 20px) !important;
}

body:has(.contact-layout) .concierge-step:last-child {
  border-bottom: 0 !important;
}

body:has(.contact-layout) .concierge-steps {
  border-color: rgba(250, 250, 248, .12) !important;
  background: transparent !important;
}

body:has(.contact-layout) .concierge-step span {
  color: #111 !important;
  background: var(--tech-bronze) !important;
}

body:has(.contact-layout) .form-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(250, 250, 248, .62)) !important;
}

.note:not(.note-card) {
  padding: clamp(18px, 2.4vw, 24px) !important;
  border: 1px solid rgba(10, 11, 13, .10) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .56), rgba(250, 250, 248, .30)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    0 12px 34px rgba(12, 18, 22, .06) !important;
}

.dark .note:not(.note-card),
.lab .note:not(.note-card) {
  border-color: rgba(250, 250, 248, .12) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)) !important;
  box-shadow: none !important;
}

@media (max-width: 820px) {
  body:has(.contact-layout) .contact-layout {
    gap: 18px !important;
  }

  body:has(.contact-layout) .concierge-card {
    padding: 24px !important;
    gap: 22px !important;
  }

  body:has(.contact-layout) .concierge-card h2 {
    font-size: clamp(1.55rem, 7vw, 2.2rem) !important;
  }

  body:has(.contact-layout) .concierge-step {
    grid-template-columns: 38px 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
  }
}

body:has(main#start) > footer.footer strong {
  display: block !important;
  margin-bottom: 12px !important;
  color: rgba(250, 250, 248, .9) !important;
}

body:has(main#start) > footer.footer p,
body:has(main#start) > footer.footer a,
body:has(main#start) > footer.footer span {
  color: rgba(250, 250, 248, .62) !important;
  font-size: .92rem !important;
  line-height: 1.55 !important;
}

body:has(main#start) > footer.footer a:hover {
  color: var(--tech-white) !important;
}

body:has(main#start) > footer.footer .footer-links {
  display: grid !important;
  gap: 10px !important;
}

body:has(main#start) > footer.footer .fineprint {
  margin-top: 52px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(250, 250, 248, .12) !important;
  color: rgba(250, 250, 248, .42) !important;
  font-size: .82rem !important;
}

@media (max-width: 980px) {
  body:has(main#start) > footer.footer .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

main#start .proof-rail {
  border: 0 !important;
  border-top: 1px solid rgba(10, 11, 13, .18) !important;
  border-bottom: 1px solid rgba(10, 11, 13, .10) !important;
}

main#start .proof-item {
  padding: 14px 18px 14px 0 !important;
  border: 0 !important;
}

main#start .proof-item + .proof-item {
  padding-left: 18px !important;
  border-left: 1px solid rgba(10, 11, 13, .12) !important;
}

@media (max-width: 560px) {
  main#start .proof-item {
    padding: 13px 12px 13px 0 !important;
  }

  main#start .proof-item + .proof-item {
    padding-left: 12px !important;
  }

  main#start .proof-item:nth-child(2n+1) {
    border-left: 0 !important;
  }

  main#start .proof-item:nth-child(-n+2) {
    border-bottom: 1px solid rgba(10, 11, 13, .10) !important;
  }
}

/* MBRETI Tech Design Rule v1.1
   Warm mineral canvas, bronze-glass primary actions, white-glass surfaces,
   graphit/bronze diagrams, and consistent responsive spacing across pages. */
:root {
  --mbreti-glass-primary:
    linear-gradient(145deg, rgba(214, 181, 128, .72), rgba(146, 112, 74, .50)),
    rgba(255, 255, 255, .26);
  --mbreti-glass-primary-hover:
    linear-gradient(145deg, rgba(226, 195, 145, .78), rgba(150, 116, 78, .56)),
    rgba(255, 255, 255, .30);
  --mbreti-glass-surface:
    linear-gradient(145deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, .36));
  --mbreti-glass-surface-strong:
    linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .48));
  --mbreti-dark-glass:
    radial-gradient(circle at 82% 8%, rgba(146, 112, 74, .14), transparent 18rem),
    linear-gradient(145deg, #08090a, #151619 72%, #201912);
  --mbreti-graphic-glass:
    radial-gradient(circle at 82% 12%, rgba(214, 181, 128, .30), transparent 18rem),
    linear-gradient(145deg, #fffdf8 0%, #f7f2e9 48%, #eadcc7 100%);
  --mbreti-graphic-line: rgba(54, 50, 45, .18);
  --mbreti-graphic-ink: #171411;
  --mbreti-bronze-line: rgba(146, 112, 74, .42);
  --mbreti-glass-border: rgba(255, 255, 255, .58);
  --mbreti-primary-text: #16120d;
  --mbreti-shadow-warm: 0 14px 38px rgba(82, 58, 32, .14);
  --mbreti-shadow-glass: inset 0 1px 0 rgba(255, 255, 255, .72), 0 22px 64px rgba(12, 18, 22, .085);
}

.button,
.primary,
.button-gold,
.button-light,
.links .contact,
.contact.active,
.mobile-menu-panel .mobile-contact,
.intelligence-bar.site-nav .button {
  color: var(--mbreti-primary-text) !important;
  background: var(--mbreti-glass-primary) !important;
  border: 1px solid rgba(146, 112, 74, .32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .64),
    inset 0 -1px 0 rgba(72, 48, 24, .12),
    var(--mbreti-shadow-warm) !important;
  backdrop-filter: blur(18px) saturate(148%) !important;
}

.button:hover,
.primary:hover,
.button-gold:hover,
.button-light:hover,
.links .contact:hover,
.contact.active:hover,
.mobile-menu-panel .mobile-contact:hover,
.intelligence-bar.site-nav .button:hover {
  background: var(--mbreti-glass-primary-hover) !important;
}

.menu-toggle,
.mobile-menu summary,
.intelligence-bar.site-nav .site-mobile-menu summary {
  color: var(--mbreti-primary-text) !important;
  background: var(--mbreti-glass-primary) !important;
  border: 1px solid rgba(146, 112, 74, .32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .64),
    0 12px 32px rgba(82, 58, 32, .12) !important;
  backdrop-filter: blur(18px) saturate(148%) !important;
}

.mobile-menu summary::after {
  color: var(--mbreti-primary-text) !important;
  background: rgba(255, 255, 255, .38) !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62) !important;
}

.mobile-menu[open] summary,
.intelligence-bar.site-nav .site-mobile-menu[open] summary,
.menu-toggle[aria-expanded="true"] {
  background:
    linear-gradient(145deg, rgba(150, 116, 78, .64), rgba(95, 70, 44, .54)),
    rgba(255, 255, 255, .24) !important;
  color: #120f0b !important;
}

.header,
.intelligence-bar.site-nav,
.language-switch,
.context-panel,
.mobile-menu-panel,
.mandate-tabs,
.about-tabs,
.contact-card,
.form-card,
.cta-box {
  background: var(--mbreti-glass-surface-strong) !important;
  border-color: var(--mbreti-glass-border) !important;
  box-shadow: var(--mbreti-shadow-glass) !important;
  backdrop-filter: blur(28px) saturate(148%) !important;
}

.secondary,
.button-outline,
.button.secondary {
  color: var(--tech-ink) !important;
  background: var(--mbreti-glass-surface) !important;
  border-color: var(--mbreti-glass-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    0 12px 34px rgba(12, 18, 22, .08) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

.card,
.article,
.practice-card,
.latest-card,
.track-stat,
.stat-card,
.metric,
.case,
.module,
.step,
.row,
.fact,
.brief-item,
.profile-card,
.note,
.note-card,
.situation,
.owner-check,
.capital-tile,
.lens-metric,
.deal-node,
.option-cell,
.screen-panel,
.intake-item {
  background: var(--mbreti-glass-surface) !important;
  border-color: rgba(255, 255, 255, .52) !important;
  box-shadow: var(--mbreti-shadow-glass) !important;
  backdrop-filter: blur(22px) saturate(136%) !important;
}

.dark,
.dark-section,
.note-card,
.lens-panel,
.owner-graphic,
.deal-funnel,
.control-panel,
.pyramid,
.gap-visual,
.screen,
.system-module {
  color: var(--tech-white) !important;
  background: var(--mbreti-dark-glass) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 26px 78px rgba(10, 11, 13, .20) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
}

.dark .card,
.dark .practice-card,
.dark .row,
.dark .step,
.dark .metric,
.dark .module,
.dark .case,
.dark-section .card,
.dark-section .module,
.dark-section .case {
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .038)) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

.card::after,
.practice-card::after,
.module::before,
.deal-node::before,
.case:after,
.owner-line,
.process-line:before,
.lens-panel:after {
  background: linear-gradient(90deg, transparent, var(--mbreti-bronze-line), transparent) !important;
}

.owner-point,
.status::before,
.score span,
.gap-missing,
.step span,
.intake-item span {
  background: var(--mbreti-glass-primary) !important;
  color: var(--mbreti-primary-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    0 0 0 8px rgba(146, 112, 74, .10) !important;
}

.gap-track,
.gap-visual,
.capital-board,
.option-map,
.lens-metrics,
.signal-list,
.matrix,
.grid,
.brief-list,
.practice-grid,
.case-grid,
.module-grid,
.steps,
.situation-list,
.owner-checks,
.lane-board {
  border-color: rgba(10, 11, 13, .10) !important;
  background: rgba(10, 11, 13, .10) !important;
}

.gap-bank,
.senior .pyramid-bar,
.junior .pyramid-bar,
.equity .pyramid-bar {
  background:
    linear-gradient(90deg, rgba(146, 112, 74, .82), rgba(226, 205, 170, .72)),
    rgba(255, 255, 255, .18) !important;
  color: var(--mbreti-primary-text) !important;
}

.gap-equity,
.pyramid-layer,
.funnel-step,
.lane,
.lane-flow em,
.control-node,
.layer {
  background: linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .055)) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  backdrop-filter: blur(12px) saturate(130%) !important;
}

.gap-visual {
  padding: clamp(18px, 2.4vw, 26px) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: calc(var(--tech-radius) + 2px) !important;
  background: var(--mbreti-dark-glass) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 22px 62px rgba(10, 11, 13, .16) !important;
}

.gap-caption {
  color: rgba(251, 250, 247, .68) !important;
}

.lens-panel,
.owner-graphic,
.deal-funnel,
.control-panel,
.pyramid,
.gap-visual {
  color: var(--mbreti-graphic-ink) !important;
  background: var(--mbreti-graphic-glass) !important;
  border-color: rgba(146, 112, 74, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .70),
    inset 0 -1px 0 rgba(72, 48, 24, .08),
    0 24px 72px rgba(82, 58, 32, .12) !important;
  backdrop-filter: blur(24px) saturate(142%) !important;
}

.lens-panel h2,
.lens-panel p,
.owner-caption h3,
.owner-caption p,
.funnel-note,
.control-caption,
.pyramid + .small-note,
.gap-caption {
  color: rgba(23, 20, 17, .68) !important;
}

.lens-panel:before,
.owner-graphic:before,
.control-panel:before,
.hero-structure:before {
  border-color: rgba(146, 112, 74, .22) !important;
}

.owner-axis,
.control-panel:before {
  background: linear-gradient(90deg, transparent, rgba(54, 50, 45, .26), transparent) !important;
}

.owner-line,
.lens-panel:after {
  background: linear-gradient(90deg, rgba(146, 112, 74, .18), rgba(146, 112, 74, .76), rgba(54, 50, 45, .14)) !important;
}

.owner-point,
.control-node,
.funnel-step,
.pyramid-layer,
.gap-track,
.lane,
.lane-flow em,
.layer {
  color: var(--mbreti-graphic-ink) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .28)),
    rgba(146, 112, 74, .08) !important;
  border-color: rgba(146, 112, 74, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    0 10px 26px rgba(82, 58, 32, .08) !important;
}

.control-node {
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, .82), transparent 52%),
    linear-gradient(145deg, rgba(214, 181, 128, .38), rgba(255, 255, 255, .30)) !important;
}

.funnel-step span,
.lane-label span,
.gap-segment,
.pyramid-layer strong {
  color: rgba(118, 91, 61, .96) !important;
}

.funnel-step strong,
.lane-label strong,
.control-node,
.pyramid-bar {
  color: var(--mbreti-graphic-ink) !important;
}

.gap-track {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.gap-bank,
.gap-equity,
.gap-missing,
.senior .pyramid-bar,
.junior .pyramid-bar,
.equity .pyramid-bar {
  background:
    linear-gradient(90deg, rgba(214, 181, 128, .76), rgba(146, 112, 74, .42)),
    rgba(255, 255, 255, .20) !important;
  color: var(--mbreti-graphic-ink) !important;
}

.gap-equity,
.junior .pyramid-bar {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .46), rgba(146, 112, 74, .28)),
    rgba(255, 255, 255, .16) !important;
}

.equity .pyramid-bar {
  background:
    linear-gradient(90deg, rgba(54, 50, 45, .18), rgba(146, 112, 74, .42)),
    rgba(255, 255, 255, .16) !important;
}

/* Graphic label layer: keep diagrams on the bronze-glass system without losing text. */
.pyramid-bar,
.funnel-step,
.control-node,
.owner-point,
.lane-flow em {
  position: relative !important;
  z-index: 2 !important;
  text-shadow: none !important;
}

.gap-segment {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 10px 8px !important;
  color: rgba(20, 18, 16, .92) !important;
  font-size: clamp(.62rem, .72vw, .76rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .045em !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  hyphens: none !important;
  word-break: normal !important;
}

.gap-bank {
  color: rgba(20, 18, 16, .96) !important;
}

.gap-equity {
  border-left: 1px solid rgba(255, 255, 255, .52) !important;
  border-right: 1px solid rgba(255, 255, 255, .52) !important;
}

.gap-missing {
  color: rgba(20, 18, 16, .98) !important;
  font-weight: 950 !important;
}

.pyramid-layer strong,
.pyramid-bar {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

.pyramid-bar {
  justify-content: flex-start !important;
  padding-inline: clamp(14px, 1.5vw, 22px) !important;
  font-size: clamp(.78rem, .95vw, .98rem) !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

.funnel-step span,
.funnel-step strong,
.lane-label span,
.lane-label strong,
.control-caption,
.funnel-note,
.gap-caption,
.owner-caption h3,
.owner-caption p {
  position: relative !important;
  z-index: 3 !important;
}

.label,
.kicker,
.eyebrow,
.system-label,
.brief-date,
.module span,
.case span,
.capital-tile span,
.lens-metric span,
.deal-node span,
.practice-group-label {
  color: var(--tech-bronze-dark) !important;
}

@media (max-width: 820px) {
  .menu-toggle,
  .mobile-menu summary,
  .intelligence-bar.site-nav .site-mobile-menu summary,
  .language-switch {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  .mobile-menu-panel,
  .intelligence-bar.site-nav .mobile-sheet {
    background:
      radial-gradient(circle at 88% 0%, rgba(146, 112, 74, .18), transparent 12rem),
      rgba(10, 11, 13, .92) !important;
    border-color: rgba(255, 255, 255, .14) !important;
  }

  .gap-segment {
    font-size: clamp(.58rem, 2.15vw, .7rem) !important;
    padding: 8px 5px !important;
    letter-spacing: .025em !important;
  }

  .gap-caption {
    display: grid !important;
    gap: 8px !important;
    color: rgba(23, 20, 17, .72) !important;
  }

  .pyramid-bar {
    min-height: 58px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Final UI normalization: keep bronze glass controls consistent on every page. */
.language-switch button,
.intelligence-bar .language-switch button,
.header .language-switch button {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: rgba(10, 11, 13, .86) !important;
}

.language-switch button.is-active,
.intelligence-bar .language-switch button.is-active,
.header .language-switch button.is-active {
  color: #17120c !important;
  background:
    linear-gradient(145deg, rgba(222, 190, 139, .78), rgba(154, 116, 71, .54)),
    rgba(255, 255, 255, .2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    0 8px 18px rgba(82, 58, 32, .10) !important;
}

.language-switch button:focus-visible,
.intelligence-bar .language-switch button:focus-visible,
.header .language-switch button:focus-visible,
.mobile-menu summary:focus-visible,
.site-mobile-menu summary:focus-visible,
.nav-trigger:focus-visible,
.button:focus-visible {
  outline: 2px solid rgba(154, 116, 71, .55) !important;
  outline-offset: 3px !important;
}

/* MBRETI Tech Design v2: warmer Apple-like glass, more visual system depth. */
:root {
  --glass-white: rgba(255, 255, 255, .62);
  --glass-white-strong: rgba(255, 255, 255, .78);
  --glass-line: rgba(255, 255, 255, .72);
  --glass-stroke: rgba(116, 122, 126, .14);
  --glass-bronze: rgba(180, 138, 80, .22);
  --glass-shadow-deep:
    0 1px 0 rgba(255, 255, 255, .78) inset,
    0 -1px 0 rgba(10, 11, 13, .035) inset,
    0 34px 90px rgba(16, 22, 28, .10);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(10, 11, 13, .028) 1px, transparent 1px),
    linear-gradient(rgba(10, 11, 13, .022) 1px, transparent 1px),
    radial-gradient(circle at 78% 10%, rgba(180, 138, 80, .10), transparent 24rem),
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .92), transparent 28rem);
  background-size: 72px 72px, 72px 72px, auto, auto;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.16) 62%, transparent);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% -12%, rgba(255,255,255,.72), transparent 42rem),
    linear-gradient(120deg, transparent 0 42%, rgba(255,255,255,.22) 43%, transparent 44% 100%);
  opacity: .76;
}

.intelligence-bar,
.intelligence-bar.site-nav,
.header,
.digital-subnav {
  border-color: rgba(255, 255, 255, .68) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.44)),
    radial-gradient(circle at 0 0, rgba(255,255,255,.72), transparent 12rem) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(10,11,13,.045),
    0 18px 64px rgba(16,22,28,.12) !important;
  backdrop-filter: blur(34px) saturate(170%) !important;
}

.button,
.button-light,
.button-gold,
.primary,
a.button,
button.button,
.links .contact,
.contact.active,
.intelligence-bar.site-nav .button,
.site-mobile-menu summary,
.mobile-menu summary {
  color: #17110b !important;
  border-color: rgba(158, 116, 62, .30) !important;
  background:
    linear-gradient(145deg, rgba(236, 206, 157, .78), rgba(160, 119, 72, .44)),
    radial-gradient(circle at 26% 12%, rgba(255,255,255,.82), transparent 7rem) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(72,48,24,.13),
    0 16px 42px rgba(102,72,38,.14) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
}

.secondary,
.button.secondary,
.button-outline {
  background:
    linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.36)),
    radial-gradient(circle at 12% 0, rgba(180,138,80,.12), transparent 9rem) !important;
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: var(--glass-shadow-deep) !important;
}

.card,
.article,
.practice-card,
.latest-card,
.track-stat,
.stat-card,
.metric,
.case,
.module,
.step,
.row,
.fact,
.brief-item,
.profile-card,
.contact-card,
.concierge-card,
.form-card,
.note,
.note-card,
.cta-box,
.situation,
.owner-check,
.capital-tile,
.lens-metric,
.deal-node,
.option-cell,
.screen-panel,
.insight,
.context-panel,
.mobile-menu-panel,
.field-card,
.flow-map,
.quiet-box,
.article-teaser,
.letter-card,
.track-feature {
  border-color: var(--glass-stroke) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)),
    radial-gradient(circle at 92% 0%, rgba(180,138,80,.08), transparent 14rem) !important;
  box-shadow: var(--glass-shadow-deep) !important;
  backdrop-filter: blur(30px) saturate(160%) !important;
}

.card::before,
.module::before,
.field-card::before,
.flow-map::before,
.track-feature::before,
.letter-card::before,
.hero-intelligence::before,
.gap-grid::before,
.lens-panel::before {
  background:
    linear-gradient(90deg, rgba(10,11,13,.055) 1px, transparent 1px),
    linear-gradient(rgba(10,11,13,.045) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 42%, rgba(180,138,80,.20) 42.5%, transparent 43% 100%) !important;
  background-size: 26px 26px, 26px 26px, 100% 100% !important;
}

main#start .hero {
  background:
    radial-gradient(circle at 82% 14%, rgba(180,138,80,.14), transparent 22rem),
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.96), transparent 26rem),
    linear-gradient(145deg, #fdfcf9 0%, #f7f7f4 52%, #eeece6 100%) !important;
}

.hero-intelligence {
  border-color: rgba(255,255,255,.72) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.30)),
    radial-gradient(circle at 84% 0%, rgba(180,138,80,.16), transparent 13rem) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 36px 100px rgba(16,22,28,.12) !important;
}

.hero-intelligence .intel-row,
.intel-row {
  border-color: rgba(10,11,13,.085) !important;
}

.hero-intelligence code,
.intel-row code,
.field-card span,
.flow-step span,
.stack-layer span,
.gap-caption span,
.module span,
.lens-metric span {
  color: var(--tech-bronze-dark) !important;
}

.field-card {
  position: relative;
}

.field-card::after {
  content: "";
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 72px;
  height: 44px;
  border-right: 1px solid rgba(180,138,80,.34);
  border-bottom: 1px solid rgba(180,138,80,.34);
  background:
    linear-gradient(90deg, transparent, rgba(180,138,80,.28)) 0 30% / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, rgba(10,11,13,.12)) 0 68% / 72% 1px no-repeat;
  opacity: .72;
  pointer-events: none;
}

.flow-map {
  overflow: hidden;
}

.flow-map::after {
  content: "";
  position: absolute;
  inset: 18px;
  pointer-events: none;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.50), transparent 10rem),
    linear-gradient(115deg, transparent 0 64%, rgba(255,255,255,.26) 64.5%, transparent 66%);
}

.flow-step,
.stack-layer,
.pyramid-layer,
.gap-track {
  position: relative;
  z-index: 1;
}

.stack {
  background:
    radial-gradient(circle at 76% 4%, rgba(180,138,80,.14), transparent 26rem),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.055), transparent 20rem),
    linear-gradient(145deg, #07080a 0%, #12161a 60%, #1c1711 100%) !important;
}

.stack-layer {
  border-color: rgba(255,255,255,.16) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.040)),
    radial-gradient(circle at 90% 0%, rgba(180,138,80,.12), transparent 10rem) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
}

.gap-grid,
.deal-logic-grid,
.pyramid,
.lens-panel {
  border-color: rgba(255,255,255,.68) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.30)),
    radial-gradient(circle at 86% 0%, rgba(180,138,80,.12), transparent 18rem) !important;
  box-shadow: var(--glass-shadow-deep) !important;
  backdrop-filter: blur(30px) saturate(160%) !important;
}

.gap-track,
.pyramid-layer {
  border-color: rgba(255,255,255,.56) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.24)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 12px 36px rgba(16,22,28,.08) !important;
}

.gap-bank,
.senior .pyramid-bar {
  background: linear-gradient(90deg, #1a1d21, #766044) !important;
}

.gap-equity,
.junior .pyramid-bar {
  background: linear-gradient(90deg, rgba(229,207,172,.92), rgba(174,134,82,.62)) !important;
}

.gap-missing,
.equity .pyramid-bar {
  background: linear-gradient(90deg, rgba(236,206,157,.88), rgba(146,112,74,.62)) !important;
  color: #16120d !important;
}

main#start .track-feature {
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.70), rgba(255,255,255,.28)),
    radial-gradient(circle at 86% 0%, rgba(180,138,80,.16), transparent 16rem) !important;
}

main#start .track-mini span {
  background:
    linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.24)) !important;
  border-radius: 14px !important;
}

main#start .insight {
  background:
    linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.28)) !important;
}

@media (max-width: 820px) {
  body::before {
    background-size: 48px 48px, 48px 48px, auto, auto;
    opacity: .74;
  }

  .hero-intelligence,
  .field-card,
  .flow-map,
  .track-feature,
  .letter-card,
  .gap-grid,
  .pyramid,
  .lens-panel {
    border-radius: 20px !important;
  }

  .field-card::after {
    width: 56px;
    height: 34px;
    right: 18px;
    bottom: 18px;
    opacity: .42;
  }

  .digital-subnav {
    position: relative !important;
    top: auto !important;
  }

  .digital-subnav-inner {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  .digital-subnav a {
    min-height: 32px !important;
    padding: 7px 11px !important;
    font-size: .68rem !important;
  }
}

/* Diagram polish: keep Capital graphics readable in every viewport. */
.pyramid {
  display: grid !important;
  gap: 14px !important;
  padding: clamp(20px, 2.2vw, 30px) !important;
  overflow: visible !important;
}

.pyramid-layer {
  min-height: 92px !important;
  height: auto !important;
  grid-template-columns: minmax(112px, 150px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.pyramid-layer strong {
  display: flex !important;
  align-items: center !important;
  padding: 18px !important;
  font-size: clamp(1.18rem, 2vw, 1.72rem) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.pyramid-bar {
  min-height: 92px !important;
  height: auto !important;
  align-items: center !important;
  color: rgba(20, 18, 16, .94) !important;
  font-size: clamp(.72rem, .86vw, .9rem) !important;
  line-height: 1.12 !important;
}

.senior .pyramid-bar {
  width: min(66%, calc(100% - 8px)) !important;
}

.junior .pyramid-bar {
  width: min(48%, calc(100% - 8px)) !important;
}

.equity .pyramid-bar {
  width: min(56%, calc(100% - 8px)) !important;
}

.gap-caption {
  gap: 12px !important;
  color: rgba(20, 18, 16, .72) !important;
}

.gap-caption span {
  min-width: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

@media (max-width: 820px) {
  .pyramid-layer {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .pyramid-layer strong {
    padding: 16px 16px 8px !important;
  }

  .pyramid-bar {
    width: 100% !important;
    min-height: 58px !important;
    padding: 12px 16px 16px !important;
  }
}

/* Compact editorial teasers: consistent metadata and controlled line lengths. */
main#start .insight > div {
  min-width: 0;
}

main#start .insight .system-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--tech-bronze-dark) !important;
  font-size: .68rem !important;
  line-height: 1.25 !important;
  letter-spacing: .075em !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

main#start .insight h3,
main#start .insight p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

main#start .insight h3 {
  margin: 5px 0 7px !important;
  font-size: 1.08rem !important;
  line-height: 1.16 !important;
  -webkit-line-clamp: 2;
}

main#start .insight p {
  margin: 0 !important;
  font-size: .9rem !important;
  line-height: 1.42 !important;
  -webkit-line-clamp: 2;
}

@media (max-width: 820px) {
  main#start .insight {
    padding: 14px 0 !important;
  }

  main#start .insight .system-label {
    font-size: .61rem !important;
    letter-spacing: .055em !important;
  }

  main#start .insight h3 {
    margin: 5px 0 6px !important;
    font-size: .98rem !important;
    line-height: 1.14 !important;
    -webkit-line-clamp: 3;
  }

  main#start .insight p {
    font-size: .82rem !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 1;
  }
}

/* Homepage hero: approved architectural glass image with a quiet reading field. */
main#start .hero.hero-photo {
  isolation: isolate;
  background: #f8f7f3 !important;
}

main#start .hero.hero-photo::before {
  display: block !important;
  inset: 0 0 0 38% !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("assets/mbreti-hero-glass-architecture.jpg") 58% 52% / cover no-repeat !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: saturate(.94) contrast(1.12) brightness(.98) !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
}

main#start .hero.hero-photo::after {
  display: block !important;
  inset: 0 !important;
  background: linear-gradient(90deg, #faf9f6 0%, #faf9f6 35%, rgba(250,249,246,.94) 43%, rgba(250,249,246,.66) 53%, rgba(250,249,246,.18) 65%, transparent 76%) !important;
  opacity: 1 !important;
  pointer-events: none;
}

main#start .hero.hero-photo .hero-grid {
  position: relative;
  z-index: 2;
}

main#start .hero.hero-photo .hero-intelligence {
  background:
    linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.40)),
    radial-gradient(circle at 84% 0%, rgba(180,138,80,.14), transparent 13rem) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 30px 82px rgba(16,22,28,.12) !important;
}

/* Homepage hero motion: quiet optical movement built from the approved glass image. */
main#start .hero.hero-photo::before {
  transform-origin: 64% 48%;
  animation: mbreti-hero-drift 20s cubic-bezier(.45, 0, .25, 1) infinite alternate;
  will-change: transform;
}

main#start .hero.hero-photo .hero-glass-motion {
  position: absolute;
  inset: 0 0 0 38%;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}

main#start .hero.hero-photo .hero-glass-facet,
main#start .hero.hero-photo .hero-glass-reflection {
  position: absolute;
  display: block;
  pointer-events: none;
  will-change: transform, opacity;
}

main#start .hero.hero-photo .hero-glass-facet {
  top: -18%;
  bottom: -18%;
  width: 18%;
  border-inline: 1px solid rgba(255,255,255,.42);
  background:
    linear-gradient(105deg, rgba(255,255,255,0) 4%, rgba(255,255,255,.15) 46%, rgba(238,242,244,.04) 64%, rgba(255,255,255,0) 92%);
  box-shadow:
    inset 1px 0 rgba(255,255,255,.22),
    12px 0 34px rgba(255,255,255,.08);
  backdrop-filter: blur(1.2px) saturate(112%);
  transform: skewX(-8deg);
  opacity: .42;
}

main#start .hero.hero-photo .hero-glass-facet-a {
  left: -24%;
  animation: mbreti-glass-pass-a 15s cubic-bezier(.42, 0, .22, 1) infinite;
}

main#start .hero.hero-photo .hero-glass-facet-b {
  left: 8%;
  width: 8%;
  opacity: .24;
  animation: mbreti-glass-pass-b 21s cubic-bezier(.38, 0, .2, 1) -7s infinite;
}

main#start .hero.hero-photo .hero-glass-reflection {
  display: none;
}

@keyframes mbreti-hero-drift {
  0% { transform: scale(1.018) translate3d(-.35%, .15%, 0); }
  100% { transform: scale(1.045) translate3d(.55%, -.35%, 0); }
}

@keyframes mbreti-glass-pass-a {
  0%, 10% { transform: translate3d(-15%, 0, 0) skewX(-8deg); opacity: 0; }
  22% { opacity: .40; }
  72% { opacity: .30; }
  88%, 100% { transform: translate3d(720%, 0, 0) skewX(-8deg); opacity: 0; }
}

@keyframes mbreti-glass-pass-b {
  0%, 18% { transform: translate3d(-120%, 0, 0) skewX(-8deg); opacity: 0; }
  32% { opacity: .22; }
  78% { opacity: .16; }
  92%, 100% { transform: translate3d(1080%, 0, 0) skewX(-8deg); opacity: 0; }
}

@media (max-width: 820px) {
  main#start .hero.hero-photo::before {
    inset: 0 !important;
    background-position: 55% 50% !important;
    opacity: .94 !important;
  }

  main#start .hero.hero-photo::after {
    background: linear-gradient(100deg, rgba(250,249,246,.88) 0%, rgba(250,249,246,.68) 58%, rgba(250,249,246,.38) 100%) !important;
  }

  main#start .hero.hero-photo .hero-glass-motion {
    inset: 0;
    opacity: .42;
  }

  main#start .hero.hero-photo .hero-glass-facet-b {
    display: none;
  }
}

@media (max-width: 640px) {
  main#start .hero.hero-photo::before {
    background-position: 57% 50% !important;
    opacity: .94 !important;
  }

  main#start .hero.hero-photo::after {
    background: linear-gradient(100deg, rgba(250,249,246,.86) 0%, rgba(250,249,246,.65) 60%, rgba(250,249,246,.34) 100%) !important;
  }

  main#start .hero.hero-photo .hero-glass-motion {
    opacity: .28;
  }
}

@media (prefers-reduced-motion: reduce) {
  main#start .hero.hero-photo::before,
  main#start .hero.hero-photo .hero-glass-facet,
  main#start .hero.hero-photo .hero-glass-reflection {
    animation: none !important;
  }

  main#start .hero.hero-photo::before {
    transform: none !important;
  }

  main#start .hero.hero-photo .hero-glass-motion {
    display: none;
  }
}

/* Main-section image system: one visual metaphor per discipline. */
main:not(#start) .hero.visual-hero {
  isolation: isolate;
  color: var(--tech-ink) !important;
  background: #f8f7f3 !important;
}

main:not(#start) .hero.visual-hero::before {
  inset: 0 0 0 54% !important;
  z-index: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: saturate(.98) contrast(1.04) !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
}

main:not(#start) .hero.visual-mandate::before {
  background-image: url("assets/mbreti-tech-01-glass-architecture.png") !important;
  background-position: 52% 50% !important;
}

main:not(#start) .hero.visual-capital::before {
  background-image: url("assets/mbreti-tech-02-layered-glass-panels.png") !important;
  background-position: 51% 50% !important;
}

main:not(#start) .hero.visual-technology::before {
  background-image: url("assets/mbreti-tech-03-technology-chip.png") !important;
  background-position: 50% 50% !important;
}

main:not(#start) .hero.visual-process::before {
  background-image: url("assets/mbreti-tech-04-liquid-glass-wave.png") !important;
  background-position: 54% 52% !important;
}

main:not(#start) .hero.visual-track::before {
  background-image: url("assets/mbreti-tech-05-glass-bronze-structure.png") !important;
  background-position: 58% 50% !important;
}

main:not(#start) .hero.visual-insights::before {
  background-image: url("assets/mbreti-tech-06-connected-glass-globe.png") !important;
  background-position: 54% 48% !important;
}

main:not(#start) .hero.visual-owners::before {
  background-image: url("assets/mbreti-realestate-05-residential-courtyard.png") !important;
  background-position: 58% 54% !important;
}

main:not(#start) .hero.visual-investors::before {
  background-image: url("assets/mbreti-realestate-06-long-term-investment.png") !important;
  background-position: 48% 50% !important;
}

main:not(#start) .hero.visual-about::before {
  background-image: url("assets/mbreti-realestate-02-institutional-lobby.png") !important;
  background-position: 62% 50% !important;
}

main:not(#start) .hero.visual-contact::before {
  background-image: url("assets/mbreti-hero-glass-architecture.jpg") !important;
  background-position: 58% 52% !important;
  filter: saturate(.96) contrast(1.10) !important;
}

main:not(#start) .hero.visual-multifamily::before {
  background-image: url("assets/mbreti-realestate-01-residential-investment.webp") !important;
  background-position: 46% 52% !important;
}

main:not(#start) .hero.visual-asset-sale::before {
  background-image: url("assets/mbreti-realestate-03-glass-city-model.png") !important;
  background-position: 50% 54% !important;
}

main:not(#start) .hero.visual-valuation::before {
  background-image: url("assets/mbreti-realestate-04-plans-and-pen.png") !important;
  background-position: 50% 58% !important;
}

main:not(#start) .hero.visual-hero::after {
  content: "" !important;
  position: absolute;
  inset: 0 auto 0 49% !important;
  width: 9% !important;
  z-index: 1;
  background: linear-gradient(90deg, #f8f7f3 0%, rgba(248,247,243,.80) 42%, transparent 100%) !important;
  opacity: 1 !important;
  pointer-events: none;
}

main:not(#start) .hero.visual-hero .hero-inner {
  position: relative;
  z-index: 2;
}

main:not(#start) .hero.visual-hero h1,
main:not(#start) .hero.visual-hero p:not(.kicker) {
  max-width: min(720px, 50vw);
}

@media (max-width: 820px) {
  main:not(#start) .hero.visual-hero {
    min-height: auto !important;
    padding-bottom: clamp(270px, 78vw, 360px) !important;
  }

  main:not(#start) .hero.visual-hero::before {
    inset: auto 0 0 !important;
    width: auto !important;
    height: clamp(270px, 78vw, 360px) !important;
    opacity: 1 !important;
  }

  main:not(#start) .hero.visual-hero::after {
    inset: auto 0 0 !important;
    width: auto !important;
    height: clamp(270px, 78vw, 360px) !important;
    background: linear-gradient(180deg, #f8f7f3 0%, rgba(248,247,243,.64) 8%, transparent 24%) !important;
  }

  main:not(#start) .hero.visual-hero h1,
  main:not(#start) .hero.visual-hero p:not(.kicker) {
    max-width: 100%;
  }
}

/* MBRETI Palette Lock v3
   Neutral architectural whites and graphite surfaces. Bronze is reserved for
   controls, labels and fine accents; it must not tint large page surfaces. */
:root {
  --tech-canvas: #f2f4f4;
  --tech-white: #fcfdfd;
  --tech-mist: #f7f9f9;
  --tech-steel: #e2e6e7;
  --tech-muted: #61696e;
  --mbreti-surface:
    radial-gradient(circle at 92% 0%, rgba(73, 88, 96, .045), transparent 18rem),
    linear-gradient(145deg, rgba(255, 255, 255, .80), rgba(246, 249, 249, .46));
  --mbreti-surface-solid: #fbfcfc;
  --glass-white: rgba(255, 255, 255, .66);
  --glass-white-strong: rgba(255, 255, 255, .82);
  --glass-stroke: rgba(76, 88, 94, .14);
  --canvas: #f2f4f4;
  --paper: #f7f9f9;
  --soft-white: #fcfdfd;
  --mist: #f7f9f9;
  --soft: #e2e6e7;
  --steel: #e2e6e7;
  --warm: #e8ecee;
  --line: #d6dcde;
  --black: #090b0d;
}

html {
  background: #f2f4f4 !important;
}

body {
  background:
    radial-gradient(circle at 86% -8%, rgba(43, 55, 62, .055), transparent 30rem),
    radial-gradient(circle at 8% 3%, rgba(255, 255, 255, .98), transparent 28rem),
    linear-gradient(180deg, #fcfdfd 0%, #f6f8f8 48%, #eef1f2 100%) !important;
}

body::before {
  background:
    linear-gradient(90deg, rgba(10, 11, 13, .026) 1px, transparent 1px),
    linear-gradient(rgba(10, 11, 13, .020) 1px, transparent 1px),
    radial-gradient(circle at 78% 10%, rgba(70, 84, 92, .055), transparent 24rem),
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .94), transparent 28rem) !important;
  background-size: 72px 72px, 72px 72px, auto, auto !important;
}

body::after {
  background:
    radial-gradient(ellipse at 50% -12%, rgba(255,255,255,.78), transparent 42rem),
    linear-gradient(120deg, transparent 0 42%, rgba(226,232,234,.20) 43%, transparent 44% 100%) !important;
}

.intelligence-bar,
.intelligence-bar.site-nav,
.header,
.digital-subnav {
  border-color: rgba(255, 255, 255, .78) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(246,249,249,.48)),
    radial-gradient(circle at 0 0, rgba(255,255,255,.78), transparent 12rem) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(10,11,13,.04),
    0 18px 64px rgba(16,22,28,.11) !important;
}

.hero-intelligence,
main#start .hero.hero-photo .hero-intelligence {
  border-color: rgba(255,255,255,.80) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(243,247,248,.46)),
    radial-gradient(circle at 84% 0%, rgba(73,88,96,.05), transparent 13rem) !important;
}

main#start .hero,
main#start .hero.hero-photo,
main:not(#start) .hero.visual-hero {
  background: #f7f9f9 !important;
}

main#start .hero.hero-photo::after {
  background: linear-gradient(90deg, #fbfcfc 0%, #fbfcfc 35%, rgba(251,252,252,.94) 43%, rgba(251,252,252,.66) 53%, rgba(251,252,252,.18) 65%, transparent 76%) !important;
}

main:not(#start) .hero.visual-hero::after {
  background: linear-gradient(90deg, #f7f9f9 0%, rgba(247,249,249,.80) 42%, transparent 100%) !important;
}

main#start .sentence-section,
main#start .light.section,
.light.section,
section.light,
.quiet-band {
  background: #fbfcfc !important;
}

section.cta,
.cta {
  background: #eef2f3 !important;
}

.card,
.article,
.practice-card,
.latest-card,
.track-stat,
.stat-card,
.metric,
.case,
.module,
.step,
.row,
.fact,
.brief-item,
.profile-card,
.contact-card,
.concierge-card,
.form-card,
.note,
.note-card,
.cta-box,
.situation,
.owner-check,
.capital-tile,
.lens-metric,
.deal-node,
.option-cell,
.screen-panel,
.insight,
.context-panel,
.mobile-menu-panel,
.field-card,
.flow-map,
.quiet-box,
.article-teaser,
.letter-card,
.track-feature,
.gap-grid,
.pyramid,
.process-card,
.intake-item {
  border-color: rgba(76, 88, 94, .14) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.78), rgba(244,248,248,.36)),
    radial-gradient(circle at 92% 0%, rgba(73,88,96,.045), transparent 14rem) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(10,11,13,.035),
    0 30px 82px rgba(16,22,28,.09) !important;
}

.gap-visual {
  background:
    radial-gradient(circle at 82% 12%, rgba(92, 108, 116, .11), transparent 18rem),
    linear-gradient(145deg, #fcfdfd 0%, #f2f5f5 52%, #e8edef 100%) !important;
}

.gap-track,
.pyramid-layer,
.intake-item,
.process-card {
  background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(239,244,245,.48)) !important;
}

.gap-bank,
.senior .pyramid-bar {
  color: #fff !important;
  background: linear-gradient(90deg, #15191d, #59656b) !important;
}

.gap-equity,
.junior .pyramid-bar {
  color: var(--tech-ink) !important;
  background: linear-gradient(90deg, #e3e8e9, #cbd3d6) !important;
}

.gap-missing,
.equity .pyramid-bar {
  color: #17110b !important;
  background: linear-gradient(90deg, #b78349, #d8bc94) !important;
}

section.dark,
div.dark,
.dark-section,
.stack,
#artikel.article-list {
  background:
    radial-gradient(circle at 82% 8%, rgba(109, 125, 134, .08), transparent 20rem),
    linear-gradient(145deg, #080a0c 0%, #15191d 72%, #0d1012 100%) !important;
}

.lens-panel,
.deal-node.dark-node,
.note-card,
.system-module,
.articles {
  background:
    radial-gradient(circle at 82% 8%, rgba(109, 125, 134, .08), transparent 20rem),
    linear-gradient(145deg, #080a0c 0%, #15191d 72%, #0d1012 100%) !important;
}

.dark .card,
.dark-section .card,
.stack .stack-layer,
#artikel.article-list .article-teaser {
  border-color: rgba(255,255,255,.12) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    radial-gradient(circle at 90% 0%, rgba(113,128,136,.08), transparent 14rem) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 60px rgba(0,0,0,.18) !important;
}

footer,
.footer,
body:has(main#start) > footer.footer {
  background:
    radial-gradient(circle at 78% 0%, rgba(104,119,127,.08), transparent 22rem),
    linear-gradient(145deg, #07090a 0%, #14181b 70%, #0b0d0f 100%) !important;
}

.secondary,
.button.secondary,
.button-outline {
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(242,246,247,.42)) !important;
}

@media (max-width: 820px) {
  main#start .hero.hero-photo::after {
    background: linear-gradient(100deg, rgba(251,252,252,.88) 0%, rgba(251,252,252,.68) 58%, rgba(251,252,252,.38) 100%) !important;
  }

  main:not(#start) .hero.visual-hero::after {
    background: linear-gradient(180deg, #f7f9f9 0%, rgba(247,249,249,.64) 8%, transparent 24%) !important;
  }
}

@media (max-width: 640px) {
  main#start .hero.hero-photo::after {
    background: linear-gradient(100deg, rgba(251,252,252,.86) 0%, rgba(251,252,252,.65) 60%, rgba(251,252,252,.34) 100%) !important;
  }
}