.mi-hero{position:relative;overflow:hidden;background:#464646;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}
.mi-hero-in{display:flex;flex-direction:column;gap:30px;padding:64px 16px}
.mi-hero-txt{min-width:0}
.mi-hero-txt h1{font-size:clamp(1.8rem,4.4vw,2.9rem)}
.mi-hero-txt p{color:#FFF;margin:16px 0 0}
.mi-cta{justify-content:flex-start;margin-top:24px}
.mi-hero-vis{min-width:0;display:flex;justify-content:center}
.mi-grid{display:grid;grid-template-columns:repeat(5,44px);grid-template-rows:repeat(5,44px);gap:6px;background:#3A3A3A;padding:16px;border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.35);border-top:4px solid #FF961F}
.mi-grid span{border-radius:8px;background:#505050}
.mi-grid .mi-star{background:#FF961F}
.mi-grid .mi-mine{background:#2F2F2F;box-shadow:inset 0 0 0 3px #FF961F}
@media(max-width:400px){.mi-grid{grid-template-columns:repeat(5,36px);grid-template-rows:repeat(5,36px)}}
@media(min-width:1081px){.mi-hero-in{flex-direction:row;align-items:center;justify-content:space-between;padding:80px 32px}.mi-hero-txt{flex:1 1 55%}.mi-hero-vis{flex:0 1 38%;justify-content:flex-end}}