.compare-index{background:var(--c-bg);padding:0 0 5rem}.compare-index__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}.compare-index__card{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.75rem;border:1px solid var(--c-line);border-radius:20px;background:var(--c-panel);text-decoration:none;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.compare-index__card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c-lime);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.compare-index__card:hover{transform:translateY(-2px);border-color:var(--c-line-strong);background:var(--c-panel-hi)}.compare-index__card:hover:before{transform:scaleX(1)}.compare-index__card:focus-visible{outline:2px solid var(--c-lime);outline-offset:3px}.compare-index__label{font-family:Geist Mono,ui-monospace,monospace;font-size:.68rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--c-faint);min-height:calc(2 * .68rem * 1.4)}.compare-index__name{font-size:1.25rem;line-height:1.2;font-weight:600;color:var(--c-ink);text-wrap:balance}.compare-index__go{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1rem;font-size:.85rem;font-weight:500;color:var(--c-lime)}.compare-index__go svg{transition:transform .18s ease}.compare-index__card:hover .compare-index__go svg{transform:translateX(3px)}.compare-index__note{margin:2rem 0 0;max-width:46rem;font-size:.9rem;line-height:1.6;color:var(--c-muted)}@media (prefers-reduced-motion:reduce){.compare-index__card,.compare-index__card:before,.compare-index__go svg{transition:none}.compare-index__card:hover{transform:none}}@media (max-width:767px){.compare-index{padding-bottom:3.5rem}.compare-index__card{padding:1.4rem}.compare-index__name{font-size:1.15rem}}