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

.cuFl{
  --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;overflow:hidden;background:#111;color:#fff;padding:clamp(64px,9vw,130px) 24px;cursor:crosshair;
}
.cuFl__dot{
  position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--acc);
  pointer-events:none;z-index:1;opacity:0;transition:opacity .3s,width .28s,height .28s,background .28s;
  mix-blend-mode:difference;
}
.cuFl__dot.is-big{width:88px;height:88px;background:#fff}
.cuFl__in{max-width:720px;margin:0 auto;position:relative;z-index:2;text-align:center;pointer-events:none}
.cuFl__title{margin:0;font-size:clamp(26px,4.4vw,46px);line-height:1.36;font-weight:800;letter-spacing:-.02em}
.cuFl__lead{margin:22px auto 0;max-width:460px;font-size:14px;line-height:2;color:rgba(255,255,255,.62)}
.cuFl__links{margin:34px 0 0;display:flex;gap:26px;justify-content:center;flex-wrap:wrap;pointer-events:auto}
.cuFl__links a{
  font-size:14px;font-weight:700;color:#fff;text-decoration:none;padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.35);
}
.cuFl__links a:hover{border-bottom-color:#fff}