.why{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.why__card{border-right:1px solid var(--line);align-content:start;gap:10px;min-width:0;padding:0 28px 28px;transition:background-color .2s;display:grid}.why__card:last-child{border-right:0}.why__card:hover{background:var(--panel)}.why__art{border-bottom:1px solid var(--line);background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:6px 6px;place-items:center;height:148px;margin:0 -28px 8px;display:grid}.why-icon{width:auto;height:84px;display:block;overflow:visible}.why-icon--wide{width:104px;height:auto}.why__card h3{letter-spacing:-.03em;font-size:22px}.why__card p{color:var(--dim);max-width:40ch;font-size:15px}.why__card .mono{color:var(--blue-hi)}@media (max-width:900px){.why{grid-template-columns:1fr}.why__card{border-right:0;border-bottom:1px solid var(--line)}.why__card:last-child{border-bottom:0}}.why-rise{animation:2.4s steps(6,end) infinite why-rise;animation-delay:calc(var(--i) * -.3s)}@keyframes why-rise{0%,30%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.why-frame{opacity:0;animation:2.4s step-end infinite why-frame}@keyframes why-frame{0%{opacity:1}33.33%{opacity:0}}.why-press{opacity:0;animation:3.2s step-end infinite why-press}@keyframes why-press{0%{opacity:.95}9%{opacity:0}}.why-up{animation-delay:0s}.why-left{animation-delay:.45s}.why-down{animation-delay:.9s}.why-a{animation-delay:1.35s}.why-b{animation-delay:1.8s}.why-x{animation-delay:2.25s}.why-y{animation-delay:2.7s}.why-right{animation-delay:3.1s}.why-stick{animation:3.2s step-end infinite why-stick}.why-stick--right{animation-delay:-1.6s}@keyframes why-stick{0%{transform:translate(0)}25%{transform:translate(.6px,-.4px)}50%{transform:translate(0)}75%{transform:translate(-.6px,.4px)}}.why-icon:not(.is-live) *{animation-play-state:paused}.why{content-visibility:auto;contain-intrinsic-width:none;contain-intrinsic-height:auto 420px;min-width:0}