.site-nav{--nav-ease:cubic-bezier(.23, 1, .32, 1);align-items:center;gap:2px;font-size:.9375rem;font-weight:550;display:flex}.site-nav__item{position:relative}.site-nav__trigger{color:var(--color-body);white-space:nowrap;cursor:pointer;user-select:none;border-radius:10px;align-items:center;gap:4px;min-height:40px;padding:0 11px;text-decoration:none;list-style:none;display:inline-flex}.site-nav__trigger::-webkit-details-marker{display:none}.site-nav__trigger svg{color:var(--color-muted);width:14px;height:14px;transition:rotate .2s var(--nav-ease)}.site-nav__trigger:hover,.site-nav__trigger[aria-current=page],.site-nav__item[open]>.site-nav__trigger{background:var(--color-hairline-soft);color:var(--color-ink)}.site-nav__item[open]>.site-nav__trigger svg{rotate:180deg}.site-nav__panel{z-index:60;border:1px solid var(--color-hairline);background:var(--color-surface);grid-template-columns:repeat(var(--cols,1), minmax(220px, 1fr));--cols:2;border-radius:16px;gap:4px 16px;padding:14px;font-weight:400;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 16px 40px -16px #18181b38,0 2px 6px #18181b0f}.site-nav__item[data-menu=tools]>.site-nav__panel{--cols:3;left:auto;right:0}.site-nav__item[data-menu=prices]>.site-nav__panel{--cols:1;min-width:min(280px,100%)}.site-nav__item[data-menu=blog]>.site-nav__panel{--cols:1;width:max-content;min-width:300px;left:auto;right:0}.site-nav__item[open]>.site-nav__panel{animation:site-nav-in .16s var(--nav-ease)}@keyframes site-nav-in{0%{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.site-nav__item[open]>.site-nav__panel{animation:none}.site-nav__trigger svg{transition:none}}.site-nav__col{flex-direction:column;gap:14px;display:flex}.site-nav__group{flex-direction:column;gap:2px;display:flex}.site-nav__head{color:var(--color-muted);margin:0 0 4px;padding:0 8px;font-size:.78rem;font-weight:500}.site-nav__link{border-radius:10px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex;color:var(--color-ink)!important}.site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__link[aria-current=page]{background:var(--color-hairline-soft)}.site-nav__icon{border:1px solid var(--color-hairline);background:var(--color-surface);color:var(--color-body);border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.site-nav__icon svg{width:18px;height:18px}.site-nav__text{flex-direction:column;min-width:0;display:flex}.site-nav__text strong{font-size:.9rem;font-weight:600}.site-nav__text span{color:var(--color-muted);font-size:.8rem}.site-nav__link--compact{gap:10px;padding:6px 8px}.site-nav__link--compact .site-nav__icon{border-radius:8px;width:28px;height:28px}.site-nav__link--compact .site-nav__icon svg{width:15px;height:15px}.site-nav__link--compact .site-nav__text strong{font-weight:550}.site-nav__all{border-top:1px solid var(--color-hairline-soft);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 8px 2px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;color:var(--color-ink)!important}.site-nav__all:hover{color:var(--color-accent)!important}@media (1024px<=width<1200px){.site-nav__panel{grid-template-columns:repeat(var(--cols,1), minmax(196px, 1fr))}}@media (width<1024px){.site-nav{flex-wrap:wrap;width:calc(100% + 22px);margin-inline:-11px}.site-nav__item{position:static}.site-nav__panel,.site-nav__item[data-menu=tools]>.site-nav__panel,.site-nav__item[data-menu=blog]>.site-nav__panel{width:auto;min-width:0;left:var(--spacing-gutter-x,16px);right:var(--spacing-gutter-x,16px);overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:calc(100dvh - 140px);top:calc(100% - 4px);overflow-y:auto}}@media (width<=560px){.site-nav{scrollbar-width:none;flex-wrap:nowrap;width:calc(100% + 18px);margin-inline:-9px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__trigger{padding:0 9px}}
