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

.jsPx{
  --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:#0d1117;
}
.jsPx__stage{
  position:relative;isolation:isolate;overflow:hidden;min-height:clamp(400px,50vw,560px);
  display:grid;place-items:center;padding:clamp(56px,7vw,100px) 24px;
}
.jsPx__l{position:absolute;border-radius:50%;filter:blur(1px)}
.jsPx__l--1{width:38vw;max-width:380px;aspect-ratio:1;left:6%;top:10%;
  background:radial-gradient(circle at 36% 34%, rgba(99,91,255,.7), rgba(99,91,255,0) 68%)}
.jsPx__l--2{width:30vw;max-width:300px;aspect-ratio:1;right:8%;bottom:6%;
  background:radial-gradient(circle at 50% 44%, rgba(0,179,255,.6), rgba(0,179,255,0) 68%)}
.jsPx__l--3{width:18vw;max-width:180px;aspect-ratio:1;right:26%;top:14%;
  background:radial-gradient(circle at 44% 40%, rgba(17,208,208,.55), rgba(17,208,208,0) 70%)}
.jsPx__in{position:relative;text-align:center;color:#fff;max-width:640px}
.jsPx__eyebrow{margin:0 0 18px;font-size:11px;font-weight:800;letter-spacing:.26em;color:rgba(255,255,255,.5)}
.jsPx__title{margin:0;font-size:clamp(26px,4.6vw,48px);line-height:1.34;font-weight:800;letter-spacing:-.02em}
.jsPx__lead{margin:22px 0 0;font-size:14.5px;line-height:2;color:rgba(255,255,255,.66)}