/* V8: one heading, one illustration / explanation pair, then supporting results. */
html{scroll-padding-top:20px}
.solution-overview{padding:20px 0}
.reference-heading{margin-bottom:18px}
.mainframe-page .reference-heading .eyebrow{margin-bottom:6px}
.mainframe-page .reference-intro{margin-top:8px;line-height:1.6;max-width:1000px}
.reference-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:stretch}
.reference-migration-diagram{position:relative;min-height:320px;margin:0;isolation:isolate}
.migration-rise{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-1}
.diagram-label{position:absolute;left:8px;right:8px;text-align:center;color:var(--navy)}
.diagram-label h3{line-height:1.3}
.mainframe-page .diagram-label p{font-size:var(--type-body);line-height:1.4;margin-top:4px}
.diagram-target{top:0}.diagram-functions{top:40%}.diagram-architecture{top:65%}.diagram-origin{bottom:0}
.reference-benefits{margin:0}
.reference-benefits .solution-feature{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #dfebf6;border-radius:0}
.reference-benefits .solution-feature:first-child{padding-top:0}
.reference-benefits .solution-feature:last-child{border-bottom:0;padding-bottom:0}
.reference-benefits .feature-icon{width:26px;height:26px;margin:0;color:#4f87b0}
.reference-benefits h3{margin-bottom:4px}
.reference-benefits ul{margin:0;padding-left:18px}
.reference-benefits li{font-size:var(--type-body);line-height:1.5;margin-top:4px;padding-left:2px}
.reference-benefits li::marker{color:#6295bd}
.reference-benchmark{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px;padding:14px 24px;margin-top:18px;background:#eaf3fb;border:1px solid #d7e6f3;border-radius:8px}
.reference-benchmark-heading{display:flex;align-items:center;gap:12px}
.reference-benchmark-heading .feature-icon{width:26px;height:26px;flex:none;margin:0;color:#3678ad}
.reference-benchmark-heading h3{max-width:380px}
.reference-benchmark .benchmarks{gap:24px;grid-column:2;grid-row:1 / span 2}
.reference-benchmark .benchmarks>div+div{padding-left:24px}
.reference-benchmark .benchmarks dt{font-size:var(--type-section);letter-spacing:-.7px;color:#175b94;white-space:nowrap}
.mainframe-page .reference-benchmark .benchmarks dd{margin-top:2px;line-height:1.4}
.reference-benchmark .comparison-note{grid-column:1;margin-top:-22px;padding-left:38px}
.delivery-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:14px 0 0;padding:0;counter-reset:delivery}
.delivery-steps li{counter-increment:delivery;display:flex;align-items:center;gap:10px;padding:0 18px;color:#506a85;min-height:40px;font-size:var(--type-body);font-weight:400;line-height:1.4;border-left:1px solid #d7e6f3}
.delivery-steps li:first-child{padding-left:0;border-left:0}
.delivery-steps li:before{content:counter(delivery,decimal-leading-zero);color:#5788af;font-size:var(--type-label);font-weight:600;flex:none}
@media(max-width:1200px){.reference-layout{gap:32px}.reference-benchmark{grid-template-columns:1fr 1.05fr;gap:22px}.reference-benchmark-heading h3{max-width:310px}.reference-benchmark .comparison-note{margin-top:-12px}.delivery-steps li{padding-inline:12px}}
@media(max-width:980px){.solution-overview{padding:32px 0}.reference-heading{margin-bottom:28px}.reference-layout{gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.reference-migration-diagram{min-height:400px}.reference-benchmark{margin-top:26px}.reference-benchmark-heading h3{max-width:none}.reference-benchmark .comparison-note{margin-top:0;padding-left:0}.reference-benchmark .benchmarks{gap:16px}.reference-benchmark .benchmarks>div+div{padding-left:16px}}
@media(max-width:760px){.solution-overview{padding:36px 0}.reference-heading{margin-bottom:24px}.reference-layout{grid-template-columns:1fr;gap:28px}.reference-migration-diagram{min-height:420px;max-width:460px;width:100%;margin-inline:auto}.reference-benefits .solution-feature{padding-block:18px}.reference-benchmark{grid-template-columns:1fr;gap:14px;padding:20px;margin-top:24px}.reference-benchmark .benchmarks{grid-column:auto;grid-row:auto;gap:16px}.reference-benchmark .comparison-note{grid-column:auto;margin-top:0}.reference-benchmark-heading h3{max-width:none}.delivery-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;margin-top:22px}.delivery-steps li{padding-inline:12px;align-items:flex-start}.delivery-steps li:nth-child(odd){border-left:0;padding-left:0}.delivery-steps li:before{line-height:1.6}}
@media(max-width:380px){.reference-migration-diagram{min-height:440px}.reference-benchmark{padding:18px 16px}.reference-benchmark .benchmarks{gap:12px}.reference-benchmark .benchmarks>div+div{padding-left:12px}}