.mp-case{border:1px solid var(--line);background:var(--surface);align-self:center;width:100%;box-shadow:12px 12px 0 #e5e1d7}.mp-case-top{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.mp-live{font-size:11px;color:#486b45}.mp-case-title{padding:26px 26px 12px}.mp-case-title h3{font-size:30px}.mp-case-title p{font-size:11px;margin:12px 0 0}.mp-people{display:flex;align-items:center;padding:8px 26px 20px;gap:6px;font-size:11px;color:var(--muted)}.mp-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8e3d8;border:2px solid var(--surface);color:var(--ink);font-size:10px}.mp-avatar:first-child{background:var(--accent);color:white}.mp-people>span:last-child{margin-left:8px}.mp-feed{padding:0 24px 20px;display:grid;gap:10px}.mp-feed>div{padding:13px 15px;border:1px solid var(--line);background:var(--paper)}.mp-feed b{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:500}.mp-feed small{font-size:10px;color:var(--muted);font-weight:400}.mp-feed p{font-size:13px;line-height:1.5;margin:7px 0 0}.mp-feed .mp-agent-next{border-left:3px solid var(--accent);background:var(--accent-soft)}.mp-case-bottom{padding:16px 24px;border-top:1px solid var(--line);display:grid;gap:7px;font-size:10px;color:var(--muted)}.mp-case-bottom strong{font-weight:500;color:var(--ink);font-size:12px}.mp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.mp-steps article{padding:28px 22px 0 0}.mp-steps h3{margin:20px 0 15px}.mp-steps p{font-size:15px}.mp-usecases{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-note{font-size:12px;line-height:1.7;color:var(--muted);padding-top:36px}.offer-card>h3{margin-top:24px}@media(max-width:1000px){.mp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-case{box-shadow:6px 6px 0 #e5e1d7}}@media(max-width:600px){.mp-steps{grid-template-columns:1fr}.mp-case-top{padding:15px}.mp-case-title{padding:20px 18px 12px}.mp-feed{padding:0 14px 16px}.mp-people{padding:8px 16px 18px}.mp-feed b{flex-wrap:wrap}.mp-case-title h3{font-size:26px}}
.mp-direction{margin-top:32px;padding:22px;border:1px solid var(--line);background:var(--accent-soft)}.mp-direction p{font-size:14px;margin:10px 0}.mp-direction strong{font-weight:500}

.mp-diagram{margin:30px 0 0;border:1px solid var(--line);background:var(--surface);padding:24px}.mp-diagram svg{display:block;width:100%;height:auto}.diagram-label{font:500 16px 'Helvetica Neue',Arial,sans-serif;fill:var(--ink)}.diagram-sub{font:12px 'Helvetica Neue',Arial,sans-serif;fill:var(--muted)}.mp-diagram figcaption{font:11px/1.7 var(--mono);color:var(--muted);padding:16px 0 0;border-top:1px solid var(--line)}.mp-learning-diagram{width:calc(100% - 96px);max-width:1456px;margin:0 auto 80px}@media(max-width:600px){.mp-diagram{padding:10px;overflow:auto}.mp-diagram svg{min-width:650px}.mp-learning-diagram{width:calc(100% - 40px)}.mp-diagram figcaption{font-size:10px}}

/* Shared case diagrams use semantic cards so the complete flow stays readable at every width. */
.mp-availability{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding:26px 0 34px;gap:28px}
.mp-availability>div+div{border-left:1px solid var(--line);padding-left:28px}
.mp-availability .mono{font-size:10px;color:var(--muted);letter-spacing:.04em}
.mp-availability h2{font-size:20px;line-height:1.25;letter-spacing:-.035em;margin:12px 0 8px}
.mp-availability p{font-size:13px;line-height:1.65;margin:0 0 12px;color:var(--muted)}
.mp-availability .text-link{font-size:12px}
.mp-live{color:var(--muted)}
.mp-case{min-width:0}
.mp-case-title h3{line-height:1.15;letter-spacing:-.04em}
.mp-case .mp-feed p{color:var(--ink)}
.mp-diagram{margin:32px 0 0;padding:28px;background:var(--surface);overflow:visible}
.mp-diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}
.mp-diagram-heading .mono{font-size:11px;color:var(--ink);line-height:1.6}
.mp-diagram-heading>span:last-child{font-size:12px;color:var(--muted);line-height:1.6}
.mp-architecture-grid{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.65fr) 30px minmax(0,1fr);gap:14px;align-items:center}
.mp-diagram-step{display:block;font-size:10px;line-height:1.7;letter-spacing:.05em;color:var(--muted);margin-bottom:17px}
.mp-node{border:1px solid var(--line);padding:19px 17px;background:var(--paper);margin-top:12px;min-width:0}
.mp-node strong{font-size:16px;font-weight:500;line-height:1.3;display:block;letter-spacing:-.025em}
.mp-node p{font-size:13px;line-height:1.6;margin:9px 0 0;color:var(--muted)}
.mp-tool-example{display:block;font-size:11px;color:var(--muted);margin-top:9px}
.mp-boundary-note{font-size:12px;line-height:1.65;margin:17px 0 0;color:var(--muted)}
.mp-flow-arrow{color:var(--accent);font-size:29px;text-align:center;line-height:1}
.mp-shared{border:1px solid var(--accent);background:var(--accent-soft);padding:23px;box-shadow:5px 5px 0 #ead8cd;min-width:0}
.mp-shared>.mp-diagram-step{color:#a23219;margin-bottom:15px}
.mp-shared h3{font-size:26px;font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0}
.mp-shared-context{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 21px}
.mp-role{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #e3c9ba}
.mp-role-icon{width:29px;height:29px;flex:none;border:1px solid #d4b29f;border-radius:50%;display:grid;place-items:center;font:10px var(--mono);background:var(--surface)}
.mp-role:first-of-type .mp-role-icon{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.mp-role strong{font-size:14px;font-weight:500;line-height:1.4}
.mp-role p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.mp-case-record{border-top:1px solid #e3c9ba;padding-top:17px;margin-top:6px}
.mp-case-record .mono{font-size:9px;letter-spacing:.04em}
.mp-case-record p{font-size:12px;line-height:1.65;margin:8px 0 0;color:var(--muted)}
.mp-result-line{display:flex;gap:12px;align-items:flex-start;padding:18px 0 0;margin:24px 0 20px;border-top:1px solid var(--line)}
.mp-result-line>span{font-size:25px;color:#a23219;line-height:1;flex:none}
.mp-result-line p{font-size:13px;line-height:1.65;margin:0;color:var(--muted)}
.mp-result-line strong{font-weight:500;color:var(--ink)}
.mp-diagram figcaption{font-size:11px;line-height:1.75;padding-top:17px}
.mp-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.mp-learning-grid>li{position:relative;display:flex;flex-direction:column;padding:20px 18px;border:1px solid var(--line);background:var(--paper);min-width:0}
.mp-learning-grid>li:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:50%;font-size:19px;line-height:1;color:var(--muted)}
.mp-learning-grid h3{font-size:24px;line-height:1.15;letter-spacing:-.045em;margin:0 0 16px}
.mp-learning-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 23px}
.mp-learning-grid .mp-learning-approval{border-color:var(--accent);background:var(--accent-soft)}
.mp-learning-output,.mp-skill-gate{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;font-size:11px;line-height:1.65;color:var(--muted)}
.mp-skill-gate{border-top-color:#ddbcaa}
.mp-skill-gate strong{display:block;font-size:12px;color:var(--ink);font-weight:500;margin-bottom:5px}
.mp-secondary-links{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.mp-secondary-links>a{padding:28px;display:grid;gap:15px;text-decoration:none}
.mp-secondary-links>a+a{border-left:1px solid var(--line)}
.mp-secondary-links .mono{font-size:10px;color:var(--muted)}
.mp-secondary-links strong{font-size:21px;line-height:1.35;font-weight:500;letter-spacing:-.025em}
.mp-secondary-links>a>span:last-child{font-size:12px;color:var(--muted)}
.mp-secondary-links>a:hover{background:var(--accent-soft)}
.mp-product-context{padding-top:24px}
.mp-product-context p,.mp-pilot-status{font-size:13px;line-height:1.75;color:var(--muted)}
.mp-product-context a{text-underline-offset:3px;color:var(--ink)}
.mp-pilot-status{border-left:2px solid var(--accent);padding-left:16px;margin-top:27px}
.primary-nav .nav-link[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:9px;text-decoration-thickness:2px}
@media(max-width:1100px){
 .mp-architecture-grid{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.5fr) 20px minmax(0,1fr);gap:8px}
 .mp-diagram{padding:22px}
 .mp-shared{padding:18px}
 .mp-node{padding:17px 13px}
 .mp-node strong{font-size:15px}
 .mp-learning-grid{gap:15px}
 .mp-learning-grid>li{padding:18px 13px}
 .mp-learning-grid>li:not(:last-child)::after{right:-15px;font-size:16px}
}
@media(max-width:800px){
 .mp-architecture-grid{display:flex;flex-direction:column;gap:17px;align-items:stretch}
 .mp-intake{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .mp-intake>.mp-diagram-step,.mp-intake>.mp-boundary-note{grid-column:1/-1;margin:0}
 .mp-intake .mp-node{margin:0}
 .mp-flow-arrow{height:24px}
 .mp-flow-arrow span{display:inline-block;transform:rotate(90deg)}
 .mp-shared{padding:23px}
 .mp-systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .mp-systems>.mp-diagram-step,.mp-systems>.mp-boundary-note{grid-column:1/-1;margin:0}
 .mp-systems .mp-node{margin:0}
 .mp-learning-grid{grid-template-columns:1fr;gap:28px}
 .mp-learning-grid>li{padding:22px}
 .mp-learning-grid>li:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-23px;font-size:18px}
 .mp-learning-grid h3{font-size:25px}
 .mp-learning-grid p{font-size:14px;margin-bottom:18px}
 .mp-learning-grid .mp-diagram-step{margin-bottom:12px}
 .mp-learning-output,.mp-skill-gate{font-size:12px}
 .mp-availability{gap:20px}
 .mp-availability>div+div{padding-left:20px}
 .mp-diagram-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:22px}
 .mp-diagram .mp-diagram-heading .mono{font-size:10px}
}
@media(max-width:600px){
 .mp-availability{grid-template-columns:1fr;gap:20px;padding-top:26px;padding-bottom:28px}
 .mp-availability>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .mp-availability h2{font-size:21px}
 .mp-availability p{font-size:14px;margin-bottom:8px}
 .mp-availability .mono{font-size:10px}
 .mp-diagram{padding:18px;margin-top:24px;overflow:visible}
 .mp-node{padding:15px 13px}
 .mp-node strong{font-size:15px}
 .mp-node p{font-size:13px}
 .mp-intake{gap:10px}
 .mp-systems{grid-template-columns:1fr;gap:10px}
 .mp-systems .mp-node{display:grid;grid-template-columns:1fr;gap:6px}
 .mp-systems .mp-node p,.mp-systems .mp-tool-example{margin:0}
 .mp-shared{padding:20px;box-shadow:3px 3px 0 #ead8cd}
 .mp-shared h3{font-size:27px}
 .mp-role strong{font-size:15px}
 .mp-role p,.mp-case-record p,.mp-boundary-note{font-size:13px}
 .mp-result-line{gap:10px;margin-top:22px}
 .mp-result-line p{font-size:13px}
 .mp-diagram figcaption{font-size:11px}
 .mp-secondary-links{grid-template-columns:1fr}
 .mp-secondary-links>a{padding:23px}
 .mp-secondary-links>a+a{border-left:0;border-top:1px solid var(--line)}
 .mp-secondary-links strong{font-size:20px}
 .mp-case-title p{font-size:12px}
 .mp-people{flex-wrap:wrap}
 .mp-people>span:last-child{font-size:12px}
 .mp-feed b{font-size:13px}
 .mp-feed small{font-size:11px}
 .mp-case-top{font-size:10px}
 .mp-pilot-status{font-size:13px}
}
@media(max-width:380px){
 .mp-intake{grid-template-columns:1fr}
 .mp-intake>.mp-diagram-step,.mp-intake>.mp-boundary-note{grid-column:auto}
 .mp-diagram{padding:15px}
 .mp-learning-grid>li{padding:19px}
}
.mp-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mp-menu-grid a{padding:18px;border:1px solid var(--line);display:grid;gap:9px}.mp-menu-grid a:hover{background:var(--accent-soft)}.mp-menu-grid strong{font-size:21px;font-weight:500}.mp-menu-grid span{font-size:13px;line-height:1.5;color:var(--muted)}.mp-menu{padding:26px}.mp-home h1{font-size:clamp(44px,4.5vw,72px)}.mp-home .hero-intro{max-width:560px}.mp-workspace{border:1px solid var(--line);background:var(--surface);box-shadow:10px 10px 0 #e5e1d7;width:100%;max-width:680px;margin:auto}.mp-workspace-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.mp-workspace-tabs button{padding:20px 12px;border:0;background:transparent;font:11px var(--mono);text-align:left}.mp-workspace-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.mp-scene-heading{padding:27px 25px 20px}.mp-scene-heading h3{font-size:29px;margin:12px 0 20px}.mp-presence{display:flex;gap:5px;align-items:center}.mp-presence>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e5dfd3;font-size:10px}.mp-presence>span:nth-child(3){background:var(--accent);color:white}.mp-presence small{font-size:10px;color:var(--muted);margin-left:7px}.mp-scene-bottom{padding:17px 24px;border-top:1px solid var(--line);font:11px/1.6 var(--mono);color:var(--muted)}.mp-demo-label{font:10px/1.5 var(--mono);padding:0 24px 15px;margin:0}.mp-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line)}.mp-lifecycle>a{display:flex;flex-direction:column;gap:22px;padding:25px 20px;border-right:1px solid var(--line)}.mp-lifecycle>a:last-child{border:0}.mp-lifecycle>a:hover{background:var(--accent-soft)}.mp-lifecycle strong{font-size:26px;font-weight:500;letter-spacing:-1px}.mp-lifecycle span:not(.mono){font-size:14px;line-height:1.5;color:var(--muted)}.mp-lifecycle b{margin-top:auto;font-size:22px;color:var(--accent);font-weight:400}.mp-loop{padding:17px 20px;background:var(--accent-soft);font:11px/1.7 var(--mono)}.mp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.mp-card{padding:28px 22px;border-right:1px solid var(--line)}.mp-card:last-child{border:0}.mp-card:hover{background:var(--accent-soft)}.mp-card h3{font-size:25px;margin:30px 0 20px}.mp-card p{font-size:14px;margin:0}.mp-detail h1{max-width:1000px}.mp-detail .hero-intro{max-width:760px;margin-top:30px}.mp-detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.mp-detail-list article{padding:25px 30px 25px 0}.mp-detail-list h3{font-size:25px;margin-top:25px}.mp-architecture{margin:0;background:var(--surface);border:1px solid var(--line);padding:35px}.mp-arch-row{display:flex;justify-content:center;gap:18px}.mp-arch-row>.mp-node{width:100%;max-width:600px}.mp-arch-three>.mp-node{max-width:320px}.mp-node{border:1px solid var(--line);padding:24px;text-align:center;display:grid;gap:10px}.mp-node strong{font-size:20px;font-weight:500;letter-spacing:-.4px}.mp-node span{font-size:13px;line-height:1.5;color:var(--muted)}.mp-node-accent{background:var(--accent-soft);border-color:var(--accent)}.mp-connector{text-align:center;color:var(--accent);font-size:27px;padding:13px}.mp-architecture figcaption{font:11px/1.7 var(--mono);color:var(--muted);margin-top:30px}.platform-band .section-heading{margin-bottom:0}
@media(max-width:1100px){.mp-lifecycle{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-lifecycle>a{border-bottom:1px solid var(--line)}.mp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-card{border-bottom:1px solid var(--line)}}@media(max-width:750px){.mp-menu-grid{grid-template-columns:1fr}.mp-menu{padding:16px}.mp-lifecycle{grid-template-columns:1fr}.mp-lifecycle>a{border-right:0;padding:22px;gap:12px}.mp-cards{grid-template-columns:1fr}.mp-card{border-right:0}.mp-detail-list{grid-template-columns:1fr}.mp-arch-three{flex-direction:column;align-items:center}.mp-arch-three>.mp-node{max-width:100%}.mp-architecture{padding:20px}.mp-home h1{font-size:clamp(42px,9.8vw,66px)}.mp-workspace{box-shadow:5px 5px 0 #e5e1d7}.mp-scene-heading{padding:22px 18px}.mp-workspace-tabs button{padding:18px 10px;font-size:10px}.mp-presence small{font-size:9px}.mp-node{padding:20px 12px}}