.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.6vw,24px);
  margin-top:clamp(44px,5vw,68px)}
.why__card{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  padding:clamp(26px,2.4vw,34px);background:linear-gradient(165deg,var(--green-soft),var(--green));
  transition:.5s var(--ease)}
.why__card::before{content:"";position:absolute;inset:0;opacity:0;transition:.5s var(--ease);
  background:radial-gradient(80% 60% at 50% 0%,rgba(197,197,197,.14),transparent 70%)}
.why__card:hover{transform:translateY(-6px);border-color:rgba(197,197,197,.4)}
.why__card:hover::before{opacity:1}
.why__ic{position:relative;z-index:2;width:46px;height:46px;border-radius:12px;display:inline-flex;
  align-items:center;justify-content:center;background:rgba(244,245,243,.06);border:1px solid var(--line)}
.why__ic svg{width:22px;height:22px;color:var(--paper)}
.why__card h3{position:relative;z-index:2;font-family:var(--t-display);font-weight:500;font-size:1.2rem;
  margin-top:1.3rem;line-height:1.15}
.why__card p{position:relative;z-index:2;color:var(--gray-2);font-size:.92rem;margin-top:.6rem}
.why__cta{display:flex;justify-content:center;margin-top:clamp(40px,5vw,60px)}
@media(max-width:980px){.why__grid{grid-template-columns:1fr}}