.mgd-hero { padding: 64px 12px; text-align: center; }
.mgd-hero h1 { font-size: clamp(20px, 5vw, 36px); margin: 0 0 8px; }
.mgd-hero p { font-size: clamp(14px, 3.2vw, 18px); margin: 0 0 16px; opacity: .9; }
.mgd-buttons { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.mgd-buttons a { padding:10px 16px; border-radius:8px; text-decoration:none; border:1px solid #111; }
.mgd-buttons a.mgd-primary { background:#111; color:#fff; }
.mgd-section { margin: 16px auto; }