/* HEADER BASE */ .mm-header { background: #000; position: relative; overflow: hidden; border-bottom: 2px solid #d4af37; } /* GOLD TEXTURE OVERLAY */ .mm-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at top center, rgba(212, 175, 55, 0.35) 0%, rgba(212, 175, 55, 0.15) 35%, rgba(212, 175, 55, 0.05) 60%, rgba(0, 0, 0, 0.9) 100%); z-index: 0; } /* HEADER CONTENT */ .mm-header-inner { max-width: 1200px; margin: 0 auto; padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; } /* LOGO */ .mm-logo { display: flex; align-items: center; gap: 10px; } .mm-logo-icon { background: #d4af37; color: #000; font-weight: 900; font-size: 1rem; padding: 8px 14px; border-radius: 6px; letter-spacing: 0.1em; text-transform: uppercase; } .mm-logo-text { color: #d4af37; font-weight: 800; font-size: 1.1rem; letter-spacing: 0.08em; text-transform: uppercase; } /* NAVIGATION */ .mm-nav { display: flex; gap: 22px; } .mm-nav-link { color: #d4af37; text-decoration: none; font-size: 0.9rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; transition: 0.2s; } .mm-nav-link:hover { color: #f1c857; } /* CTA BUTTON */ .mm-cta { background: #d4af37; color: #000; padding: 10px 18px; border-radius: 6px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none; transition: 0.2s; } .mm-cta:hover { background: #f1c857; box-shadow: 0 0 12px rgba(212, 175, 55, 0.6); } /* GOLD GRADIENT BAR */ .mm-gold-bar { width: 100%; height: 6px; background: linear-gradient(90deg, #d4af37 0%, #f1c857 50%, #d4af37 100%); position: relative; z-index: 2; }
top of page
Gemini_Generated_Image_4cn5cl4cn5cl4cn5.jpg

Optimize Your Operations

BE FIRST TO LAUNCH


Mat Mobility is coming soon. Join the list to be the first to know when we launch and get exclusive updates.

Gemini_Generated_Image_rwei3grwei3grwei.jpg
bottom of page