html,body{margin:0;background:#fff}

.mgBt{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#f6f9fc;padding:clamp(60px,8vw,120px) 24px;
}
.mgBt__in{max-width:680px;margin:0 auto;text-align:center}
.mgBt__eyebrow{margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--acc)}
.mgBt__title{margin:0;font-size:clamp(24px,3.8vw,40px);line-height:1.4;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.mgBt__lead{margin:20px auto 0;max-width:460px;font-size:14px;line-height:2;color:var(--body)}
.mgBt__row{margin:36px 0 0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mgBt__btn{
  display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 34px;border-radius:99px;
  background:var(--acc);color:#fff;font-size:15px;font-weight:800;text-decoration:none;will-change:transform;
  box-shadow:0 8px 22px -8px rgba(99,91,255,.7);
}
.mgBt__btn--ghost{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line),0 6px 16px -10px rgba(10,37,64,.5)}
.mgBt__btn span{display:block;will-change:transform}
@media (max-width:520px){ .mgBt__row{flex-direction:column} }