/* MPMH_FRONTCONV006 controlled public-platform refinement owner.
   Presentation scope only except that this build also loads the separately verified
   one-line Brand detail JS lineage repair. Public authority/data logic remain unchanged. */

:root{
  --fc006-blue:#061a2b;
  --fc006-blue-2:#08253e;
  --fc006-blue-3:#0a3152;
  --fc006-blue-soft:#0a2238;
  --fc006-sky:#8fc6ff;
  --fc006-sky-muted:#6fa7d2;
  --fc006-green:#0bf99e;
  --fc006-white:#f4f8fb;
  --fc006-muted:#8fa5b5;
  --fc006-line:rgba(143,198,255,.18);
  --fc006-line-strong:rgba(143,198,255,.34);
  --fc006-black:#000;
}

/* ---------------------------------------------------------------------
   DIRECTORY CONTROL RAILS — compact, aligned, one clear active view.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body #shellMain .brand-sort-strip.mpmh240-directory-controls,
html.mpmh-frontconv006 body #shellMain .cause-sort-strip.mpmh240-directory-controls{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--fc006-line)!important;
  border-bottom-color:rgba(143,198,255,.24)!important;
  background:linear-gradient(180deg,#08233a,#051827)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  box-sizing:border-box!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh240-view-selector{
  display:grid!important;
  grid-template-columns:repeat(2,auto)!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:30px!important;
  padding-right:10px!important;
  margin-right:10px!important;
  border-right:1px solid var(--fc006-line)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh240-sort-options{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:2px 12px!important;
  min-width:0!important;
  padding:0!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option{
  min-height:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(220,232,240,.66)!important;
  -webkit-text-fill-color:rgba(220,232,240,.66)!important;
  font-size:8px!important;
  font-weight:820!important;
  line-height:28px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:hover,
html.mpmh-frontconv006 body #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:focus-visible{
  color:var(--fc006-sky)!important;
  -webkit-text-fill-color:var(--fc006-sky)!important;
  outline:0!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh240-view-selector .mpmh240-view-option.active,
html.mpmh-frontconv006 body #shellMain .mpmh240-view-selector .mpmh240-view-option[aria-pressed="true"]{
  color:#dff0ff!important;
  -webkit-text-fill-color:#dff0ff!important;
  background:rgba(80,151,207,.15)!important;
  box-shadow:inset 0 -2px 0 var(--fc006-sky)!important;
}
/* Sort state stays quieter than view state. */
html.mpmh-frontconv006 body #shellMain .mpmh240-sort-options .mpmh240-toolbar-option.active,
html.mpmh-frontconv006 body #shellMain .mpmh240-sort-options .mpmh240-toolbar-option[aria-pressed="true"]{
  color:#a7cce7!important;
  -webkit-text-fill-color:#a7cce7!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.mpmh-frontconv006 body #shellMain .brand-discovery-scroll,
html.mpmh-frontconv006 body #shellMain .cause-discovery-scroll{
  border-left:1px solid var(--fc006-line)!important;
  border-right:1px solid var(--fc006-line)!important;
  border-bottom:1px solid var(--fc006-line)!important;
}
/* Cause title rail aligned to the Brand rail without changing card body geometry. */
html.mpmh-frontconv006 body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-topline,
html.mpmh-frontconv006 body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .mpmh-record-topline{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:flex!important;
  align-items:center!important;
}
/* Card-body experiment is retired: preserve the established navy information surfaces. */
html.mpmh-frontconv006 body #shellMain .brand-card-info-zone,
html.mpmh-frontconv006 body #shellMain .cause-card-info-zone{
  background:linear-gradient(180deg,#071b2c,#04111d)!important;
  background-color:#061522!important;
}
/* Table mode is intentionally distinct; Brand table now uses the same crisp black data plane. */
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel .advanced-brand-directory,
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel .advanced-brand-directory .data-shell,
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel #campaignTable,
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel #campaignTable tbody,
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel #campaignTable td{
  background:#000!important;
  background-image:none!important;
}
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel #campaignTable th{
  background:#061522!important;
  color:#d9ebf7!important;
  border-bottom-color:var(--fc006-line)!important;
}
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel #campaignTable td{
  border-bottom-color:rgba(143,198,255,.10)!important;
}
html.mpmh-frontconv006 body #shellMain .brands-discovery-panel #campaignTable tbody tr:hover td{
  background:#071522!important;
}

/* ---------------------------------------------------------------------
   EXPANDED BRAND / CAUSE WORKSPACE — owns the entire content plane.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body.detail-open{overflow:hidden!important;}
html.mpmh-frontconv006 body.detail-open #shellMain{overflow:hidden!important;}
html.mpmh-frontconv006 body #detailBackdrop.detail-backdrop:not(.open),
html.mpmh-frontconv006 body #sidePanel.side-panel:not(.open){
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html.mpmh-frontconv006 body.detail-open #detailBackdrop.detail-backdrop.open{
  display:block!important;
  position:fixed!important;
  inset:52px 0 0 0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#020912!important;
  backdrop-filter:none!important;
  z-index:4900!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open{
  position:fixed!important;
  left:clamp(10px,1.45vw,24px)!important;
  right:clamp(10px,1.45vw,24px)!important;
  top:58px!important;
  bottom:14px!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:5000!important;
  border:1px solid rgba(105,169,216,.36)!important;
  border-radius:0!important;
  background:#020912!important;
  box-shadow:0 18px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .side-head,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head{
  position:relative!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0 52px 0 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(105,169,216,.32)!important;
  background:linear-gradient(180deg,#082d50,#061d33)!important;
  box-sizing:border-box!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel #sideTitle,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel #sideTitle{
  height:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .detail-title-world-icon{
  left:0!important;width:28px!important;height:28px!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .detail-close-x,
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .side-head .close,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close{
  position:absolute!important;
  top:0!important;
  right:0!important;
  transform:none!important;
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid rgba(105,169,216,.28)!important;
  background:#01070d!important;
  color:#d9ecf8!important;
  font-size:25px!important;
  font-weight:600!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .detail-close-x:hover,
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .side-head .close:hover,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x:hover,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close:hover{
  color:#fff!important;
  background:rgba(67,132,182,.18)!important;
  border-left-color:rgba(143,198,255,.48)!important;
}
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .side-body,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body{
  flex:1 1 auto!important;
  height:calc(100% - 48px)!important;
  max-height:none!important;
  min-height:0!important;
  padding:20px clamp(18px,2.1vw,30px) 36px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  background:linear-gradient(180deg,#061522 0%,#020912 64%,#020912 100%)!important;
  box-sizing:border-box!important;
}
/* Give the lower floor intentional space even when content is short. */
html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.brand-profile-panel .side-body::after,
html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::after{
  content:"";display:block;height:28px;flex:0 0 28px;
}

/* ---------------------------------------------------------------------
   CATEGORIES — plain, precise editorial directory.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="categories"],
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="categories"] .panel-body,
html.mpmh-frontconv006 body #shellMain .category-clean-body{
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="categories"] .panel-head{
  min-height:38px!important;
  background:#02080d!important;
  border-bottom:1px solid rgba(143,198,255,.18)!important;
}
html.mpmh-frontconv006 body #shellMain .category-clean-body{
  padding:clamp(20px,2.5vw,34px) clamp(24px,3.3vw,48px) clamp(28px,3vw,42px)!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid.category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  border-top:1px solid var(--fc006-line)!important;
  border-left:1px solid var(--fc006-line)!important;
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn{
  min-height:70px!important;
  margin:0!important;
  padding:12px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-right:1px solid var(--fc006-line)!important;
  border-bottom:1px solid var(--fc006-line)!important;
  border-radius:0!important;
  background:#000!important;
  color:#fff!important;
  text-align:left!important;
  box-shadow:none!important;
  transition:background-color .12s ease,color .12s ease!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .mpmh073-category-name{
  color:#eef6fb!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.025em!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .mpmh073-category-count{
  color:#678398!important;
  font-size:9px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .mpmh073-category-count strong{
  color:#8fb3ce!important;
  font-size:10px!important;
  font-weight:760!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn:hover,
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn:focus-visible{
  background:#061522!important;
  outline:0!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn:hover .mpmh073-category-name,
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn:focus-visible .mpmh073-category-name{
  color:var(--fc006-sky)!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn.active{
  background:#071a2b!important;
  box-shadow:inset 3px 0 0 var(--fc006-green)!important;
}
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn.active .mpmh073-category-name,
html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid .category-btn.active .mpmh073-category-count strong{
  color:var(--fc006-green)!important;
}

/* ---------------------------------------------------------------------
   MP SIGNAL SYSTEMS — blue owns the page; black is instrumentation.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="signals"],
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="signals"] .mpmh-signals-public-panel{
  background:var(--fc006-blue)!important;
  background-image:none!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-signals-public-panel{
  padding-bottom:34px!important;
  border:0!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-signals-production-head{
  padding:18px clamp(20px,3vw,42px) 14px!important;
  background:linear-gradient(180deg,#08233a,#061a2b)!important;
  border-bottom:1px solid rgba(143,198,255,.15)!important;
}
html.mpmh-frontconv006 body #shellMain .home-signal-connected-highways-v05{
  width:calc(100% - clamp(24px,4vw,64px))!important;
  margin:18px auto 20px!important;
  padding:0!important;
  border:1px solid rgba(143,198,255,.24)!important;
  background:#000!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
html.mpmh-frontconv006 body #shellMain .connected-highways-field-v05{
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh046-signals-dashboard{
  width:calc(100% - clamp(24px,4vw,64px))!important;
  margin:0 auto 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh046-dashboard-scope{
  color:#8fb7d4!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh046-dashboard-total,
html.mpmh-frontconv006 body #shellMain .mpmh046-mapped-network,
html.mpmh-frontconv006 body #shellMain .mpmh047-signals-reach{
  border:1px solid rgba(143,198,255,.18)!important;
  background:#000!important;
  box-shadow:none!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh046-dashboard-core,
html.mpmh-frontconv006 body #shellMain .mpmh046-dashboard-primary{
  border-color:rgba(143,198,255,.14)!important;
  background:rgba(0,0,0,.12)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-signals-visualization-note,
html.mpmh-frontconv006 body #shellMain .mpmh-signal-how-to,
html.mpmh-frontconv006 body #shellMain .mpmh-signal-explain-grid{
  width:calc(100% - clamp(24px,4vw,64px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-signals-visualization-note,
html.mpmh-frontconv006 body #shellMain .mpmh-signal-how-to{
  color:#a9c4d7!important;
  background:transparent!important;
  border-color:rgba(143,198,255,.12)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-signal-explain-card{
  border:1px solid rgba(143,198,255,.14)!important;
  background:rgba(0,0,0,.16)!important;
}

/* ---------------------------------------------------------------------
   INSIGHTS — clean expandable chapters, no forced content migration yet.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="insights"]{
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insights-body{
  padding:0!important;
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insights-shell{
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0 clamp(18px,2.7vw,40px) 50px!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insights-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:0 20px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 2px!important;
  border-bottom:1px solid rgba(143,198,255,.16)!important;
  background:#02080d!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insight-nav-link{
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#728da0!important;
  font-size:8px!important;
  font-weight:820!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insight-nav-link:hover,
html.mpmh-frontconv006 body #shellMain .mpmh-insight-nav-link:focus-visible{
  color:var(--fc006-sky)!important;outline:0!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insight-nav-link.is-active{
  color:#e9f5fc!important;
  box-shadow:inset 0 -2px 0 var(--fc006-sky)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insight-page{
  max-width:1180px!important;
  min-height:520px!important;
  margin:0 auto!important;
  padding:clamp(38px,4.6vw,68px) 0 60px!important;
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insight-page h2{
  max-width:920px!important;
  margin:0 0 18px!important;
  font-size:clamp(30px,4vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh-insight-page > p{
  max-width:920px!important;
  color:#a9bdca!important;
  font-size:14px!important;
  line-height:1.78!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh074-insight-live-readout,
html.mpmh-frontconv006 body #shellMain .mpmh076-insight-snapshot,
html.mpmh-frontconv006 body #shellMain .mpmh-insight-table,
html.mpmh-frontconv006 body #shellMain .mpmh-insight-grid{
  margin-top:28px!important;
  border-color:rgba(143,198,255,.14)!important;
}

/* ---------------------------------------------------------------------
   LEADERBOARDS — frame / width / logo rail are locked. Internal vertical polish only.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh-lb-details{
  padding-top:0!important;
  padding-bottom:20px!important;
  border-top-color:rgba(121,191,255,.26)!important;
  border-bottom-color:rgba(121,191,255,.18)!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh057-lb-detail-card{
  padding-top:18px!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh-lb-detail-identity{
  min-height:88px!important;
  padding-bottom:16px!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh-lb-overlay-region{
  padding:15px 0 14px!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh057-lb-core-readouts .mpmh-lb-readout{
  min-height:82px!important;
  padding-top:14px!important;
  padding-bottom:13px!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh057-lb-mini-trend{
  min-height:94px!important;
  padding-top:12px!important;
  padding-bottom:10px!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh057-lb-context-readouts .mpmh-lb-readout{
  min-height:52px!important;
  padding-top:10px!important;
  padding-bottom:9px!important;
}
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="leaderboards"] .mpmh057-lb-action-rail{
  min-height:40px!important;
  padding-top:9px!important;
  padding-bottom:3px!important;
}
/* Leaderboard outer geometry intentionally inherits FRONTCONV004 unchanged. */

/* ---------------------------------------------------------------------
   HOW IT WORKS — plain-English narrative foundation.
   --------------------------------------------------------------------- */
html.mpmh-frontconv006 body #shellMain > .panel[data-panel="howitworks"],
html.mpmh-frontconv006 body #shellMain .mpmh006-how-body{
  background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-body{
  padding:0!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-shell{
  width:100%!important;
  margin:0!important;
  color:#eef6fb!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-hero,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-section,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing{
  padding-left:clamp(28px,6vw,96px)!important;
  padding-right:clamp(28px,6vw,96px)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-hero{
  min-height:350px!important;
  padding-top:clamp(58px,7vw,104px)!important;
  padding-bottom:clamp(60px,7vw,100px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#061522 0%,#020912 100%)!important;
  border-bottom:1px solid rgba(143,198,255,.18)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-kicker,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-section-label,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing span{
  color:var(--fc006-sky)!important;
  font-size:9px!important;
  font-weight:880!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-hero h1{
  max-width:950px!important;
  margin:12px 0 20px!important;
  color:#fff!important;
  font-size:clamp(38px,5.4vw,76px)!important;
  line-height:.99!important;
  letter-spacing:-.04em!important;
  font-weight:880!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-hero p{
  max-width:900px!important;
  margin:0 0 12px!important;
  color:#b8ccda!important;
  font-size:clamp(14px,1.25vw,18px)!important;
  line-height:1.72!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-hero-note{
  max-width:820px!important;
  color:#86a6bb!important;
  font-size:13px!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-section{
  padding-top:clamp(48px,6vw,86px)!important;
  padding-bottom:clamp(54px,6vw,90px)!important;
  border-bottom:1px solid rgba(143,198,255,.12)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-section:nth-of-type(odd){background:#000!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-section:nth-of-type(even){background:#061522!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-section h2{
  max-width:900px!important;
  margin:10px 0 28px!important;
  color:#fff!important;
  font-size:clamp(28px,3.7vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-flow-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--fc006-line)!important;
  border-left:1px solid var(--fc006-line)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-step{
  min-height:235px!important;
  padding:24px 22px!important;
  border-right:1px solid var(--fc006-line)!important;
  border-bottom:1px solid var(--fc006-line)!important;
  background:rgba(0,0,0,.16)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-step > span{
  color:#486c85!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-step h3{
  margin:30px 0 12px!important;color:#f5f9fc!important;font-size:17px!important;line-height:1.2!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-step p,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-two-col p,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-boundary-list span,
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing p{
  color:#9fb6c5!important;font-size:13px!important;line-height:1.72!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-two-col{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(30px,5vw,80px)!important;max-width:1100px!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-signal-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;max-width:1160px!important;border-top:1px solid var(--fc006-line)!important;border-left:1px solid var(--fc006-line)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-signal-grid > div{
  min-height:190px!important;padding:22px 24px!important;border-right:1px solid var(--fc006-line)!important;border-bottom:1px solid var(--fc006-line)!important;background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-signal-grid span{
  color:var(--fc006-sky)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.12em!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-signal-grid strong{
  display:block!important;margin:20px 0 9px!important;color:#f2f7fa!important;font-size:16px!important;line-height:1.25!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-signal-grid p{
  margin:0!important;color:#8fa8b8!important;font-size:12.5px!important;line-height:1.65!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-inline-action{
  margin-top:20px!important;min-height:34px!important;padding:0 15px!important;border:1px solid rgba(143,198,255,.34)!important;background:#061522!important;color:#dff0fb!important;font-size:8px!important;font-weight:850!important;letter-spacing:.10em!important;text-transform:uppercase!important;cursor:pointer!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-inline-action:hover{border-color:var(--fc006-sky)!important;color:#fff!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-boundary-list{
  max-width:1120px!important;border-top:1px solid var(--fc006-line)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-boundary-list > div{
  display:grid!important;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)!important;gap:30px!important;padding:18px 0!important;border-bottom:1px solid rgba(143,198,255,.12)!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-boundary-list strong{color:#eef7fc!important;font-size:13px!important;line-height:1.45!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;padding-top:38px!important;padding-bottom:42px!important;background:#000!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing > div{max-width:700px!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing p{margin:8px 0 0!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing nav{display:flex!important;flex-wrap:wrap!important;gap:8px 18px!important;justify-content:flex-end!important;}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing nav button{
  border:0!important;background:transparent!important;color:#7fb9df!important;font-size:8px!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important;cursor:pointer!important;padding:0!important;
}
html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing nav button:hover{color:#fff!important;}

/* FAQ full copy audit intentionally deferred. Keep it stable in this wave. */

@media(max-width:980px){
  html.mpmh-frontconv006 body #shellMain .brand-sort-strip.mpmh240-directory-controls,
  html.mpmh-frontconv006 body #shellMain .cause-sort-strip.mpmh240-directory-controls{grid-template-columns:1fr!important;padding:6px 8px!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh240-view-selector{width:max-content!important;margin:0 0 4px!important;padding:0!important;border-right:0!important;border-bottom:1px solid var(--fc006-line)!important;}
  html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-two-col,
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-signal-grid{grid-template-columns:1fr!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing{align-items:flex-start!important;flex-direction:column!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-closing nav{justify-content:flex-start!important;}
}
@media(max-width:700px){
  html.mpmh-frontconv006 body #shellMain #categoryDiscoveryGrid.category-grid{grid-template-columns:1fr!important;}
  html.mpmh-frontconv006 body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
  html.mpmh-frontconv006 body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open{left:6px!important;right:6px!important;top:54px!important;bottom:6px!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-flow-grid{grid-template-columns:1fr!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh006-how-boundary-list > div{grid-template-columns:1fr!important;gap:6px!important;}
  html.mpmh-frontconv006 body #shellMain .mpmh-insights-nav{gap:0 14px!important;}
}
@media(prefers-reduced-motion:reduce){
  html.mpmh-frontconv006 body *{scroll-behavior:auto!important;}
}