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

.ctaA{
  --acc:#635bff;
  background:linear-gradient(120deg,#635bff 0%,#7a5cff 52%,#00b3ff 140%);
  padding:clamp(44px,5.5vw,76px) 24px;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.ctaA__in{
  max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:clamp(24px,4vw,56px);flex-wrap:wrap;
}
.ctaA__copy{flex:1 1 420px}
.ctaA__title{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.5;font-weight:800;color:#fff;letter-spacing:-.01em}
.ctaA__lead{margin:14px 0 0;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.88)}
.ctaA__actions{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.ctaA__btn{
  display:inline-flex;align-items:center;height:54px;padding:0 32px;border-radius:8px;
  background:#fff;color:#0a2540;font-size:15px;font-weight:800;text-decoration:none;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.4);transition:transform .14s ease;
}
.ctaA__btn:hover{transform:translateY(-1px)}
.ctaA__link{color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}
@media (max-width:680px){
  .ctaA__actions{width:100%;flex-direction:column;align-items:stretch;gap:14px}
  .ctaA__btn{justify-content:center}
  .ctaA__link{text-align:center;border-bottom:0;text-decoration:underline}
}
