/* The visitor already works with a coding agent. These layouts explain the next step. */
/* Proposed assignments have no fabricated timings or outcome charts. */
.assignment-opening { display: grid; grid-template-columns: 1.1fr 1fr; align-items: stretch; background: #dce8d8; }
.assignment-question { padding: 36px 40px; }
.fleet-usecase .assignment-question h2 { font-size: clamp(27px,2.8vw,38px); line-height: 1.22; margin-top: 18px; }
.assignment-context { padding: 36px 40px; border-left: 1px solid var(--mp-line); }
.assignment-context > p + p { margin-top: 18px; }
.assignment-context .near-link { margin-top: 12px; }
.investigations { padding-block: 52px; }
.investigation-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 30px; }
.investigation-heading > p { font-size: 13px; color: #49665f; }
.investigation-lanes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; border-block: 1px solid var(--mp-line); }
.investigation-lanes li { padding: 24px 28px 28px; min-width: 0; }
.investigation-lanes li:first-child { padding-left: 0; }
.investigation-lanes li + li { border-left: 1px solid var(--mp-line); }
.investigation-number { font: 12px/1.5 'IBM Plex Mono',monospace; color: #49665f; }
.fleet-usecase .investigation-lanes h3 { font-size: 26px; margin-block: 12px; }
.investigation-lanes p { font-size: 16px; }
.investigation-sharing { display: flex; align-items: center; gap: 24px; padding: 22px 0 0; }
.investigation-sharing > span { font-size: 32px; color: var(--mp-green); }
.fleet-usecase .investigation-sharing p { max-width: 76ch; font-size: 15px; }
.assignment-return { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; padding-block: 10px 48px; }
.fleet-usecase .assignment-return h2 { font-size: clamp(30px,3vw,42px); margin-block: 18px 22px; }
.assignment-output { border-top: 2px solid var(--mp-green); padding-top: 20px; }
.assignment-output ul { list-style: none; padding: 0; margin: 10px 0 22px; }
.assignment-output li { padding-block: 12px; border-bottom: 1px solid var(--mp-line); font-weight: 600; }
.assignment-output > p:last-child { font-size: 15px; }
.assignment-action { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 30px; border-top: 1px solid var(--mp-line); }
.fleet-usecase .assignment-action h2 { font-size: 28px; margin-bottom: 10px; }
.assignment-action p { font-size: 15px; }
@media(max-width:800px) {
 .assignment-opening,.assignment-return { grid-template-columns: 1fr; }
 .assignment-question,.assignment-context { padding: 28px; }
 .assignment-context { border-left: 0; border-top: 1px solid var(--mp-line); }
 .assignment-return { gap: 30px; }
 .assignment-action { align-items: start; flex-direction: column; gap: 18px; }
 .investigation-heading { align-items: start; flex-direction: column; gap: 12px; }
 .investigation-lanes { grid-template-columns: 1fr; }
 .investigation-lanes li,.investigation-lanes li:first-child { padding: 20px 0; }
 .investigation-lanes li + li { border-left: 0; border-top: 1px solid var(--mp-line); }
 .fleet-usecase .investigation-lanes h3 { display: inline; margin-left: 16px; font-size: 24px; }
 .investigation-lanes p { margin-top: 12px; }
 .investigations { padding-block: 36px; }
}
.mp-interior .mp-hero { padding-block: 66px 52px; }
.mp-interior .mp-hero.hero-reading { padding-block: 60px 44px; }
.mp-hero .dek { max-width: 55ch; }
.agent-first, .agent-first-home { font: 17px/1.7 Manrope,sans-serif; }
.agent-first { padding-bottom: 64px; }
.agent-first :is(h2,h3), .agent-first-home :is(h2,h3) { font-family: Archivo,sans-serif; font-weight: 500; letter-spacing: -.035em; line-height: 1.12; text-wrap: pretty; }
.agent-first h2, .agent-first-home h2 { font-size: clamp(32px,3.25vw,48px); }
.agent-first p, .agent-first-home p { max-width: 52ch; }
.chapter-number { display: block; margin-bottom: 22px; font: 12px/1.5 Manrope,sans-serif; letter-spacing: .02em; }
.near-link, .story-link, .source-link, .text-link { display: inline-flex; width: fit-content; justify-content: flex-start; align-items: baseline; gap: 9px; padding-block: 10px; font: 500 15px/1.5 Manrope,sans-serif; text-decoration: none; }
.near-link > span, .story-link > span { flex: 0 0 auto; }
.near-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.mp-button { justify-content: center; gap: 12px; }
.mp-button:hover { text-decoration: none; }
.related-list > a, .reading-nav > a, .card-link, .nav-panel > a { justify-content: flex-start; gap: 10px; }
.card-link { width: fit-content; }
.footer-top a > span, .footer-bottom a > span { margin-left: 5px; }
.nav-group > .nav-expand { display: flex; gap: 6px; width: auto; padding: 12px 0; color: inherit; font: inherit; background: none; border: 0; }
.nav-group > .nav-expand::before { display: none; }
.nav-group > .nav-expand::after { content: ''; width: 6px; height: 6px; margin-left: 2px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-2px) rotate(45deg); }
.nav-group > .nav-expand[aria-expanded=true]::after { transform: translateY(1px) rotate(-135deg); }
.nav-group > .nav-expand:hover { text-decoration: underline; text-underline-offset: 5px; }
.nav-panel > a:first-child { font-weight: 700; border-bottom: 1px solid var(--mp-line); border-radius: 0; margin-bottom: 5px; }

/* A single action; success feedback is fixed to the viewport and never inserts a panel. */
.agent-strip { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 36px; border-block: 1px solid var(--mp-line); }
.agent-first-home .agent-strip { border-top: 0; }
.agent-strip h2 { font-size: 24px; line-height: 1.25; margin: 0 0 7px; }
.agent-strip p { font-size: 15px; margin: 0; }
.copy-link { flex: 0 0 auto; white-space: nowrap; }
.copy-link svg { width: 19px; height: 19px; flex-shrink: 0; }
.copy-toast { position: fixed; z-index: 1001; bottom: 28px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100vw - 32px); padding: 15px 22px; background: #092f35; color: var(--mp-ivory); border: 1px solid #b5d9c760; border-radius: 4px; box-shadow: 0 4px 30px #092f3520; font: 14px/1.5 Manrope,sans-serif; }
.copy-fallback { inset: 0; margin: auto; width: min(640px,calc(100vw - 32px)); max-height: calc(100dvh - 40px); height: fit-content; box-shadow: 0 20px 100px #0003; }
.copy-fallback::backdrop { background: #092f3580; }
.copy-fallback textarea { min-height: 180px; height: 220px; resize: vertical; padding: 16px; border: 1px solid var(--mp-line); background: #fff; font-size: 15px; }
.copy-fallback label { display: block; padding-top: 40px; }

/* A concept chart expands toward fleets rather than squeezing them into a funnel. */
.capability-curve { width: 100%; min-width: 0; color: var(--mp-green); }
.curve-plot { position: relative; width: 100%; min-width: 0; aspect-ratio: 1100 / 310; min-height: 150px; }
.curve-plot > svg { display: block; width: 100%; height: 100%; position: absolute; inset: 0; overflow: visible; }
.curve-axis-label,.curve-position-label { position: absolute; font: clamp(12px,1.1vw,14px)/1.4 Manrope,sans-serif; }
.curve-axis-label { left: 1.8%; top: 7%; }
.curve-position-label { left: 62.5%; bottom: calc(34.5% + 32px); transform: translateX(-50%); white-space: nowrap; }
.curve-labels { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; padding: 12px 0 0; text-align: center; }
.curve-labels > div { display: grid; gap: 6px; }
.curve-labels strong { font: 500 clamp(17px,2vw,26px)/1.2 Archivo,sans-serif; letter-spacing: -.025em; }
.curve-labels span { font: 14px/1.5 Manrope,sans-serif; color: #49665f; }
.curve-labels > div:last-child { color: var(--mp-green); }
.frontier-editorial { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; padding-block: 90px; align-items: start; }
.frontier-editorial h2 { margin-bottom: 26px; }
.frontier-editorial p { margin-bottom: 24px; }
.frontier-source { margin-top: 20px; }
.frontier-source .near-link { font-size: 13px; color: #49665f; }

/* Individual machines and communication use a single coordinate surface. */
.fleet-scene { position: relative; background: #0d404b; color: var(--mp-ivory); overflow: hidden; padding: 26px; border-radius: 3px; }
.scene-label { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 20px; font: 11px/1.5 Manrope,sans-serif; color: #d2e1d1; margin-bottom: 28px; }
.machine-grid { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 13px; }
.fleet-machine { padding: 4px 4px 6px; min-width: 0; border: 1px solid #b5d9c77a; background: #165762; border-radius: 3px; position: relative; animation: machine-light 4s var(--delay) infinite alternate; }
.machine-top { display: flex; justify-content: space-between; align-items: center; gap: 3px; padding-bottom: 5px; }
.machine-top i { width: 3px; height: 3px; border-radius: 50%; background: var(--mp-mint); }
.machine-top b { font: 7px monospace; font-weight: 400; color: #b5d9c7b0; }
.machine-code { display: grid; gap: 4px; }
.machine-code i { display: block; height: 2px; background: #b5d9c7; width: 70%; opacity: .7; }
.machine-code i:nth-child(2) { width: 90%; opacity: .4; }
.machine-code i:nth-child(3) { width: 40%; }
.message-paths { position: absolute; inset: 70px 26px 26px; width: calc(100% - 52px); height: calc(100% - 96px); pointer-events: none; }
.message-paths path { stroke: #d3efb3; stroke-width: 2; stroke-dasharray: 7 70; fill: none; animation: message-travel 3.4s linear infinite; }
.message-paths path:nth-child(2) { animation-delay: -1.4s; stroke: #fff2b0; }
.message-paths path:nth-child(3) { animation-delay: -2.2s; }
.message-paths path:nth-child(4) { animation-delay: -.8s; stroke: white; }
@keyframes message-travel { to { stroke-dashoffset: -308; } }
@keyframes machine-light { 0%,55% { background: #165762; } 85%,100% { background: #29796f; border-color: #d1e5b9; } }
.feature-chapter { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; padding-block: 54px 70px; align-items: center; border-top: 1px solid var(--mp-line); }
.feature-chapter:first-child { padding-top: 0; border: 0; }
.feature-chapter h2 { margin-bottom: 26px; }
.feature-chapter p { margin-bottom: 20px; }
.feature-chapter.reverse > div:first-child { order: 2; }
.feature-chapter.reverse { grid-template-columns: 1.1fr .9fr; }
.handoff-band { background: #dce8d8; padding: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-block: 12px 26px; }
.handoff-band h2 { margin-bottom: 24px; }
.handoff-band p { margin-bottom: 16px; }
.result-browser { background: var(--mp-paper); border: 1px solid #123f4740; box-shadow: 10px 10px 0 #123f4710; }
.result-title { padding: 14px 22px; border-bottom: 1px solid var(--mp-line); font: 13px/1.6 Manrope,sans-serif; }
.result-tree { display: grid; gap: 13px; padding: 24px; font: 14px/1.5 'IBM Plex Mono',monospace; }
.result-tree span:first-child { margin-bottom: 4px; }
.result-return { padding: 20px 24px; border-top: 1px solid var(--mp-line); font: 14px/1.5 Manrope,sans-serif; background: #b5d9c74a; }
.feature-tools { display: flex; flex-wrap: wrap; gap: 12px 36px; margin-bottom: 40px; }
.coordination-page > .fleet-scene { max-width: 900px; margin-inline: auto; }
.coordination-explanation { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-block: 60px; }
.coordination-explanation p + p { margin-top: 20px; }
.communication-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-bottom: 60px; }
.communication-pair section { border-top: 1px solid var(--mp-line); padding-top: 24px; }
.communication-pair h3 { font-size: 28px; margin-bottom: 18px; }

/* Home chapters are deliberately different from the detail pages. */
.home-explanation { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 64px; padding-block: 76px; }
.home-explanation h2 { margin-bottom: 24px; }
.home-explanation p { margin-bottom: 18px; }
.home-capability { padding-block: 60px; border-block: 1px solid var(--mp-line); display: grid; grid-template-columns: .65fr 1.35fr; gap: 24px 44px; align-items: center; }
.home-capability h2 { font-size: clamp(30px,3vw,42px); }
.home-capability .near-link { grid-column: 2; }
.home-continuity { display: grid; grid-template-columns: 1.05fr .95fr; gap: 100px; align-items: center; padding-block: 76px; }
.home-continuity h2 { margin-bottom: 24px; }
.home-continuity p { margin-bottom: 16px; }
.home-work-links { border-top: 1px solid var(--mp-line); padding-block: 42px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 60px; }
.home-work-links h2 { grid-row: span 4; align-self: start; }
.home-work-links a { font-size: 20px; }
.home-end { border-top: 1px solid var(--mp-line); padding-block: 64px 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.home-end > div { display: grid; justify-items: start; gap: 14px; }

/* Agent-first onboarding: one concrete action, illustrated in a familiar session. */
.agent-tutorial { display: grid; grid-template-columns: .7fr 1.3fr; gap: 64px; align-items: center; padding-bottom: 68px; }
.tutorial-steps { margin-bottom: 30px; }
.tutorial-steps p { display: flex; gap: 14px; align-items: baseline; font-size: 17px; margin-bottom: 20px; }
.tutorial-steps b { display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; border: 1px solid var(--mp-line); border-radius: 50%; font-size: 13px; font-weight: 500; }
.tutorial-instructions .tutorial-helper { font-size: 14px; max-width: 31ch; margin-block: 20px 12px; }
.agent-demo { background: #103e46; color: var(--mp-ivory); border-radius: 6px; overflow: hidden; box-shadow: 12px 12px 0 #123f4710; }
.demo-tabs { display: flex; gap: 6px; background: #e3e9dc; padding: 9px; color: var(--mp-ink); }
.demo-tabs button { border: 0; background: transparent; color: inherit; padding: 9px 13px; font: 13px/1.5 Manrope,sans-serif; border-radius: 3px; }
.demo-tabs button[aria-selected=true] { background: var(--mp-paper); box-shadow: 0 1px 4px #123f471a; }
#agent-demo-panel { padding: 26px; }
.demo-top { display: flex; justify-content: space-between; gap: 20px; font: 12px/1.5 Manrope,sans-serif; opacity: .8; margin-bottom: 26px; }
.demo-paste { position: relative; padding: 20px; background: #1e5158; border: 1px solid #b5d9c740; border-radius: 3px; }
.demo-paste > span, .demo-answer > span { display: block; font-size: 12px; color: #b5d9c7; margin-bottom: 10px; }
.demo-paste p, .demo-answer p { font: 14px/1.85 Manrope,sans-serif; }
.demo-paste b { font-weight: 500; overflow-wrap: anywhere; }
.demo-caret { display: inline-block; width: 7px; height: 13px; margin-top: 5px; background: var(--mp-mint); animation: caret 1s steps(2) infinite; }
.demo-reading { display: flex; align-items: center; gap: 10px; font: 13px/1.5 Manrope,sans-serif; margin: 26px 0 12px; }
.reading-pulse { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--mp-mint); animation: caret 1.8s ease infinite; }
.demo-urls { display: flex; flex-wrap: wrap; gap: 7px; font: 11px/1.4 monospace; padding-left: 17px; color: #c1d6cb; }
.demo-urls span { border-bottom: 1px solid #b5d9c740; padding-bottom: 4px; }
.demo-answer { margin-top: 30px; border-top: 1px solid #b5d9c730; padding-top: 18px; }
.demo-paste,.demo-reading,.demo-urls,.demo-answer { transition: opacity .4s ease, transform .4s ease; }
#agent-demo-panel[data-stage="0"] .demo-paste { opacity: .25; transform: translateY(3px); }
#agent-demo-panel[data-stage="0"] :is(.demo-reading,.demo-urls,.demo-answer),#agent-demo-panel[data-stage="1"] :is(.demo-reading,.demo-urls,.demo-answer),#agent-demo-panel[data-stage="2"] .demo-answer { opacity: .12; }
@keyframes caret { 50% { opacity: .2; } }
.agent-questions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; border-block: 1px solid var(--mp-line); padding-block: 42px; }
.agent-questions p { font-size: 20px; padding-block: 12px; }
.copy-source { margin-top: 32px; }
.copy-source summary { cursor: pointer; font-weight: 600; padding-block: 12px; }
.copy-source pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.7 'IBM Plex Mono',monospace; background: #e2eadc; padding: 24px; }
.copy-source p { font-size: 14px; }
.agent-reading-index { display: flex; flex-wrap: wrap; gap: 15px 30px; padding-top: 36px; }
.agent-reading-index h2 { flex-basis: 100%; font-size: 26px; margin-bottom: 8px; }

/* Responsibility is concrete: what the customer does and what their agent does. */
.workflow-route { display: flex; align-items: center; gap: 25px; margin-bottom: 64px; }
.workflow-route > div { flex: 1; padding: 30px 24px; border: 1px solid var(--mp-line); }
.workflow-route span { display: block; font-size: 13px; margin-bottom: 8px; }
.workflow-route strong { font: 500 24px/1.2 Archivo,sans-serif; }
.workflow-route .route-fleet { background: var(--mp-green); color: var(--mp-ivory); border-color: var(--mp-green); }
.workflow-ledger > section { display: grid; grid-template-columns: 45px 1fr .85fr; gap: 26px 45px; padding-block: 38px; border-top: 1px solid var(--mp-line); }
.ledger-number { padding-top: 8px; font: 14px/1.5 monospace; }
.ledger-copy h2 { font-size: 32px; margin-bottom: 20px; }
.ledger-copy p { font-size: 16px; }
.effort-split { padding-left: 28px; border-left: 1px solid var(--mp-line); }
.effort-split > div + div { margin-top: 18px; }
.effort-split span { font-size: 12px; font-weight: 700; }
.effort-split p { font-size: 15px; margin-top: 5px; }
.availability-line { font-size: 14px; color: #49665f; padding-block: 20px 44px; }

/* Comparison opens with the actual choice, then answers the questions underneath. */
.build-or-use { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.use-fleet, .build-fleet { padding: 36px; background: #e3eadc; }
.use-fleet { background: var(--mp-green); color: var(--mp-ivory); }
.use-path { display: grid; justify-items: center; gap: 8px; padding: 0 0 22px; }
.use-path strong { font: 500 46px/1.4 Archivo,sans-serif; letter-spacing: -.04em; }
.use-path > span { padding: 10px 18px; border: 1px solid #b5d9c740; font-size: 15px; }
.use-path i { font-size: 22px; font-style: normal; opacity: .65; }
.build-fleet ul { margin: 0 0 20px; padding: 0; list-style: none; }
.build-fleet li { padding: 12px 0; border-bottom: 1px solid var(--mp-line); font-size: 15px; }
.build-fleet li:first-child { padding-top: 0; }
.objections { padding-block: 28px; }
.objections article { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; padding-block: 40px; border-bottom: 1px solid var(--mp-line); }
.objections h2 { font-size: 30px; max-width: 24ch; }
.objections p { margin-bottom: 16px; }
.compare-more { display: flex; flex-wrap: wrap; gap: 12px 36px; padding-bottom: 36px; }

/* Pricing separates a purchase from an estimate of consumption. */
.purchase-heading { display: flex; justify-content: space-between; gap: 20px; font-size: 13px; padding-bottom: 20px; }
.purchase-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.purchase-card { display: flex; flex-direction: column; border: 1px solid var(--mp-line); border-radius: 4px; padding: 32px; }
.purchase-name { font-size: 16px; }
.purchase-card h2 { font: 500 56px/1.1 Archivo,sans-serif; letter-spacing: -.04em; margin-block: 26px 16px; }
.purchase-card small { font: 16px/1.5 Manrope,sans-serif; letter-spacing: normal; white-space: nowrap; }
.purchase-card p { font-size: 15px; }
.credit-example { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding-block: 25px; min-height: 86px; margin-top: 20px; border-top: 1px solid var(--mp-line); font-size: 16px; }
.credit-example strong { font-weight: 500; }
.bonus-card { background: #e3ebdc; border-color: #9eb9a6; }
.bonus-credit { background: #c7dfb7; color: #164f3d; border-radius: 3px; padding: 6px 10px; font-size: 14px; }
.purchase-card .mp-button { width: 100%; }
.fleet-estimator { padding-block: 66px; }
.estimator-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 64px; margin-bottom: 32px; }
.estimator-intro .chapter-number { grid-column: 1/-1; margin-bottom: 0; }
.estimator-intro p { align-self: center; max-width: 39ch; }
.estimator-workspace { display: grid; grid-template-columns: 1.15fr .85fr; border: 1px solid var(--mp-line); border-radius: 4px; overflow: hidden; }
.estimator-controls { padding: 32px 36px; }
.slider-control + .slider-control { margin-top: 35px; }
.slider-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.slider-heading label { font-size: 15px; }
.slider-heading input { width: 100px; text-align: right; border: 1px solid var(--mp-line); padding: 8px 10px; font: 500 20px Archivo,sans-serif; color: inherit; background: transparent; border-radius: 2px; }
.slider-control input[type=range] { display: block; width: 100%; height: 24px; margin: 0; accent-color: var(--mp-green); cursor: pointer; }
.range-labels { display: flex; justify-content: space-between; gap: 16px; font-size: 12px; color: #49665f; margin-top: 5px; }
.agent-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.agent-presets button { background: none; color: inherit; border: 1px solid var(--mp-line); border-radius: 3px; padding: 6px 14px; font-size: 13px; min-height: 36px; }
.agent-presets button[aria-pressed=true] { background: var(--mp-green); color: var(--mp-ivory); border-color: var(--mp-green); }
.duration-value { display: flex; align-items: center; gap: 8px; }
.duration-value input { width: 70px; }
.duration-value select { padding: 8px; border: 1px solid var(--mp-line); border-radius: 2px; background: transparent; color: inherit; font-size: 14px; }
.estimator-output { background: var(--mp-green); color: var(--mp-ivory); padding: 34px; display: flex; flex-direction: column; justify-content: center; }
.estimator-output > span { font-size: 14px; }
.estimator-output .calculator-results { display: block; padding: 0; background: none; color: inherit; margin-top: 10px; }
.estimator-output [data-calc-credits] { display: block; font: 500 clamp(44px,5vw,68px)/1.1 Archivo,sans-serif; letter-spacing: -.04em; }
.estimator-output .calculator-results > span { font-size: 17px; display: block; margin-top: 4px; }
.estimate-price { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-block: 24px 16px; margin-top: 24px; border-top: 1px solid #f1f2df50; }
.estimator-output .calculator-results > .estimate-price { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; padding: 24px 0 16px; }
.estimator-output .calculator-results > .estimate-price > span { font: 12px/1.5 Manrope,sans-serif; }
.estimate-price span { font-size: 12px; max-width: 23ch; }
.estimate-price b { font: 500 28px/1.2 Archivo,sans-serif; }
.estimator-output [data-calc-summary] { font-size: 13px; opacity: .8; }
.estimator-output .calculator-error { color: var(--mp-ivory); }
.estimate-note { font: 13px/1.65 Manrope,sans-serif; color: #49665f; margin-top: 18px; max-width: 90ch !important; }
.fleet-estimator .estimate-note { margin-top: 18px; }
.credit-explanation { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-bottom: 60px; }
.credit-explanation h2 { font-size: 32px; margin-bottom: 22px; }
.credit-explanation details { border-top: 1px solid var(--mp-line); padding-block: 20px; }
.credit-explanation summary { cursor: pointer; font: 500 17px/1.5 Manrope,sans-serif; }
.credit-explanation details p { font-size: 15px; margin-top: 16px; }

/* Directories are browsable shelves, not clones of the product page. */
.resource-directory { padding-bottom: 80px; }
.resource-directory > section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 64px; padding-block: 30px 40px; border-top: 1px solid var(--mp-line); }
.resource-directory h2 { font-size: 30px; max-width: 15ch; }
.resource-directory a { display: block; padding-block: 16px 22px; }
.resource-directory a + a { border-top: 1px solid var(--mp-line); }
.resource-directory strong { font: 500 22px/1.3 Archivo,sans-serif; }
.resource-directory strong span { font: 16px Manrope,sans-serif; margin-left: 7px; }
.resource-directory p { font-size: 15px; margin-top: 10px; }
.resource-directory a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.solution-directory { padding-bottom: 70px; }
.solution-intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; background: #e3ebdc; padding: 32px; margin-bottom: 48px; }
.solution-intro p { font: 22px/1.5 Archivo,sans-serif; }
.solution-row { display: grid; grid-template-columns: .6fr 1.2fr auto; align-items: center; gap: 36px; padding-block: 30px; border-top: 1px solid var(--mp-line); }
.solution-row > span:first-child { font-size: 14px; }
.solution-row h2 { font-size: 28px; }
.solution-row:hover h2 { text-decoration: underline; text-underline-offset: 5px; }

/* A real experiment has a result, a comparison and downloadable work. */
.result-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; padding: 42px; background: #e2eadc; border: 1px solid var(--mp-line); border-radius: 4px; }
.result-feature h2 { font-size: 38px; }
.result-stat { margin-block: 30px 22px; }
.result-stat strong { display: block; font: 500 62px/1.1 Archivo,sans-serif; letter-spacing: -.05em; }
.result-stat > span { display: block; font-size: 14px; margin-top: 12px; }
.result-feature p { font-size: 14px; }
.result-feature .near-link { margin-top: 18px; }
.result-feature:hover .near-link { text-decoration: underline; text-underline-offset: 5px; }
.waste-chart { padding: 24px 28px; border: 1px solid var(--mp-line); background: var(--mp-paper); align-self: center; min-width: 0; }
.chart-top { display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: space-between; margin-bottom: 18px; }
.chart-top strong { font: 500 17px/1.4 Manrope,sans-serif; }
.chart-top > span { font: 12px/1.5 Manrope,sans-serif; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; font: 11px/1.5 Manrope,sans-serif; padding-bottom: 24px; }
.chart-legend > span { display: flex; align-items: center; gap: 7px; }
.chart-legend i { width: 9px; height: 9px; display: inline-block; }
.reference-dot { background: #a9bca7; }
.candidate-dot { background: var(--mp-green); }
.waste-row { display: grid; grid-template-columns: 24px 1fr; gap: 15px; align-items: center; margin-bottom: 15px; }
.waste-row > span { font: 12px monospace; }
.waste-pair { display: grid; gap: 4px; padding-right: 38px; }
.waste-bar { width: var(--bar); height: 12px; position: relative; }
.waste-bar > span { position: absolute; left: calc(100% + 6px); top: -2px; font: 10px/1.5 monospace; color: var(--mp-ink); }
.reference-bar { background: #a9bca7; }
.candidate-bar { background: var(--mp-green); }
.evidence-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-block: 54px 24px; }
.evidence-secondary > div { border-top: 1px solid var(--mp-line); padding-top: 24px; }
.evidence-secondary h2 { font-size: 29px; margin-bottom: 20px; }
.evidence-secondary p { font-size: 15px; margin-bottom: 12px; }
.case-result { display: grid; grid-template-columns: .75fr 1.25fr; gap: 64px; align-items: center; }
.case-number > strong { display: block; font: 500 clamp(72px,8vw,110px)/1.05 Archivo,sans-serif; letter-spacing: -.065em; }
.case-number > span { display: block; font-size: 20px; margin-top: 20px; }
.case-number > p { display: inline-block; font-size: 13px; margin-top: 28px; padding: 8px 14px; background: #d5e5cc; border-radius: 2px; }
.case-downloads { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; margin-top: 36px; padding-bottom: 54px; }
.case-narrative { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-block: 44px; border-block: 1px solid var(--mp-line); }
.case-narrative h2 { font-size: 32px; margin-bottom: 24px; }
.case-narrative p + p { margin-top: 16px; }
.case-method { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; padding-block: 48px; }
.case-method h2 { font-size: 30px; margin-bottom: 22px; }
.case-method p { font-size: 15px; margin-bottom: 18px; }
.case-table { min-width: 0; align-self: start; }
.case-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.case-table caption { text-align: left; font-size: 12px; padding-bottom: 16px; }
.case-table th,.case-table td { text-align: left; padding: 12px 8px; border-bottom: 1px solid var(--mp-line); }
.case-table th { font-weight: 500; }
.case-replay { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; padding-block: 32px 60px; }
.case-replay h2 { font-size: 32px; }
.case-replay .near-link { margin-top: 16px; margin-right: 25px; }
.api-document { display: grid; grid-template-columns: 1.15fr .85fr; gap: 60px; padding-bottom: 70px; }
.api-steps > div { display: grid; grid-template-columns: 56px 1fr; gap: 6px 12px; padding-block: 22px; border-top: 1px solid var(--mp-line); }
.api-steps > div > span { font: 12px/1.7 monospace; font-weight: 600; color: #125561; }
.api-steps code { font: 13px/1.7 monospace; overflow-wrap: anywhere; }
.api-steps p { grid-column: 2; font-size: 14px; }
.api-notes section { margin-bottom: 30px; }
.api-notes h2 { font-size: 25px; margin-bottom: 18px; }
.api-notes p { font-size: 15px; }

@media(min-width:1800px) { .agent-first-home .mp-container { max-width: 1400px; } }
@media(max-width:1040px) {
 .nav-group > .nav-expand { justify-content: space-between; width: 100%; min-height: 52px; font-size: 17px; padding: 10px 0; }
 .nav-group > .nav-expand::after { margin-right: 10px; }
 .feature-chapter,.feature-chapter.reverse,.home-explanation { gap: 35px; }
 .machine-grid { gap: 8px; }
 .agent-tutorial { gap: 32px; grid-template-columns: .85fr 1.15fr; }
 .demo-tabs button { padding-inline: 9px; font-size: 12px; }
 .home-capability { grid-template-columns: 1fr; gap: 26px; }
 .home-capability .near-link { grid-column: 1; }
 .home-capability h2 br { display: none; }
 .home-continuity { gap: 44px; }
 .frontier-editorial { gap: 40px; }
 .workflow-route { gap: 16px; }
 .workflow-route > div { padding: 24px 18px; }
 .workflow-route strong { font-size: 21px; }
 .workflow-ledger > section { gap: 22px; grid-template-columns: 30px 1fr 1fr; }
 .estimator-controls { padding: 28px; }
 .estimator-output { padding: 28px; }
}
@media(max-width:900px) {
 .feature-chapter,.feature-chapter.reverse,.home-explanation,.handoff-band,.home-continuity { grid-template-columns: 1fr; gap: 30px; }
 .feature-chapter.reverse > div:first-child { order: 0; }
 .feature-chapter .fleet-scene,.home-explanation .fleet-scene { width: 100%; }
 .handoff-band { padding: 32px; }
 .agent-tutorial { grid-template-columns: 1fr; gap: 32px; align-items: start; }
 .tutorial-instructions .tutorial-helper { max-width: 50ch; }
 .agent-questions { grid-template-columns: 1fr; gap: 16px; }
 .home-continuity .result-browser { width: 100%; }
}
@media(max-width:700px) {
 .api-document { grid-template-columns: 1fr; gap: 30px; }
 .result-feature { grid-template-columns: 1fr; gap: 28px; padding: 24px; }
 .result-feature h2 { font-size: 30px; }
 .waste-chart { padding: 22px 18px; }
 .evidence-secondary,.case-result,.case-narrative,.case-method,.case-replay { grid-template-columns: 1fr; gap: 30px; }
 .evidence-secondary h2,.case-narrative h2,.case-method h2,.case-replay h2 { font-size: 29px; }
 .case-result { gap: 36px; }
 .case-number > strong { font-size: 82px; }
 .case-number > span { font-size: 18px; }
 .case-downloads { flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 36px; }
 .case-table th,.case-table td { padding: 10px 4px; font-size: 12px; }
 .mp-interior .mp-hero { padding-block: 40px 34px; }
 .mp-interior .mp-hero.hero-reading { padding-block: 40px 32px; }
 .mp-hero h1 { font-size: 42px; margin-top: 15px; }
 .mp-hero .dek { font-size: 17px; }
 .agent-first,.agent-first-home { font-size: 16px; }
 .agent-first h2,.agent-first-home h2 { font-size: 32px; }
 .agent-strip { display: block; padding-block: 30px; }
 .agent-strip h2 { font-size: 22px; }
 .agent-strip .copy-link { margin-top: 22px; }
 .agent-strip p { font-size: 14px; }
 .feature-chapter,.feature-chapter.reverse,.handoff-band,.home-explanation,.home-continuity,.coordination-explanation,.communication-pair { grid-template-columns: 1fr; gap: 28px; }
 .feature-chapter.reverse > div:first-child { order: 0; }
 .feature-chapter { padding-block: 38px 44px; }
 .feature-chapter p { font-size: 16px; }
 .fleet-scene { padding: 20px; }
 .scene-label { gap: 16px; margin-bottom: 20px; font-size: 10px; }
 .machine-grid { gap: 7px; grid-template-columns: repeat(6,minmax(0,1fr)); }
 .machine-grid > :nth-child(n+37) { display: none; }
 .message-paths { inset: 60px 20px 20px; width: calc(100% - 40px); height: calc(100% - 80px); }
 .handoff-band { padding: 28px 22px; }
 .home-explanation,.home-continuity { padding-block: 44px; }
 .home-capability { padding-block: 36px; }
 .curve-labels,.home-capability .curve-labels { gap: 6px; }
 .curve-labels > div { grid-template-rows: auto 1fr; align-content: start; }
 .curve-labels strong { font-size: 14px; min-height: 2.4em; }
 .curve-labels span { font-size: 12px; }
 .home-work-links { display: flex; flex-direction: column; gap: 8px; padding-block: 32px; }
 .home-work-links h2 { margin-bottom: 14px; }
 .home-work-links a { font-size: 18px; }
 .home-end { display: block; padding-block: 38px 50px; }
 .home-end > div { margin-top: 28px; }
 .home-end .copy-link { white-space: normal; }
 .frontier-editorial { grid-template-columns: 1fr; gap: 32px; padding-block: 48px; }
 .frontier-editorial h2 { margin-bottom: 0; }
 .agent-tutorial { display: flex; flex-direction: column; align-items: stretch; gap: 30px; padding-bottom: 40px; }
 .tutorial-instructions .tutorial-helper { max-width: 40ch; }
 .demo-tabs { gap: 2px; padding: 7px; }
 .demo-tabs button { padding: 9px 8px; font-size: 12px; }
 #agent-demo-panel { padding: 20px; }
 .demo-paste { padding: 15px; }
 .demo-paste p,.demo-answer p { font-size: 13px; }
 .demo-top { font-size: 11px; gap: 12px; }
 .agent-questions { grid-template-columns: 1fr; gap: 20px; padding-block: 30px; }
 .agent-questions p { font-size: 18px; }
 .workflow-route { flex-direction: column; gap: 9px; align-items: stretch; margin-bottom: 40px; }
 .workflow-route > span { margin: 0; text-align: center; transform: rotate(90deg); }
 .workflow-route > div { padding: 20px 24px; }
 .workflow-ledger > section { grid-template-columns: 26px 1fr; gap: 18px; padding-block: 28px; }
 .ledger-copy h2 { font-size: 27px; }
 .effort-split { grid-column: 2; padding: 0; border: 0; margin-top: 8px; }
 .effort-split > div { padding-top: 16px; border-top: 1px solid var(--mp-line); }
 .build-or-use { grid-template-columns: 1fr; gap: 20px; }
 .use-fleet,.build-fleet { padding: 28px; }
 .objections article { grid-template-columns: 1fr; gap: 20px; padding-block: 30px; }
 .objections h2 { font-size: 28px; }
 .purchase-heading { font-size: 11px; }
 .purchase-grid { grid-template-columns: 1fr; gap: 20px; }
 .purchase-card { padding: 26px; }
 .purchase-card h2 { font-size: 48px; }
 .credit-example { font-size: 15px; }
 .bonus-credit { font-size: 12px; }
 .fleet-estimator { padding-block: 46px; }
 .estimator-intro { grid-template-columns: 1fr; gap: 18px; }
 .estimator-intro h2 br { display: none; }
 .estimator-workspace { grid-template-columns: 1fr; }
 .estimator-controls,.estimator-output { padding: 26px; }
 .estimator-output [data-calc-credits] { font-size: 58px; }
 .estimate-price span { max-width: none; }
 .credit-explanation { grid-template-columns: 1fr; gap: 28px; padding-bottom: 40px; }
 .resource-directory > section { grid-template-columns: 1fr; gap: 18px; }
 .resource-directory h2 { max-width: none; font-size: 28px; }
 .solution-intro { grid-template-columns: 1fr; padding: 24px; gap: 8px; }
 .solution-intro p { font-size: 20px; }
 .solution-row { grid-template-columns: 1fr; gap: 14px; }
 .solution-row h2 { font-size: 27px; }
 .copy-toast { bottom: 16px; }
}
@media(prefers-reduced-motion:reduce) { .fleet-machine,.message-paths path,.demo-caret,.reading-pulse { animation: none; } }

/* Explain an unfamiliar problem before asking the visitor to interpret a score. */
.example-story,.glass-problem { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 52px; }
.example-story { background: #e3eadc; padding: 36px; }
.example-story h2,.glass-problem h2 { margin-bottom: 20px; }
.example-story p,.glass-problem p { margin-bottom: 16px; }
.example-story .mp-button { margin-top: 12px; font-size: 13px; padding-inline: 18px; }
.cutting-illustration { margin: 0; min-width: 0; }
.cutting-sheet { background: #edf0e5; padding: 20px; border: 1px solid #12556130; }
.cutting-sheet svg { display: block; width: 100%; height: auto; }
.cutting-key { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 16px; font-size: 13px; }
.cutting-key > span { display: inline-flex; gap: 8px; align-items: center; }
.cutting-key i { width: 12px; height: 12px; border: 1px solid #12556150; }
.piece-key { background: #125561; }
.offcut-key { background: repeating-linear-gradient(135deg,transparent 0 3px,#12556140 3px 4px); }
.cutting-illustration figcaption { font: 12px/1.6 Manrope,sans-serif; color: #49665f; margin-top: 12px; max-width: 48ch; }
.example-observation { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; padding-block: 36px; border-bottom: 1px solid var(--mp-line); margin-top: 12px; }
.example-observation h2 { font-size: 34px; }
.example-observation p { margin-bottom: 10px; }
.glass-problem .problem-source { font-size: 14px; }
.glass-work { margin-top: 32px; padding-block: 32px; border-block: 1px solid var(--mp-line); }
.glass-work h2 { font-size: 36px; margin-bottom: 28px; }
.glass-work-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.glass-work-steps h3 { font-size: 23px; margin-bottom: 12px; }
.glass-work-steps p { font-size: 15px; }
.glass-result-section { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 52px; padding-top: 36px; }
.glass-result-section h2 { margin-bottom: 20px; }
.glass-result-section p + p { margin-top: 16px; }
.glass-result-section strong { font-weight: 650; }
.coordination-lead { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; margin-bottom: 30px; }
.coordination-lead h2 { font-size: 34px; }
.coordination-patterns { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.coordination-patterns > section { display: grid; grid-template-columns: 24px 1fr; gap: 16px; padding-block: 28px; border-top: 1px solid var(--mp-line); }
.pattern-number { font: 12px/1.5 monospace; padding-top: 7px; }
.coordination-patterns h2 { font-size: 29px; margin-bottom: 16px; }
.coordination-patterns p { font-size: 16px; }
.coordination-patterns .near-link { font-size: 14px; margin-top: 10px; }
.coordination-case { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; padding: 32px; background: #e3eadc; margin-block: 12px 36px; scroll-margin-top: 32px; }
.coordination-case h2 { font-size: 34px; margin-bottom: 18px; }
.coordination-case p { font-size: 15px; margin-bottom: 14px; }
.portfolio-visual { min-width: 0; text-align: center; }
.portfolio-inputs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.portfolio-inputs > span { padding: 16px 8px; border: 1px solid #12556140; font-size: 13px; background: var(--mp-paper); }
.portfolio-inputs small { display: block; font-size: 11px; margin-top: 8px; }
.portfolio-join { font: 32px/1.4 Archivo,sans-serif; padding-block: 12px; }
.portfolio-output { background: var(--mp-green); color: var(--mp-ivory); padding: 22px; font: 500 22px/1.4 Archivo,sans-serif; }
.observation-context { max-width: 76ch; padding-bottom: 26px; }
.observation-context p { max-width: none; margin-bottom: 16px; }
.observation-row { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; padding-block: 30px; border-top: 1px solid var(--mp-line); scroll-margin-top: 30px; }
.observation-row h2 { font-size: 30px; margin-bottom: 18px; }
.observation-row figure { margin: 0; align-self: center; border-left: 2px solid #96b5a0; padding: 10px 0 10px 24px; }
.observation-row blockquote { margin: 0; font: 15px/1.8 'IBM Plex Mono',monospace; overflow-wrap: anywhere; }
.observation-row figcaption { font-size: 12px; color: #49665f; margin-top: 16px; }
.observation-limits { border-top: 1px solid var(--mp-line); padding-top: 28px; }
.observation-limits h2 { font-size: 28px; margin-bottom: 18px; }
.observation-limits p { max-width: 75ch; }
.observation-limits .near-link { margin: 14px 24px 0 0; }
.migration-intro { display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: start; margin-bottom: 36px; }
.migration-intro h2 { font-size: clamp(28px, 3vw, 38px); margin-top: 12px; }
.migration-intro p { margin-top: 4px; max-width: 58ch; }
.migration-observation { display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; padding-block: 30px; border-top: 1px solid var(--mp-line); scroll-margin-top: 32px; }
.migration-explanation h2 { font-size: 30px; margin: 12px 0 16px; }
.migration-explanation p { font-size: 16px; max-width: 48ch; }
.migration-observation figure { min-width: 0; margin: 0; padding: 22px 26px; background: #e6ece1; align-self: center; }
.observation-file { font: 12px/1.5 'IBM Plex Mono', monospace; color: #49665f; border-bottom: 1px solid #cad6c8; padding-bottom: 12px; margin-bottom: 18px; }
.migration-observation blockquote { font: 14px/1.8 'IBM Plex Mono', monospace; margin: 0; overflow-wrap: anywhere; }
.migration-observation figcaption { font-size: 12px; line-height: 1.6; color: #49665f; margin-top: 18px; }
.migration-scope { border-top: 1px solid var(--mp-line); padding-block: 24px 40px; }
.migration-scope p { font-size: 14px; max-width: 88ch; margin-bottom: 12px; }
.migration-scope .near-link { font-size: 14px; }
.specialist-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 48px; border-top: 1px solid var(--mp-line); padding-block: 32px; }
.specialist-comparison h2 { font-size: 32px; margin: 12px 0 18px; }
.specialist-comparison p { margin-bottom: 16px; }
.specialist-comparison .case-table { min-width: 0; }
.specialist-comparison .specialist-method { grid-column: 1 / -1; font-size: 14px; line-height: 1.7; max-width: 100ch; margin: 0; }
@media (max-width: 760px) {
 .specialist-comparison { grid-template-columns: 1fr; gap: 24px; }
 .specialist-comparison h2 { font-size: 28px; }
}
.earlier-observations { margin-top: 24px; }
.earlier-observations .observation-context h2 { font-size: 32px; margin: 12px 0 18px; }
.earlier-observations .observation-row h3 { font-size: 24px; margin-bottom: 14px; }
@media (max-width: 760px) {
 .migration-intro,.migration-observation { grid-template-columns: 1fr; gap: 20px; }
 .migration-intro { margin-bottom: 24px; }
 .migration-observation { padding-block: 24px; }
 .migration-explanation h2 { font-size: 27px; }
 .migration-observation figure { padding: 20px; }
 .migration-observation blockquote { font-size: 13px; }
}

/* Interior pages use a tighter reading rhythm; the landing composition is unchanged. */
.mp-interior .mp-hero,.mp-interior .mp-hero.hero-reading { padding-block: 44px 34px; }
.mp-interior .mp-hero h1 { margin-block: 16px 18px; }
.mp-interior .agent-first { padding-bottom: 40px; }
.mp-interior .chapter-number { margin-bottom: 16px; }
.mp-interior .agent-strip { padding-block: 26px; }
.mp-interior .workflow-route { margin-bottom: 36px; }
.mp-interior .workflow-route > div { padding-block: 22px; }
.mp-interior .workflow-ledger > section { padding-block: 26px; }
.mp-interior .ledger-copy h2 { margin-bottom: 14px; }
.mp-interior .availability-line { padding-block: 16px 28px; }
.mp-interior .feature-chapter { padding-block: 36px 46px; }
.mp-interior .feature-chapter:first-child { padding-top: 0; }
.mp-interior .agent-tutorial { padding-bottom: 42px; }
.mp-interior .agent-questions { padding-block: 28px; }
.mp-interior .frontier-editorial { padding-block: 48px; }
.mp-interior .objections article { padding-block: 28px; }
.mp-interior .fleet-estimator { padding-block: 42px; }
.mp-interior .credit-explanation { padding-bottom: 36px; }
.mp-interior .evidence-secondary { padding-block: 32px 12px; }
.mp-interior .case-downloads { margin-top: 24px; padding-bottom: 32px; }
.mp-interior .case-method { padding-block: 30px; }
.mp-interior .case-replay { padding-block: 24px 36px; }
.mp-interior .reading-layout { padding-bottom: 40px; }
.mp-interior .prose > .prose-section { padding-block: 22px 26px; }
.mp-interior .mp-callout { padding-block: 36px; }
@media(max-width:900px) {
 .example-story,.glass-problem,.glass-result-section,.coordination-case { grid-template-columns: 1fr; gap: 28px; }
 .example-story { padding: 28px; }
 .cutting-illustration { width: 100%; }
 .glass-work-steps { grid-template-columns: 1fr; gap: 24px; }
 .glass-work-steps p { max-width: 65ch; }
 .coordination-lead { grid-template-columns: 1fr; gap: 18px; }
 .coordination-patterns { gap: 0 28px; }
 .observation-row { grid-template-columns: 1fr; gap: 24px; }
}
@media(max-width:700px) {
 .mp-interior .mp-hero,.mp-interior .mp-hero.hero-reading { padding-block: 30px 26px; }
 .mp-interior .agent-first { padding-bottom: 30px; }
 .mp-interior .frontier-editorial { padding-block: 32px; }
 .mp-interior .workflow-route { margin-bottom: 28px; }
 .mp-interior .feature-chapter { padding-block: 28px 34px; }
 .mp-interior .mp-callout { padding-block: 28px; }
 .example-story { padding: 24px; }
 .example-story .mp-button { white-space: normal; text-align: left; }
 .example-observation,.coordination-patterns { grid-template-columns: 1fr; gap: 20px; }
 .example-observation { padding-block: 28px; }
 .example-story h2,.example-observation h2,.glass-work h2,.coordination-lead h2,.coordination-case h2 { font-size: 30px; }
 .cutting-sheet { padding: 12px; }
 .cutting-key { gap: 10px 16px; font-size: 12px; }
 .coordination-patterns { gap: 0; }
 .coordination-patterns h2,.observation-row h2 { font-size: 27px; }
 .coordination-case { padding: 24px; }
 .portfolio-inputs { gap: 6px; }
 .portfolio-inputs > span { padding: 12px 5px; font-size: 11px; }
 .portfolio-inputs small { font-size: 10px; }
 .portfolio-output { font-size: 20px; }
 .observation-row blockquote { font-size: 13px; }
}

.build-sections { display: flex; flex-wrap: wrap; gap: 12px 32px; border-block: 1px solid var(--mp-line); padding-block: 8px; margin-bottom: 28px; }
.build-chapter { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; padding-block: 28px 36px; border-bottom: 1px solid var(--mp-line); scroll-margin-top: 30px; }
.build-chapter h2 { font-size: 38px; }
.build-chapter-body > p { margin-bottom: 18px; }
.build-chapter-body h3 { font: 500 27px/1.2 Archivo,sans-serif; margin-bottom: 14px; }
.inference-record { margin-block: 26px; border-block: 1px solid var(--mp-line); padding-block: 22px; }
.inference-record h3 { font-size: 22px; }
.inference-record dl { margin-block: 18px; }
.inference-record dl > div { display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--mp-line); padding-block: 10px; font-size: 14px; }
.inference-record dd { margin: 0; text-align: right; white-space: nowrap; font-weight: 600; }
.build-chapter-body .record-note { font-size: 13px; color: #49665f; margin-top: 16px; }
.build-cost-note { font-size: 15px; }
.planned-intelligence { background: #e3eadc; padding: 26px; margin-top: 26px; }
.planned-intelligence p { font-size: 15px; }
.harness-techniques { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; padding-block: 8px 20px; }
.harness-techniques h4 { margin: 0 0 8px; font-size: 16px; }
.harness-techniques p { font-size: 14px; }
.release-note { padding-block: 16px; border-block: 1px solid var(--mp-line); font-size: 15px; }
.operations-list { padding-left: 20px; font-size: 15px; }
.operations-list li { padding: 5px 0 5px 6px; }
.build-story .source-panel { margin-block: 28px; }
@media(max-width:900px) {
 .build-chapter { grid-template-columns: 1fr; gap: 22px; }
 .build-chapter-body > p { max-width: 65ch; }
}
@media(max-width:700px) {
 .build-chapter h2 { font-size: 32px; }
 .build-sections { gap: 8px 20px; }
 .build-sections a { font-size: 13px; }
 .harness-techniques { grid-template-columns: 1fr; gap: 22px; }
 .inference-record dl > div { font-size: 13px; gap: 12px; }
 .planned-intelligence { padding: 22px; }
}
.managed-opening,.managed-scale,.managed-next { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; padding-block: 24px 30px; }
.managed-opening { padding-top: 0; }
.managed-story h2 { font-size: 34px; }
.managed-opening p + p,.managed-scale p + p { margin-top: 14px; }
.managed-context { padding: 26px 30px; background: #e3eadc; margin-bottom: 26px; }
.managed-context h2 { font-size: 25px; margin-bottom: 14px; }
.managed-context p { max-width: 80ch; font-size: 16px; }
.managed-table { margin-bottom: 22px; }
.managed-table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.managed-table caption { text-align: left; font: 500 25px/1.3 Archivo,sans-serif; padding-bottom: 18px; }
.managed-table th,.managed-table td { text-align: left; vertical-align: top; padding: 18px; border-bottom: 1px solid var(--mp-line); font: 14px/1.7 Manrope,sans-serif; }
.managed-table th:first-child { width: 22%; font-weight: 600; }
.managed-table thead th { font-weight: 650; border-top: 1px solid var(--mp-line); }
.managed-table :is(th,td):last-child { background: #e6ecde; }
.managed-sources { padding-block: 0 24px; }
.managed-sources p { font-size: 13px; color: #49665f; max-width: 85ch; }
.managed-sources a { font-size: 13px; margin-right: 22px; }
.managed-next { border-top: 1px solid var(--mp-line); padding-block: 28px; }
@media(max-width:700px) {
 .managed-opening,.managed-scale,.managed-next { grid-template-columns: 1fr; gap: 18px; }
 .managed-story h2 { font-size: 29px; }
 .managed-context { padding: 22px; }
 .managed-context h2 { font-size: 24px; }
 .managed-table table,.managed-table tbody,.managed-table tr { display: block; }
 .managed-table caption { display: block; font-size: 24px; }
 .managed-table thead { display: none; }
 .managed-table th:first-child { display: block; width: 100%; padding: 18px 0 12px; border: 0; }
 .managed-table td { display: block; padding: 14px 16px; border: 0; }
 .managed-table td::before { display: block; font-weight: 650; margin-bottom: 6px; }
 .managed-table td:nth-child(2)::before { content: 'Claude Managed Agents'; }
 .managed-table td:last-child::before { content: 'Multiplet'; }
 .managed-table tr { border-top: 1px solid var(--mp-line); padding-bottom: 18px; }
}

/* Component prices use the same workload controls as the credit estimate. */
.remote-comparison { margin-top: 36px; padding-top: 32px; border-top: 1px solid var(--line, #b7c6bd); }
.remote-heading { max-width: 740px; }
.remote-heading h2 { font-size: clamp(32px, 3.6vw, 54px); margin: 12px 0; }
.remote-heading p { font-size: 17px; line-height: 1.5; margin: 0; }
.remote-workspace { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; margin: 28px 0; }
.remote-controls { min-width: 0; }
.remote-controls > label { display: block; font-size: 15px; margin: 0 0 8px; }
.remote-controls select { width: 100%; min-width: 0; max-width: 100%; font: inherit; font-size: 15px; padding: 12px 34px 12px 12px; color: inherit; background: transparent; border: 1px solid #809c8e; border-radius: 3px; margin-bottom: 22px; }
.remote-cache-heading { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; }
.remote-cache-heading output { font-variant-numeric: tabular-nums; }
.remote-controls input[type=range] { width: 100%; accent-color: #235b4d; margin: 16px 0 8px; }
.remote-reset { border: 0; background: transparent; padding: 0; margin-top: 18px; font: inherit; font-size: 14px; cursor: pointer; color: inherit; }
.remote-results { min-width: 0; padding: 24px; background: #e6eee3; }
.remote-results > p { font-size: 14px; line-height: 1.5; margin: 0; }
.remote-results dl { margin: 18px 0; }
.remote-results dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 9px 0; }
.remote-results dt { font-size: 15px; }
.remote-results dd { margin: 0; font-size: 22px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.remote-results .remote-total { border-top: 1px solid #a1b5a6; margin-top: 6px; padding-top: 16px; }
.remote-results .remote-multiplet { margin-top: 4px; padding-top: 16px; border-top: 1px solid #a1b5a6; }
.remote-results .remote-multiplet dd { font-weight: 600; }
.remote-method { font-size: 14px; line-height: 1.55; max-width: 860px; }
.remote-method summary { cursor: pointer; font-size: 15px; padding: 8px 0; }
.remote-method p { margin: 16px 0; }
.remote-method .near-link { display: inline-flex; margin: 0 22px 12px 0; }
.remote-results[hidden], .remote-invalid[hidden] { display: none; }
@media(max-width:900px) { .remote-workspace { gap: 28px; } }
@media(max-width:700px) {
 .remote-workspace { grid-template-columns: 1fr; gap: 24px; margin: 24px 0; }
 .remote-results { padding: 20px; }
 .remote-results dt { font-size: 14px; }
 .remote-results dd { font-size: 20px; }
 .remote-comparison { padding-top: 26px; }
 .managed-table table { min-width: 0; }
}
.pricing-redesign .purchase-card { padding: clamp(24px, 3vw, 38px); }
.purchase-card h2 { font-size: clamp(40px, 4.1vw, 56px); }
.purchase-card .offer-points { list-style: none; margin: 0 0 28px; padding: 0; font-size: 14px; line-height: 1.6; }
.offer-points li { padding-block: 7px; }
.offer-points li::before { content: "✓"; padding-right: 10px; }
.purchase-card .mp-button { margin-top: auto; }
.purchase-card .purchase-note { margin: 14px 0 0; font-size: 12px; }
.monthly-purchase { background: var(--mp-green); color: var(--mp-ivory); }
.monthly-purchase .credit-example { border-color: #b5d9c75c; }
.monthly-purchase .mp-button { background: var(--mp-ivory); color: var(--mp-ink); border-color: var(--mp-ivory); }
.monthly-purchase .mp-button:hover { background: var(--mp-mint); }
.upgrade-note { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 28px; padding: 24px 0 12px; }
.upgrade-note strong { font: 500 17px/1.5 Manrope, sans-serif; }
.upgrade-note p { flex: 1 1 360px; margin: 0; font-size: 14px; max-width: 58ch; }
.offer-footnote { font-size: 12px; margin: 4px 0 0; max-width: 80ch; opacity: .75; }
.estimator-output .allowance-note { font-size: 12px; opacity: .8; margin-top: 10px; }
.estimator-output .calculator-results > .estimate-topup[hidden] { display: none; }
.pricing-secondary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px 32px; padding: 0 0 40px; font-size: 14px; }
.first-fleet-offer { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--mp-line); border-radius: 4px; overflow: hidden; }
.first-fleet-population { background: var(--mp-green); color: var(--mp-ivory); padding: clamp(24px, 3.5vw, 48px); display: flex; flex-direction: column; justify-content: center; gap: 24px; }
.population-grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); gap: clamp(3px, .45vw, 7px); }
.population-grid i { aspect-ratio: 1.2; border: 1px solid #b5d9c790; background: #b5d9c718; border-radius: 1px; }
.population-grid i:nth-child(5n) { background: #b5d9c769; }
.population-grid i:nth-child(11n) { background: #f1f2dfbd; }
.first-fleet-population p { font-size: 13px; margin: 0; }
.first-fleet-purchase { padding: clamp(24px, 4vw, 56px); align-self: center; }
.first-fleet-purchase h2 { font: 500 clamp(40px, 4.5vw, 64px)/1.1 Archivo, sans-serif; letter-spacing: -.04em; margin: 24px 0; }
.first-fleet-purchase small { display: inline-block; font: 14px/1.5 Manrope, sans-serif; letter-spacing: 0; white-space: nowrap; }
.first-fleet-purchase > p { font-size: 16px; margin-bottom: 24px; }
.first-fleet-purchase .purchase-note { font-size: 12px; margin: 14px 0 0; }
.first-fleet-steps, .first-fleet-return, .cost-context { display: grid; grid-template-columns: .8fr 1.2fr; gap: 32px 64px; padding-block: 44px; }
.first-fleet-steps h2, .first-fleet-return h2, .cost-context h2 { font-size: clamp(28px, 3vw, 40px); margin: 0; }
.first-fleet-steps ol { list-style: none; padding: 0; margin: 0; }
.first-fleet-steps li { display: grid; grid-template-columns: 32px 1fr; gap: 16px; padding-block: 22px; border-top: 1px solid var(--mp-line); }
.first-fleet-steps li:first-child { padding-top: 0; border: 0; }
.first-fleet-steps li > span { font: 13px/1.6 Manrope, sans-serif; padding-top: 3px; }
.first-fleet-steps h3 { font: 500 20px/1.4 Archivo, sans-serif; margin: 0 0 10px; }
.first-fleet-steps p { margin: 0 0 14px; font-size: 15px; }
.first-fleet-steps .copy-link { background: none; border: 0; padding: 0; color: inherit; cursor: pointer; font: inherit; }
.first-fleet-steps .copy-link svg { width: 18px; height: 18px; flex-shrink: 0; }
.first-fleet-return, .cost-context { border-block: 1px solid var(--mp-line); }
.first-fleet-return .chapter-number { display: block; margin-bottom: 20px; }
.first-fleet-return p, .cost-context p { font-size: 16px; margin: 0 0 20px; }
.cost-context { margin-bottom: 42px; }
.cost-context .near-link { margin: 0 24px 12px 0; }
.first-fleet-story .availability-line { margin-block: 22px 46px; }
.first-fleet-guarantee { font-size: 14px; margin-top: 22px; max-width: 65ch; }
.first-fleet-guarantee summary { cursor: pointer; }
.first-fleet-guarantee p { margin-top: 14px; }
.workflow-offer { display: flex; flex-wrap: wrap; gap: 16px 36px; padding-top: 22px; }
.console-door .chapter-number { display: block; margin-top: 24px; }
.console-door .console-availability { border-top: 1px solid var(--mp-line); padding-top: 22px; font-size: 14px; }
.access-extra { margin-block: 6px 20px; }
.access-extra summary { cursor: pointer; font-size: 14px; }
.access-extra summary span { opacity: .65; }
.access-extra label { margin-top: 20px; }
.selected-offer { background: #b5d9c73c; border-left: 2px solid var(--mp-green); padding: 16px; margin-top: 0; font-size: 14px; }
@media(max-width: 700px) {
 .first-fleet-offer, .first-fleet-steps, .first-fleet-return, .cost-context { grid-template-columns: 1fr; }
 .first-fleet-population { padding: 24px; gap: 18px; }
 .population-grid { max-width: 360px; width: 100%; margin: 0 auto; }
 .first-fleet-population p { text-align: center; }
 .first-fleet-purchase { padding: 28px 24px; order: -1; }
 .first-fleet-purchase .mp-button { width: 100%; }
 .first-fleet-steps, .first-fleet-return, .cost-context { gap: 28px; padding-block: 32px; }
 .first-fleet-steps h2 br, .first-fleet-return h2 br, .cost-context h2 br { display: none; }
 .pricing-redesign .purchase-card { padding: 24px; }
 .upgrade-note p { flex-basis: 100%; }
 .pricing-secondary { flex-direction: column; align-items: flex-start; }
}

/* First fleet and monthly offers — 17 October 2026. */
.run-pricing .purchase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.run-pricing .purchase-card { padding: 28px; min-width: 0; }
.run-pricing .purchase-card h2 { font-size: clamp(36px, 3.5vw, 48px); }
.run-pricing .purchase-card > p:not(.purchase-note) { min-height: 3.4em; }
.run-pricing .purchase-card .run-quantity { min-height: 135px; }
.run-pricing .purchase-card .run-quantity strong { font-size: clamp(28px, 2.6vw, 34px); }
.enterprise-purchase { background: #dce8e4; }
.enterprise-purchase .mp-button { background: transparent; color: var(--mp-ink); border-color: #123f4766; }
.enterprise-purchase .mp-button:hover { background: #b5d9c7; }
@media(max-width: 1099px) {
 .run-pricing .purchase-grid { grid-template-columns: 1fr; }
 .run-pricing .purchase-card { padding: 28px; }
 .run-pricing .purchase-card > p:not(.purchase-note) { min-height: 0; }
 .run-pricing .purchase-card .run-quantity { min-height: 0; }
}
.run-quantity { display: flex; flex-direction: column; gap: 10px; padding: 25px 0 30px; margin-top: 22px; border-top: 1px solid var(--mp-line); }
.run-quantity strong { font: 500 clamp(27px, 3vw, 38px)/1.2 Archivo, sans-serif; letter-spacing: -.03em; }
.run-quantity span { font-size: 15px; }
.monthly-purchase .run-quantity { border-color: #b5d9c75c; }
.run-inclusions { padding-block: 30px 38px; max-width: 78ch; }
.run-inclusions h2 { font-size: 26px; margin: 0 0 14px; }
.run-inclusions p { font-size: 16px; margin-bottom: 16px; }
.run-inclusions .near-link { font-size: 14px; }
.run-billing-details { border-block: 1px solid var(--mp-line); padding-block: 20px; margin-bottom: 28px; font-size: 13px; }
.run-billing-details summary { cursor: pointer; }
.run-billing-details p { max-width: 90ch; margin: 18px 0; }
.run-pricing .pricing-secondary { padding-bottom: 28px; }
.pricing-redesign .pricing-upgrade { margin-top: 20px; padding: 20px 24px; background: #b5d9c72b; border-left: 2px solid #8ab6a4; }
.pricing-redesign .pricing-upgrade p { max-width: 70ch; }
.pricing-redesign .offer-footnote { margin-top: 14px; }
.pricing-questions { grid-template-columns: .65fr 1.35fr; }
.pricing-questions > div:first-child .near-link { font-size: 14px; }
@media(max-width: 700px) {
 .pricing-questions { grid-template-columns: 1fr; gap: 24px; }
 .pricing-redesign .pricing-upgrade { padding: 20px; }
}

/* Public access form: retain the preview composition with real verification. */
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mp-access #verification{max-width:100%;min-height:65px}
.mp-access .form-note a{text-decoration:underline}
.mp-access [type=submit]:disabled{opacity:.65;cursor:wait}
.access-extra summary span{margin-inline-start:.5em}

/* Keep required and optional labels on one line so paired inputs align. */
.mp-access label > .field-label { font-weight: 600; color: var(--mp-ink); }
.mp-access .field-label > span { margin-inline-start: .5em; font-weight: 400; color: #526d64; }
.capability-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;padding:38px 0;border-top:1px solid var(--mp-line);align-items:start}
.capability-note h2{font-size:clamp(27px,3.2vw,40px);line-height:1.14;letter-spacing:-.04em;margin:12px 0 0}
.capability-note p{font-size:16px;line-height:1.7;max-width:62ch;margin:0 0 20px}
.model-names{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}
.model-names li{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:baseline}
.model-names span{font-size:12px;opacity:.75}.model-names strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}
@media(max-width:700px){.capability-note{grid-template-columns:1fr;gap:22px;padding:28px 0}.capability-note h2{margin:9px 0 0}.model-names li{grid-template-columns:75px 1fr;gap:12px}.model-names strong{font-size:16px}}

/* A returned patch, beside the existing optimization example. */
.example-java{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;padding:38px 0;border-top:1px solid var(--mp-line)}
.example-java h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:15px 0 20px}.example-java p{font-size:16px;line-height:1.7;max-width:54ch}.example-java-artifact{background:#125561;color:#edf2e7;padding:26px 30px}.example-java-artifact>span{display:block;font-size:12px;color:#c5dbd1;margin-bottom:22px}.example-java-artifact>div{padding:14px 0;border-top:1px solid #ffffff35}.example-java-artifact b{display:block;font-size:17px;font-weight:500}.example-java-artifact small{display:block;font-size:12px;line-height:1.6;color:#c5dbd1;margin-top:7px}
@media(max-width:760px){.example-java{grid-template-columns:1fr;gap:24px;padding:28px 0}.example-java-artifact{padding:24px}.example-java h2{margin-top:12px}}

/* Make the entry package clear beside platform-scale feature descriptions. */
.feature-entry { padding-bottom: 28px; }
.feature-entry + .feature-chapter { padding-top: 20px; }

/* A concrete failure to investigate, not a fabricated run result. */
.assignment-trace { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--mp-line); }
.assignment-trace ol { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; padding: 0; margin: 18px 0 0; }
.assignment-trace li { position: relative; min-width: 0; }
.assignment-trace li + li::before { content: '→'; position: absolute; left: -18px; top: 22px; opacity: .65; }
.assignment-trace span { display: block; font-size: 11px; margin-bottom: 8px; opacity: .8; }
.assignment-trace strong { display: block; font-size: 15px; font-weight: 500; line-height: 1.45; }
@media(max-width: 700px) {
 .assignment-trace ol { grid-template-columns: 1fr; gap: 25px; }
 .assignment-trace li + li::before { content: '↓'; top: -24px; left: 0; }
 .assignment-trace span { margin-bottom: 4px; }
}