.rv-tools-hero{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:168px 40px 72px;display:flex}.rv-tools-title{letter-spacing:-.04em;text-wrap:balance;max-width:14em;margin:0;font-size:clamp(40px,5.4vw,68px);font-weight:500;line-height:1.04}.rv-tools-title .instrument_font{letter-spacing:-.01em}.rv-tools-sub{max-width:34em;color:var(--rv-muted);text-wrap:pretty;margin:24px 0 0;font-size:19px;line-height:1.5}.rv-tools-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:0 40px 120px;display:grid}.rv-tools-nav{position:sticky;top:96px}.rv-tools-nav ul{border:1px solid var(--rv-glass-edge);border-radius:var(--r-md);background:var(--rv-glass-bg);box-shadow:var(--rv-glass-shadow);backdrop-filter:var(--rv-glass-blur);margin:0;padding:6px;list-style:none}.rv-tools-nav a{border-radius:var(--r-sm);color:var(--rv-ink);opacity:.72;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:15px;text-decoration:none;transition:opacity .2s,background-color .2s;display:flex}.rv-tools-nav a span{color:var(--rv-muted);font-variant-numeric:tabular-nums;font-size:13px}.rv-tools-nav a:hover{opacity:1;background:#1018140d}.rv-tools-nav a[aria-current]{opacity:1;background:var(--rv-accent-tint)}.rv-tools-list{flex-direction:column;gap:72px;display:flex}.rv-tools-cat{scroll-margin-top:100px}.rv-tools-cat-head h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:500;line-height:1.1}.rv-tools-cat-head p{max-width:56ch;color:var(--rv-muted);margin:10px 0 0;font-size:16px;line-height:1.5}.rv-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.rv-tool a{border-radius:var(--r-md);background:var(--rv-surface);height:100%;box-shadow:var(--rv-surface-shadow);color:var(--rv-ink);transition:transform .25s var(--rv-ease-out), box-shadow .25s ease;flex-direction:column;padding:20px;text-decoration:none;display:flex;position:relative}.rv-tool a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #0e12101a,0 1px 2px #0e12100a,0 24px 44px -24px #0e121047,inset 0 1px #fffffff2}.rv-tool a:focus-visible{outline:2px solid var(--rv-ink);outline-offset:3px}.rv-tool.is-pick a{background:linear-gradient(#a1e48733,#ffffffe6 55%);box-shadow:0 0 0 1px #4c962d47,0 1px 2px #0e12100a,0 18px 40px -24px #4c962d73,inset 0 1px #fffffff2}.rv-tool-top{justify-content:space-between;align-items:flex-start;display:flex}.rv-tool-logo{border-radius:var(--r-sm);object-fit:contain;background:var(--white,#fff);width:40px;height:40px;box-shadow:0 0 0 1px #0e121014}.rv-tool-initial{color:var(--rv-ink);place-items:center;font-size:18px;font-weight:500;display:grid}.rv-tool.is-pick .rv-tool-initial{background:var(--rv-brand-gradient);box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #4c962d40}.rv-tool-rank{color:var(--rv-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px}.rv-tool h3{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:20px;font-weight:500;display:flex}.rv-tool p{color:var(--rv-muted);flex:1;margin:8px 0 0;font-size:15px;line-height:1.5}.rv-tool-link{color:var(--rv-ink);opacity:.7;align-items:center;gap:6px;margin-top:18px;font-size:14px;transition:opacity .2s;display:inline-flex}.rv-tool a:hover .rv-tool-link{opacity:1}.rv-tool-link svg{transition:transform .25s var(--rv-ease-out)}.rv-tool a:hover .rv-tool-link svg{transform:translate(2px,-2px)}@media (width<=991px){.rv-tools-layout{grid-template-columns:1fr;gap:32px}.rv-tools-nav{z-index:5;scrollbar-width:none;margin:0 -40px;padding:0 40px;top:84px;overflow-x:auto}.rv-tools-nav::-webkit-scrollbar{display:none}.rv-tools-nav ul{white-space:nowrap;border-radius:var(--r-md);gap:2px;display:inline-flex}.rv-tools-nav a{border-radius:var(--r-sm);padding:8px 12px}.rv-tools-cat{scroll-margin-top:150px}.rv-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.rv-tools-hero{padding:132px 16px 48px}.rv-tools-sub{font-size:17px}.rv-tools-layout{padding:0 16px 88px}.rv-tools-nav{margin:0 -16px;padding:0 16px}.rv-tools-list{gap:56px}.rv-tools-cat-head h2{font-size:26px}.rv-tools-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rv-tool a,.rv-tool-link svg{transition:none}.rv-tool a:hover{transform:none}}
