.mgband{padding:clamp(48px,6vw,84px) 0;background:linear-gradient(120deg,#0B1730,#10265A)}
.mg-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center}
.mgband h2{color:#fff;margin:8px 0 12px}.mgband p:not(.kicker){color:#C9D7EE;margin-bottom:22px;max-width:60ch}
.mg-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mg-tags li{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#E6EEFB;font-weight:600;font-size:.95rem}
@media(max-width:800px){.mg-wrap{grid-template-columns:1fr}}
.mg-badge{display:inline-block;margin:6px 0 4px;padding:5px 12px;border-radius:999px;background:var(--ice);color:var(--blue-ink);font:700 .8rem var(--body);letter-spacing:.04em}
.mg-steps{margin-bottom:26px}
.mg-key{max-width:75ch;padding:14px 18px;border-left:4px solid var(--cyan);background:var(--ice);border-radius:0 10px 10px 0}
.mg-note{margin-top:18px;font-size:.88rem;color:var(--muted);max-width:80ch}
.mg-demo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mg-demo li{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.mg-demo i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-btn);color:#fff;font:700 .9rem var(--body);font-style:normal}
.mg-demo b{display:block;font:700 1.05rem var(--display);margin-bottom:6px}.mg-demo span{color:var(--muted);font-size:.95rem}
.mg-ext{display:inline-block;margin-left:18px;color:#9FE3FA;font-weight:600}
@media(max-width:900px){.mg-demo{grid-template-columns:1fr}.mg-ext{display:block;margin:14px 0 0}}
.mg-logo{display:block;height:35px;width:auto;margin:14px 0 8px}.mgband .mg-logo{margin:0 0 18px}