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

.anGr{
  --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;
  position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,9vw,132px) 24px;color:#fff;
  background:linear-gradient(120deg,#635bff,#00b3ff,#11d0d0,#7a5cff,#635bff);
  background-size:320% 320%;
  animation:anGr-move 16s ease-in-out infinite;
}
@keyframes anGr-move{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.anGr::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.16), transparent 70%);
}
.anGr__in{max-width:680px;margin:0 auto;text-align:center;position:relative}
.anGr__eyebrow{margin:0 0 20px;font-size:11px;font-weight:800;letter-spacing:.26em;color:rgba(255,255,255,.72)}
.anGr__title{margin:0;font-size:clamp(28px,5vw,52px);font-weight:800;letter-spacing:-.02em}
.anGr__lead{margin:22px auto 0;max-width:480px;font-size:14.5px;line-height:2;color:rgba(255,255,255,.86)}
.anGr__btn{
  margin-top:34px;display:inline-flex;align-items:center;height:52px;padding:0 32px;border-radius:99px;
  background:rgba(255,255,255,.16);color:#fff;font-size:14.5px;font-weight:800;text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);backdrop-filter:blur(6px);transition:background .18s;
}
.anGr__btn:hover{background:rgba(255,255,255,.28)}
@media (prefers-reduced-motion:reduce){ .anGr{animation:none} }