:root {
  --mhc-bg: #050b14;
  --mhc-bg-deep: #07111f;
  --mhc-panel: rgba(11, 23, 38, .76);
  --mhc-panel-strong: #0e1d30;
  --mhc-line: rgba(255, 255, 255, .10);
  --mhc-line-strong: rgba(41, 217, 255, .34);
  --mhc-text: #f7fbff;
  --mhc-muted: #9fb0c5;
  --mhc-muted-2: #6f899a;
  --mhc-cyan: #29d9ff;
  --mhc-cyan-2: #0e91b8;
  --mhc-blue: #4986ff;
  --mhc-silver: #c8d5dd;
  --mhc-green: #47e0a1;
  --mhc-warning: #ffcd70;
  --mhc-danger: #ff6b7f;
  --mhc-shadow: 0 30px 90px rgba(0, 0, 0, .36);
  --mhc-radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--mhc-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(41, 217, 255, .11), transparent 30%),
    radial-gradient(circle at 92% 16%, rgba(138, 108, 255, .12), transparent 28%),
    linear-gradient(180deg, var(--mhc-bg) 0%, var(--mhc-bg-deep) 40%, var(--mhc-bg) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img { max-width: 100%; display: block; }

::selection { background: rgba(41, 217, 255, .28); color: #fff; }

.page-noise {
  position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.section { position: relative; padding: 110px 0; }

.hero { min-height: 860px; position: relative; overflow: hidden; padding: 150px 0 66px; display: flex; align-items: center; }
.hero-grid {
  position: absolute; inset: 0; opacity: .18;
  background-image: linear-gradient(rgba(100, 186, 220, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(100, 186, 220, .13) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.hero-grid::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--mhc-bg) 0%, transparent 25%, transparent 78%, var(--mhc-bg) 100%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .25; }
.glow-a { width: 480px; height: 480px; background: #057da3; left: -220px; top: 120px; }
.glow-b { width: 520px; height: 520px; background: #123d82; right: -190px; bottom: 40px; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1.06fr .94fr; gap: 58px; align-items: center; }
.eyebrow, .section-kicker { color: var(--mhc-cyan); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(41, 217, 255, .17); background: rgba(7, 34, 49, .52); border-radius: 999px; }
.pulse-dot { width: 7px; height: 7px; background: var(--mhc-cyan); border-radius: 50%; box-shadow: 0 0 0 0 rgba(41, 217, 255, .5); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px rgba(41, 217, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(41, 217, 255, 0); } }
.hero h1 { margin: 24px 0 24px; font-size: clamp(49px, 6vw, 82px); line-height: .98; letter-spacing: -.055em; max-width: 780px; }
.hero h1 span { display: inline-block; margin-top: 9px; color: transparent; -webkit-text-stroke: 1px rgba(224, 242, 249, .66); text-stroke: 1px rgba(224, 242, 249, .66); }
.hero-lead { max-width: 650px; margin: 0; color: #a8bbc7; font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; gap: 14px; margin-top: 34px; flex-wrap: wrap; }
.btn { min-height: 50px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 12px; border: 1px solid transparent; cursor: pointer; font-size: 13px; font-weight: 700; transition: transform .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease); }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, #2cdaee, #1686ca); color: #031019; box-shadow: 0 12px 34px rgba(25, 171, 215, .22); }
.btn-primary:hover { background: linear-gradient(135deg, #2cdaee, #1686ca); border-color: transparent; box-shadow: 0 16px 42px rgba(25, 171, 215, .35); }
.btn-ghost { background: rgba(10, 34, 49, .6); border-color: rgba(176, 216, 234, .18); color: #e8f3f7; }
.btn-ghost:hover { background: rgba(13, 49, 70, .72); }
.hero-principles { margin-top: 42px; padding-top: 22px; border-top: 1px solid rgba(170, 207, 223, .13); display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.hero-principles div { display: flex; flex-direction: column; gap: 2px; }
.hero-principles b { color: var(--mhc-cyan); font-size: 10px; letter-spacing: .12em; }
.hero-principles span { color: #bccbd3; font-size: 11px; }

.hero-visual { position: relative; min-height: 600px; }
.orbit-stage { position: relative; width: min(100%, 590px); aspect-ratio: 1; margin: auto; }
.orbit-stage::before { content: ""; position: absolute; inset: 15%; border-radius: 50%; background: radial-gradient(circle, rgba(44, 205, 238, .13), rgba(2, 10, 17, .12) 56%, transparent 70%); filter: blur(1px); }
.orbit-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(98, 198, 229, .21); }
.orbit-ring-one { inset: 8%; animation: rotate 34s linear infinite; }
.orbit-ring-one::before, .orbit-ring-one::after { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--mhc-cyan); box-shadow: 0 0 24px var(--mhc-cyan); }
.orbit-ring-one::before { top: 18%; left: 1.6%; } .orbit-ring-one::after { bottom: 11%; right: 8%; }
.orbit-ring-two { inset: 24%; border-style: dashed; opacity: .58; animation: rotate 22s linear infinite reverse; }
@keyframes rotate { to { transform: rotate(360deg); } }
.hub-core { position: absolute; inset: 36%; border-radius: 50%; display: grid; place-items: center; text-align: center; z-index: 5; background: radial-gradient(circle at 35% 25%, #173e55, #071925 58%, #030b12); border: 1px solid rgba(69, 214, 245, .4); box-shadow: inset 0 0 40px rgba(16, 129, 165, .18), 0 0 55px rgba(17, 141, 180, .18); }
.hub-core-halo { position: absolute; inset: -13px; border: 1px solid rgba(41, 217, 255, .17); border-radius: 50%; animation: halo 3s ease-in-out infinite; }
@keyframes halo { 50% { transform: scale(1.05); opacity: .4; } }
.hub-core img { width: 46%; border-radius: 50%; opacity: .92; }
.hub-core div { position: absolute; bottom: 18%; display: flex; flex-direction: column; line-height: 1.2; }
.hub-core strong { font-size: 11px; letter-spacing: .16em; }
.hub-core span { color: #78a3b7; font-size: 7px; letter-spacing: .12em; }
.hub-core em { position: absolute; top: 17%; right: 16%; color: var(--mhc-green); font-size: 7px; font-style: normal; letter-spacing: .12em; }
.orbit-node { position: absolute; width: 136px; min-height: 78px; padding: 12px; border: 1px solid rgba(142, 196, 219, .2); border-radius: 17px; background: rgba(7, 24, 35, .88); backdrop-filter: blur(12px); box-shadow: 0 16px 50px rgba(0,0,0,.28); cursor: pointer; text-align: left; z-index: 8; transition: transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease); }
.orbit-node:hover, .orbit-node.active { transform: translateY(-5px); border-color: rgba(41, 217, 255, .58); background: rgba(9, 39, 55, .95); }
.orbit-node:focus-visible { outline: 2px solid var(--cyan); outline-offset: -3px; }
.orbit-node strong, .orbit-node small { display: block; }
.orbit-node strong { margin-top: 8px; font-size: 10px; letter-spacing: .08em; }
.orbit-node small { color: #82a0af; font-size: 9px; }
.node-index { color: var(--mhc-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
.node-p2p { left: 0; top: 17%; }
.node-franchise { right: 0; top: 32%; }
.node-data { left: 13%; bottom: 3%; }
.orbit-caption { position: absolute; color: #6f95a8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.orbit-caption i { width: 5px; height: 5px; border-radius: 50%; background: var(--mhc-cyan); }
.caption-top { top: 3%; left: 45%; }.caption-right { right: 1%; bottom: 26%; }.caption-bottom { bottom: 9%; right: 27%; }.caption-left { left: 3%; top: 49%; }
.data-particle { position: absolute; width: 3px; height: 3px; background: var(--mhc-cyan); border-radius: 50%; box-shadow: 0 0 14px var(--mhc-cyan); z-index: 4; }
.particle-one { top: 20%; left: 36%; animation: drift 4s ease-in-out infinite; }
.particle-two { top: 60%; right: 20%; animation: drift 4s 1s ease-in-out infinite; }
.particle-three { bottom: 23%; left: 36%; animation: drift 4s 2s ease-in-out infinite; }
@keyframes drift { 50% { transform: translate(8px, -9px) scale(1.5); opacity: .4; } }
.system-status { position: absolute; right: 0; bottom: 0; width: 255px; padding: 14px; background: rgba(4, 15, 24, .86); border: 1px solid rgba(113, 179, 206, .18); border-radius: 15px; box-shadow: var(--mhc-shadow); backdrop-filter: blur(16px); }
.status-head, .status-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.status-head { padding-bottom: 9px; margin-bottom: 7px; border-bottom: 1px solid rgba(140, 190, 211, .12); }
.status-head span { color: #8aa6b4; font-size: 8px; letter-spacing: .12em; }
.status-head span i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--mhc-green); box-shadow: 0 0 10px var(--mhc-green); }
.status-head b { color: var(--mhc-green); font-size: 8px; letter-spacing: .1em; }
.status-row { padding: 5px 0; font-size: 8px; }
.status-row span { color: #6f8998; }.status-row strong { font-weight: 600; color: #c8d9e1; }

.hero-ticker { position: absolute; bottom: 0; left: 0; right: 0; height: 46px; border-top: 1px solid rgba(145, 195, 216, .1); border-bottom: 1px solid rgba(145, 195, 216, .1); background: rgba(3, 12, 20, .58); overflow: hidden; display: flex; align-items: center; }
.ticker-track { display: flex; align-items: center; gap: 24px; width: max-content; animation: ticker 35s linear infinite; }
.ticker-track span { color: #7892a0; font-size: 9px; letter-spacing: .13em; white-space: nowrap; }
.ticker-track i { width: 4px; height: 4px; border-radius: 50%; background: var(--mhc-cyan-2); }
@keyframes ticker { to { transform: translateX(-50%); } }

.section-heading { display: grid; grid-template-columns: 1.18fr .82fr; gap: 80px; align-items: end; margin-bottom: 48px; }
.section-heading.compact { margin-bottom: 54px; }
.section-heading h2, .governance-copy h2, .value-copy h2, .contact-copy h2 { margin: 13px 0 0; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading p { margin: 0; color: var(--mhc-muted); font-size: 15px; line-height: 1.75; }
.models-section { background: linear-gradient(180deg, var(--mhc-bg-deep) 0%, #081824 55%, var(--mhc-bg) 100%); }
.model-switcher { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
.model-tab { display: flex; align-items: center; gap: 14px; min-height: 88px; padding: 16px 18px; border: 1px solid rgba(132, 187, 211, .14); background: rgba(9, 27, 40, .52); border-radius: 16px; cursor: pointer; text-align: left; transition: all .25s var(--ease); }
.model-tab:hover { background: rgba(13, 43, 60, .66); }
.model-tab:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.model-tab.active { border-color: rgba(41, 217, 255, .46); background: linear-gradient(135deg, rgba(20, 99, 128, .32), rgba(8, 27, 41, .7)); box-shadow: inset 0 0 32px rgba(41, 217, 255, .04); }
.tab-num { width: 41px; height: 41px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: var(--mhc-cyan); background: rgba(41, 217, 255, .07); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
.model-tab b, .model-tab small { display: block; }
.model-tab b { font-size: 13px; }.model-tab small { margin-top: 4px; color: var(--mhc-muted-2); font-size: 10px; }
.model-panels { min-height: 610px; }
.model-panel { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; padding: 46px; border-radius: 26px; background: linear-gradient(135deg, rgba(11, 34, 49, .92), rgba(5, 18, 29, .94)); border: 1px solid rgba(136, 193, 216, .14); box-shadow: var(--mhc-shadow); overflow: hidden; animation: panelIn .4s var(--ease); }
.model-panels .model-panel[hidden] { display: none; }
@keyframes panelIn { from { opacity: 0; transform: translateY(14px); } }
.panel-label { display: flex; align-items: center; gap: 12px; }
.panel-label span { color: var(--mhc-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: .13em; }
.panel-label i { color: #5f8090; font-style: normal; font-size: 9px; letter-spacing: .14em; }
.panel-copy h3 { margin: 16px 0 18px; font-size: clamp(32px, 4vw, 50px); line-height: 1.05; letter-spacing: -.045em; }
.panel-copy > p { margin: 0; color: #a8bbc6; font-size: 14px; line-height: 1.78; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px; }
.feature-grid > div { min-height: 126px; padding: 17px; border: 1px solid rgba(142, 193, 214, .12); border-radius: 15px; background: rgba(5, 18, 29, .44); }
.feature-icon { min-width: 33px; height: 27px; padding: 0 8px; display: inline-grid; place-items: center; border-radius: 8px; color: var(--mhc-cyan); background: rgba(41, 217, 255, .08); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; }
.feature-grid b, .feature-grid small { display: block; }
.feature-grid b { margin-top: 13px; font-size: 12px; }
.feature-grid small { margin-top: 5px; color: #7892a0; font-size: 10px; line-height: 1.55; }
.model-quote { margin-top: 20px; padding: 14px 16px; color: #b7d8e5; font-size: 11px; line-height: 1.6; border-left: 2px solid var(--mhc-cyan); background: rgba(41, 217, 255, .035); }
.panel-diagram { align-self: stretch; border: 1px solid rgba(132, 188, 211, .14); border-radius: 19px; background: rgba(2, 11, 18, .52); padding: 18px; }
.diagram-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid rgba(133, 185, 206, .12); }
.diagram-title span { color: #7895a4; font-size: 8px; letter-spacing: .15em; }.diagram-title b { color: var(--mhc-cyan); font-size: 9px; }
.flow-stack { display: grid; gap: 8px; margin-top: 16px; }
.flow-item { display: grid; grid-template-columns: 32px 1fr 18px; gap: 10px; align-items: center; padding: 11px; border-radius: 11px; border: 1px solid rgba(131, 181, 201, .09); background: rgba(9, 30, 43, .55); transition: transform .2s var(--ease), border-color .2s var(--ease); }
.flow-item:hover { transform: translateX(4px); border-color: rgba(41, 217, 255, .25); }
.flow-item > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: rgba(41, 217, 255, .07); color: var(--mhc-cyan); font-size: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.flow-item b, .flow-item small { display: block; }.flow-item b { font-size: 10px; }.flow-item small { color: #6f8997; font-size: 8px; }.flow-item > i { color: #3b849d; font-style: normal; }
.franchise-map { margin-top: 16px; min-height: 480px; position: relative; }
.map-core { width: 72%; margin: 0 auto; padding: 16px; display: grid; grid-template-columns: 54px 1fr; column-gap: 13px; border: 1px solid rgba(41, 217, 255, .28); border-radius: 15px; background: rgba(10, 43, 58, .52); }
.map-core img { grid-row: span 2; width: 54px; height: 54px; border-radius: 50%; }.map-core b { align-self: end; font-size: 11px; letter-spacing: .08em; }.map-core small { color: #7794a2; font-size: 8px; }
.map-lines { height: 60px; width: 75%; margin: auto; position: relative; border-left: 1px solid rgba(41, 217, 255, .2); border-right: 1px solid rgba(41, 217, 255, .2); border-bottom: 1px solid rgba(41, 217, 255, .2); }
.map-lines::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border-left: 1px solid rgba(41, 217, 255, .2); }
.map-lines span { position: absolute; bottom: -3px; width: 5px; height: 5px; border-radius: 50%; background: var(--mhc-cyan); }.map-lines span:nth-child(1){left:-3px}.map-lines span:nth-child(2){left:calc(50% - 2px)}.map-lines span:nth-child(3){right:-3px}
.map-branches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.map-branches > div { min-height: 100px; padding: 12px; border: 1px solid rgba(125, 178, 199, .12); border-radius: 12px; background: rgba(7, 24, 35, .64); }
.map-branches span { color: var(--mhc-cyan); font-size: 8px; }.map-branches b, .map-branches small { display: block; }.map-branches b { margin-top: 12px; font-size: 10px; }.map-branches small { color: #6f8998; font-size: 8px; }
.guardrail-list { margin-top: 14px; padding: 13px; border-radius: 12px; background: rgba(255, 198, 107, .035); border: 1px solid rgba(255, 198, 107, .15); }
.guardrail-list > b { color: var(--mhc-warning); font-size: 8px; letter-spacing: .13em; }.guardrail-list ul { margin: 10px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }.guardrail-list li { color: #91a7b2; font-size: 8px; }.guardrail-list li::before { content: "✓"; margin-right: 6px; color: var(--mhc-warning); }
.data-console { margin-top: 16px; padding: 14px; border-radius: 14px; background: #040e16; border: 1px solid rgba(41, 217, 255, .12); box-shadow: inset 0 0 36px rgba(0, 103, 146, .08); }
.console-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(123, 177, 200, .1); color: #7995a3; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 7px; }.console-head span i { display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mhc-green);margin-right:6px;box-shadow:0 0 9px var(--mhc-green)}.console-head b{color:var(--mhc-green);font-size:7px}
.data-domain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.data-domain-grid > div { min-height: 72px; padding: 9px; border-radius: 9px; border: 1px solid rgba(119, 172, 193, .09); background: rgba(8, 27, 39, .6); }.data-domain-grid span { color: #2a9aba; font-size: 7px; }.data-domain-grid b,.data-domain-grid small{display:block}.data-domain-grid b{margin-top:8px;font-size:9px}.data-domain-grid small{color:#607b89;font-size:7px}
.console-foot { margin-top: 12px; display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; color: #6b8592; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 6px; }.console-foot div{height:4px;background:#0c2532;border-radius:999px;overflow:hidden}.console-foot div i{display:block;height:100%;background:linear-gradient(90deg,var(--mhc-blue),var(--mhc-cyan));border-radius:999px}.console-foot b{color:#80a6b7;font-size:6px}

.architecture-section { overflow: hidden; }
.architecture-section::before { content:""; position:absolute; width:700px;height:700px;border-radius:50%;background:rgba(15,108,145,.09);filter:blur(90px);right:-400px;top:30px; }
.architecture-board { position: relative; display: grid; grid-template-columns: 1fr .28fr 1fr .28fr 1fr; align-items: stretch; padding: 30px; border-radius: 25px; background: rgba(7, 23, 35, .72); border: 1px solid rgba(127, 185, 208, .14); box-shadow: var(--mhc-shadow); }
.arch-column { min-width: 0; }
.column-tag { color: var(--mhc-cyan); font-size: 8px; font-weight: 700; letter-spacing: .16em; }.arch-column h3 { margin: 9px 0 19px; font-size: 22px; letter-spacing: -.03em; }
.arch-box { display:grid;grid-template-columns:34px 1fr;column-gap:10px;min-height:84px;padding:13px;margin-bottom:9px;border-radius:12px;border:1px solid rgba(127,180,201,.1);background:rgba(4,16,25,.54)}.arch-box span{grid-row:span 2;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(52,215,245,.07);color:var(--mhc-cyan);font-size:7px}.arch-box b{font-size:10px}.arch-box small{color:#6f8996;font-size:8px}
.arch-transit { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 14px; padding-top: 52px; }
.transit-line { width: 100%; height: 1px; position: relative; background: linear-gradient(90deg, rgba(52,215,245,.08), rgba(52,215,245,.55)); }.transit-line.reverse{background:linear-gradient(90deg,rgba(52,215,245,.55),rgba(52,215,245,.08))}.transit-line i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--mhc-cyan);box-shadow:0 0 9px var(--mhc-cyan);animation:transit 2.5s linear infinite}.transit-line i:nth-child(2){animation-delay:.8s}.transit-line i:nth-child(3){animation-delay:1.6s}@keyframes transit{from{left:0;opacity:0}20%{opacity:1}to{left:calc(100% - 5px);opacity:0}}.transit-line.reverse i{animation-name:transitReverse}@keyframes transitReverse{from{right:0;opacity:0}20%{opacity:1}to{right:calc(100% - 5px);opacity:0}}.transit-label{color:#506f7d;font-size:6px;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.platform-stack { display:grid;gap:9px }.platform-stack>div{display:grid;grid-template-columns:38px 1fr;column-gap:11px;min-height:64px;padding:11px;border-radius:12px;border:1px solid rgba(125,180,202,.11);background:linear-gradient(135deg,rgba(10,41,56,.6),rgba(5,18,27,.62))}.platform-stack span{grid-row:span 2;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:rgba(52,215,245,.08);color:var(--mhc-cyan);font-size:8px}.platform-stack b{font-size:10px}.platform-stack small{color:#6f8b99;font-size:8px}
.core-shell { min-height: 270px; padding: 17px; border-radius: 16px; border: 1px solid rgba(41, 217, 255, .27); background: radial-gradient(circle at 50% 5%, rgba(28, 135, 170, .18), rgba(4, 15, 23, .75) 55%); }
.core-mark{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(130,184,205,.11)}.core-mark img{width:48px;height:48px;border-radius:50%}.core-mark b{font-size:28px;letter-spacing:.06em}.core-shell ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:7px}.core-shell li{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;background:rgba(8,28,40,.65);color:#a3b8c3;font-size:9px}.core-shell li span{color:var(--mhc-cyan);font-family:ui-monospace,monospace;font-size:7px}
.architecture-outcomes { margin-top: 14px; display:grid;grid-template-columns:repeat(4,1fr);gap:10px }.architecture-outcomes>div{min-height:90px;padding:16px;border:1px solid rgba(126,181,203,.1);border-radius:14px;background:rgba(7,23,34,.48)}.architecture-outcomes b,.architecture-outcomes span{display:block}.architecture-outcomes b{font-size:12px}.architecture-outcomes span{margin-top:6px;color:#768f9c;font-size:9px}

.governance-section { background: linear-gradient(180deg, rgba(5, 18, 28, .6), rgba(8, 24, 35, .9)); }
.governance-layout { display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start }.governance-copy{position:sticky;top:125px}.governance-copy p{color:var(--mhc-muted);font-size:14px;line-height:1.78}.governance-note{margin-top:27px;padding:17px;border-radius:14px;border:1px solid rgba(255,198,107,.16);background:rgba(255,198,107,.035)}.governance-note span,.governance-note b{display:block}.governance-note span{color:var(--mhc-warning);font-size:8px;letter-spacing:.15em}.governance-note b{margin-top:9px;color:#c8d2d7;font-size:11px;line-height:1.6}
.governance-list{display:grid;gap:9px}.rule-card{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;min-height:83px;padding:14px 17px;border-radius:14px;border:1px solid rgba(126,181,202,.1);background:rgba(7,24,35,.62);transition:transform .2s var(--ease),border-color .2s var(--ease)}.rule-card:hover{transform:translateX(5px);border-color:rgba(52,215,245,.25)}.rule-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(52,215,245,.07);color:var(--mhc-cyan);font-size:8px;font-family:ui-monospace,monospace}.rule-card b,.rule-card small{display:block}.rule-card b{font-size:12px}.rule-card small{margin-top:4px;color:#768f9c;font-size:9px}.rule-card i{padding:5px 7px;border-radius:6px;background:rgba(87,230,177,.06);color:var(--mhc-green);font-size:7px;font-style:normal;letter-spacing:.1em}

.value-section { padding-top: 84px; }
.value-card { position:relative;overflow:hidden;padding:50px;border-radius:28px;border:1px solid rgba(88,204,236,.2);background:linear-gradient(135deg,rgba(12,52,70,.86),rgba(5,20,31,.95) 60%);box-shadow:var(--mhc-shadow) }.value-card::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(52,215,245,.09);filter:blur(70px);right:-180px;top:-220px}.value-copy{position:relative;max-width:760px}.value-copy p{color:var(--mhc-muted);font-size:14px;line-height:1.75}.value-metrics{position:relative;margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value-metrics>div{padding:18px;border-radius:14px;border:1px solid rgba(138,193,215,.12);background:rgba(3,14,22,.38)}.metric-num{display:block;color:var(--mhc-cyan);font-size:38px;font-weight:300;line-height:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.value-metrics small{display:block;margin-top:9px;color:#8ca2ad;font-size:9px}.value-paths{position:relative;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.value-paths>div{padding:18px;border-radius:14px;border:1px solid rgba(138,193,215,.12);background:rgba(3,14,22,.38)}.value-paths b,.value-paths span,.value-paths i{display:block}.value-paths b{color:var(--mhc-cyan);font-size:8px;letter-spacing:.12em}.value-paths span{margin-top:8px;font-size:15px;font-weight:700}.value-paths i{margin-top:6px;color:#6f8997;font-size:8px;font-style:normal;letter-spacing:.04em}

.contact-section { padding-top: 70px; }
.contact-card { display:grid;grid-template-columns:.8fr 1.35fr .85fr;gap:35px;align-items:center;padding:35px;border-radius:24px;border:1px solid rgba(130,186,208,.16);background:rgba(7,24,36,.75) }.contact-brand{display:flex;align-items:center;gap:15px}.contact-brand img{width:72px;height:72px;border-radius:50%}.contact-brand span,.contact-brand b{display:block}.contact-brand span{color:var(--mhc-cyan);font-size:9px;letter-spacing:.15em}.contact-brand b{margin-top:6px;font-size:11px;line-height:1.45}.contact-copy h2{font-size:31px}.contact-copy p{color:#7f99a7;font-size:11px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-actions .btn{width:100%}.text-link{color:#8fb0bf;font-size:9px;word-break:break-all}.text-link:hover{color:var(--mhc-cyan)}

.modal[hidden] { display:none }.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,5,10,.78);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(650px,100%);padding:38px;border-radius:24px;border:1px solid rgba(52,215,245,.25);background:linear-gradient(145deg,#0b2637,#06121c);box-shadow:0 35px 100px rgba(0,0,0,.55);animation:modalIn .3s var(--ease)}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.98)}}.modal-close{position:absolute;top:13px;right:15px;width:35px;height:35px;border:1px solid rgba(145,193,213,.14);border-radius:10px;background:rgba(5,18,27,.7);cursor:pointer;font-size:20px}.modal-card h2{margin:12px 0;font-size:40px;letter-spacing:-.04em}.modal-card>p{color:#98adb8;font-size:13px}.pitch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.pitch-steps>div{padding:14px;border-radius:13px;border:1px solid rgba(133,187,208,.12);background:rgba(4,16,25,.48)}.pitch-steps span{color:var(--mhc-cyan);font-size:8px}.pitch-steps b,.pitch-steps small{display:block}.pitch-steps b{margin-top:10px;font-size:10px}.pitch-steps small{margin-top:5px;color:#708996;font-size:8px}.modal-action{width:100%}
body.modal-open { overflow:hidden; }

.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s var(--ease),transform .7s var(--ease) }.reveal.visible{opacity:1;transform:none}

@media (max-width: 1080px) {
  .hero-layout{grid-template-columns:1fr}.hero{padding-top:135px}.hero-copy{max-width:850px}.hero-visual{min-height:580px}.orbit-stage{max-width:620px}.section-heading{gap:35px}.model-panel{grid-template-columns:1fr}.panel-diagram{min-height:500px}.architecture-board{grid-template-columns:1fr;gap:16px}.arch-transit{height:64px;padding:0;flex-direction:row}.transit-line{height:1px}.transit-label{writing-mode:initial;transform:none;white-space:nowrap}.architecture-outcomes{grid-template-columns:1fr 1fr}.governance-layout{grid-template-columns:1fr}.governance-copy{position:static;max-width:750px}.contact-card{grid-template-columns:1fr 1.3fr}.contact-actions{grid-column:1/-1;flex-direction:row;align-items:center}.contact-actions .btn{width:auto}
}

@media (max-width: 760px) {
  .section{padding:78px 0}.hero{min-height:auto;padding:115px 0 70px}.hero h1{font-size:47px}.hero-lead{font-size:14px}.hero-principles{grid-template-columns:1fr 1fr}.hero-visual{min-height:490px;margin-top:25px}.orbit-stage{width:460px;max-width:100%;transform:scale(.94)}.orbit-node{width:112px;min-height:68px}.node-p2p{left:-4%;top:16%}.node-franchise{right:-4%;top:30%}.node-data{left:7%;bottom:3%}.system-status{width:225px;right:0;bottom:-10px}.orbit-caption{display:none}
  .section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.section-heading h2,.governance-copy h2,.value-copy h2{font-size:39px}.model-switcher{grid-template-columns:1fr}.model-tab{min-height:72px}.model-panel{padding:24px;gap:30px}.panel-copy h3{font-size:37px}.feature-grid{grid-template-columns:1fr}.panel-diagram{min-height:auto}.data-domain-grid{grid-template-columns:1fr 1fr}.architecture-board{padding:18px}.architecture-outcomes{grid-template-columns:1fr}.governance-layout{gap:35px}.rule-card{grid-template-columns:42px 1fr}.rule-card i{display:none}.value-card{padding:28px}.value-metrics{grid-template-columns:1fr 1fr}.value-paths{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr;padding:24px}.contact-copy h2{font-size:29px}.contact-actions{grid-column:auto;flex-direction:column;align-items:stretch}.contact-actions .btn{width:100%}.pitch-steps{grid-template-columns:1fr}.modal-card{padding:28px 20px}.modal-card h2{font-size:32px}
}

@media (max-width: 450px) {
  .hero h1{font-size:42px}.hero-actions{display:grid}.btn{width:100%}.orbit-stage{width:390px;left:50%;transform:translateX(-50%) scale(.9)}.orbit-node{width:100px;padding:9px}.node-p2p{left:-5%}.node-franchise{right:-5%}.system-status{width:210px;right:0}.hub-core strong{font-size:8px}.model-panel{padding:19px}.feature-grid>div{min-height:115px}.map-core{width:90%}.map-branches{grid-template-columns:1fr}.map-lines{display:none}.guardrail-list ul{grid-template-columns:1fr}.data-domain-grid{grid-template-columns:1fr 1fr}.value-metrics{grid-template-columns:1fr 1fr}.metric-num{font-size:32px}}

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