@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
.mg3-section{--mg-blue:#0753F2;--mg-navy:#122E55;--mg-ink:#071A31;background:radial-gradient(ellipse at 50% 65%,#E6EFFB 0%,#F5F7FB 70%);padding:clamp(44px,6vw,86px) 14px 65px;color:var(--mg-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
.mg3-section *{box-sizing:border-box}
.mg3-container{max-width:1080px;margin:0 auto}
.mg3-head{text-align:center;margin:0 auto 32px;max-width:700px}
.mg3-kicker{color:#0753F2;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;margin-bottom:12px}
.mg3-head h2{font-family:Manrope,Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.045em;font-size:clamp(25px,3.7vw,41px);line-height:1.17;margin:0 0 13px}
.mg3-head h2 em{color:#0753F2;font-style:normal}
.mg3-head p{color:#617A9C;font-size:14px;line-height:1.7;margin:0}
.mg3-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,32px)}
.mg3-badge{border:0;background:transparent;padding:0;min-width:0;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;font:inherit;border-radius:14px}
.mg3-badge:focus-visible{outline:2px solid #0753F2;outline-offset:4px}
.mg3-badge-graphic{display:block;width:min(100%,310px);filter:drop-shadow(0 12px 13px rgba(18,46,85,.18));transition:filter .32s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.mg3-insignia{display:block;width:100%;height:auto;overflow:visible}
.mg3-brand{font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:800;font-size:14px;letter-spacing:1.45px;fill:#164A82;dominant-baseline:middle;text-rendering:geometricPrecision}
.mg3-brand textPath{dominant-baseline:middle}
.mg3-icon .fine{stroke:#91AFCF;stroke-width:2.2}
.mg3-icon .accent{stroke:#0753F2;stroke-width:4}
.mg3-ribbon-label{font-family:Manrope,Inter,Arial,sans-serif;font-size:19px;font-weight:800;fill:white;letter-spacing:-.2px;dominant-baseline:central;alignment-baseline:central}
.mg3-badge-title{font:800 clamp(13px,1.7vw,19px)/1.3 Manrope,Inter,Arial,sans-serif;color:#122E55;letter-spacing:-.035em;margin:0 0 7px}
.mg3-badge-description{color:#526E90;font-size:13px;line-height:1.65;max-width:260px}
.mg3-icon{transition:opacity .3s ease}
.mg3-banner{transition:filter .3s ease}
@media(hover:hover) and (pointer:fine){.mg3-badge:hover .mg3-badge-graphic{transform:translateY(-5px);filter:drop-shadow(0 17px 17px rgba(7,83,242,.22))}.mg3-badge:hover .mg3-banner{filter:brightness(1.08)}}
.mg3-badge[aria-pressed=true] .mg3-badge-graphic{filter:drop-shadow(0 14px 16px rgba(7,83,242,.26));transform:translateY(-3px)}
.mg3-badge[aria-pressed=true] .mg3-banner{filter:brightness(1.1)}
.mg3-badge[aria-pressed=true] .mg3-badge-title{color:#0753F2}
.mg3-badge:active .mg3-badge-graphic{transform:translateY(0) scale(.975);transition-duration:.13s}
@media(max-width:720px){.mg3-section{padding:46px 10px 48px}.mg3-head{margin-bottom:24px}.mg3-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:none;margin-inline:auto}.mg3-badge-graphic{width:100%;max-width:230px}.mg3-badge-title{font-size:clamp(10px,2.45vw,15px);line-height:1.3;margin:-3px 0 0}.mg3-badge-description{display:none}}
@media(max-width:390px){.mg3-section{padding-inline:6px}.mg3-row{gap:2px}.mg3-badge-title{font-size:clamp(9px,2.5vw,11px)}}
@media(prefers-reduced-motion:reduce){.mg3-badge-graphic,.mg3-icon,.mg3-banner{transition:none!important}}

.order-wizard > .mg3-section{margin-top:40px;border-radius:20px}