.mes-hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.18;word-break:keep-all;overflow-wrap:anywhere}
.mes-hero .framewire-hero-grid{gap:50px;grid-template-columns:1.08fr .92fr}
.mes-diagram{padding:32px;border:1px solid #354844;background:linear-gradient(145deg,#142420,#0b1418);color:#fff;min-width:0}
.mes-diagram-head{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.1em;color:#9caeaa;line-height:1.6}
.mes-diagram-head b{color:var(--lime);text-align:right}
.mes-barcode{height:72px;display:flex;align-items:stretch;justify-content:center;gap:4px;margin:52px 0 18px;overflow:hidden}
.mes-barcode i{background:#d1f5b0;flex-shrink:0}
.mes-scan-label{text-align:center;color:var(--lime);font-size:11px;letter-spacing:.16em;margin-bottom:35px}
.mes-stage-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #354844;border-left:1px solid #354844}
.mes-stage-grid>div{padding:22px 18px;border-right:1px solid #354844;border-bottom:1px solid #354844;display:flex;flex-direction:column;gap:18px}
.mes-stage-grid span{color:#879d94;font-size:10px}.mes-stage-grid b{font-size:15px;word-break:keep-all}
.mes-stage-grid svg{color:var(--lime);width:35px;height:22px;align-self:flex-end}
.mes-diagram-note{font-size:11px;line-height:1.7;color:#91a59d;margin:22px 0 0}
.mes-card-grid h3,.mes-page h2{word-break:keep-all;overflow-wrap:anywhere}
.mes-card-grid h3{margin-top:38px}.mes-page .framewire-cta>.shell{gap:35px}.mes-page .framewire-cta a{flex-shrink:0}
@media(max-width:1050px){.mes-hero .framewire-hero-grid{grid-template-columns:1fr}.mes-hero h1{font-size:clamp(40px,7vw,62px)}.mes-diagram{max-width:650px;width:100%}.mes-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.mes-hero{padding-top:85px}.mes-hero h1{font-size:38px}.mes-diagram{padding:22px}.mes-diagram-head{font-size:8px}.mes-card-grid{grid-template-columns:1fr}.mes-page .framewire-actions{flex-wrap:wrap}.mes-stage-grid b{font-size:13px}}