.why-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.why-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:28px 24px;transition:border-color .15s,transform .15s}.why-card:hover{border-color:var(--tsc-red-500);transform:translateY(-2px)}.why-index{font-family:var(--font-mono);color:var(--tsc-red-500);margin-bottom:14px;font-size:13px;display:block}.why-card h3{margin-bottom:10px;font-size:16.5px}.why-card p{color:var(--ink-600);font-size:14px;line-height:1.6}@media (width<=920px){.why-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.why-grid{grid-template-columns:1fr}}