.hc-grid{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.hc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-tool-card][hidden],[data-tool-section][hidden],[data-hub-featured][hidden]{display:none!important}.hc-cell{--hc-ease:cubic-bezier(.2,.8,.2,1);min-width:0}.hc{--tx:0;--ty:0;--mx:50%;--my:-30%;--lift:0px;isolation:isolate;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--cat)55%,transparent),transparent)50% 0/70% 1px no-repeat,radial-gradient(120% 70% at 0% 0%,color-mix(in oklab,var(--cat)7%,transparent),transparent 60%),linear-gradient(180deg,#ffffff09,#ffffff02),#0c0e13;height:100%;color:inherit;transform:perspective(900px)rotateX(calc(var(--ty)*-3deg))rotateY(calc(var(--tx)*4deg))translateY(var(--lift));transition:transform .5s var(--hc-ease),border-color .3s var(--hc-ease),box-shadow .45s var(--hc-ease);border:1px solid #94a3b81a;border-radius:14px;flex-direction:column;padding:1.125rem 1.125rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.hc:before,.hc:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s var(--hc-ease);position:absolute;inset:0}.hc:before{background:radial-gradient(340px circle at var(--mx)var(--my),color-mix(in oklab,var(--cat)16%,transparent),transparent 62%)}.hc:after{z-index:1;background:radial-gradient(240px circle at var(--mx)var(--my),color-mix(in oklab,var(--cat)85%,white 10%),transparent 68%);-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hc:hover,.hc:focus-visible{--lift:-4px;border-color:color-mix(in oklab,var(--cat)28%,transparent);box-shadow:0 22px 44px -24px color-mix(in oklab,var(--cat)55%,transparent),0 2px 0 0 #ffffff05 inset}.hc:hover:before,.hc:hover:after,.hc:focus-visible:before{opacity:1}.hc:focus-visible{outline:2px solid color-mix(in oklab,var(--cat)80%,white);outline-offset:2px}.hc-top{align-items:center;gap:.625rem;min-width:0;display:flex}.hc-badges{flex-wrap:wrap;justify-content:flex-end;gap:.375rem;margin-left:auto;display:flex}.hc-glyph{width:2.25rem;height:2.25rem;color:color-mix(in oklab,var(--cat)62%,white);background:linear-gradient(160deg,color-mix(in oklab,var(--cat)34%,transparent)0%,#0a0e1ab3 62%,#05070eeb 100%);box-shadow:inset 0 1px 0 #fff3,inset 0 0 0 1px color-mix(in oklab,var(--cat)42%,transparent),0 10px 20px -10px color-mix(in oklab,var(--cat)70%,transparent);transition:transform .5s var(--hc-ease);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.hc-glyph:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(60% 50% at 28% 18%,#ffffff52,#0000 70%);position:absolute;inset:0}.hc-glyph svg{width:1.125rem;height:1.125rem;position:relative}.hc:hover .hc-glyph{transform:translateZ(0)translate(calc(var(--tx)*2px),calc(var(--ty)*2px))scale(1.06)}.hc-cat{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;min-width:0;color:color-mix(in oklab,var(--cat)55%,#94a3b8);font-size:.6875rem;font-weight:500;overflow:hidden}.hc-name{letter-spacing:-.01em;color:#f5f7fb;margin-top:1rem;font-size:1rem;font-weight:600;line-height:1.35;display:block}.hc-desc{-webkit-line-clamp:2;color:#e2e8f0b8;-webkit-box-orient:vertical;margin-top:.3rem;font-size:.875rem;line-height:1.45;display:-webkit-box;overflow:hidden}.hc-slot{box-sizing:content-box;height:1.25rem;margin-top:auto;padding-top:.875rem;display:block;overflow:hidden}.hc-slot-in{transition:transform .45s var(--hc-ease);flex-direction:column;display:flex}.hc-cta,.hc-peek{align-items:center;height:1.25rem;font-size:.8125rem;line-height:1.25rem;display:flex}.hc-cta{color:color-mix(in oklab,var(--cat)60%,white);gap:.3rem;font-weight:500}.hc-cta svg{width:.875rem;height:.875rem;transition:transform .35s var(--hc-ease)}.hc-peek{white-space:nowrap;text-overflow:ellipsis;color:#94a3b8;display:block;overflow:hidden}.hc-peek:before{content:"→ ";color:color-mix(in oklab,var(--cat)60%,white)}.hc:hover .hc-cta svg,.hc:focus-visible .hc-cta svg{transform:translate(3px)}@media (hover:hover){.hc:hover .hc-slot[data-peek] .hc-slot-in,.hc:focus-visible .hc-slot[data-peek] .hc-slot-in{transform:translateY(-1.25rem)}}@media (hover:none){.hc{transform:none}.hc-slot[data-peek]{height:auto}.hc-slot[data-peek] .hc-cta{display:none}.hc-slot[data-peek] .hc-peek{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto;display:-webkit-box}}@media (prefers-reduced-motion:reduce){.hc,.hc:hover,.hc:focus-visible{transition:border-color .2s,box-shadow .2s;transform:none}.hc-slot-in,.hc-glyph,.hc-cta svg{transition:none}}.hc-pill{--cat:#3b82f6;white-space:nowrap;color:#94a3b8;cursor:pointer;background:#0f121ab3;border:1px solid #94a3b829;border-radius:999px;align-items:center;gap:.5rem;min-height:2.5rem;padding:.375rem .875rem;font-size:.875rem;transition:color .2s,border-color .2s,background-color .2s,box-shadow .3s;display:inline-flex}.hc-pill:hover{color:#f5f7fb;border-color:color-mix(in oklab,var(--cat)45%,transparent)}.hc-pill:focus-visible{outline:2px solid color-mix(in oklab,var(--cat)80%,white);outline-offset:2px}.hc-pill[aria-pressed=true]{color:#f5f7fb;border-color:color-mix(in oklab,var(--cat)60%,transparent);background:color-mix(in oklab,var(--cat)14%,#0f121ae6);box-shadow:0 0 0 3px color-mix(in oklab,var(--cat)14%,transparent),inset 0 1px 0 #ffffff14}.hc-pill-dot{background:var(--cat);width:.5rem;height:.5rem;box-shadow:0 0 10px var(--cat);border-radius:999px}.hc-pill-count{color:#94a3b8cc;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}
.sb{--sb-c:#3b82f6;--sb-x:70%;--sb-y:10%;--sb-ease:cubic-bezier(.2,.8,.2,1);--sb-spring:cubic-bezier(.34,1.36,.5,1);isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:inset 0 1px 0 #dbeafe59,inset 0 0 0 1px #60a5fa38,0 30px 60px -30px #000000e6,0 20px 60px -40px color-mix(in oklab,var(--sb-c)80%,transparent);transition:box-shadow .6s var(--sb-ease);animation:sb-in .9s var(--sb-ease)both .15s;background:linear-gradient(#ffffff17 0%,#fff0 26%),radial-gradient(120% 80% at 85% 0,#93c5fd1f,#93c5fd00 60%),linear-gradient(#0f172a80 0%,#0a0e1ac7 50%,#05070eeb 100%);border-radius:22px;padding:1.25rem;position:relative;overflow:hidden}@media (min-width:640px){.sb{padding:1.5rem}}@keyframes sb-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.sb-spec{z-index:-1;background:radial-gradient(280px 220px at var(--sb-x)var(--sb-y),#93c5fd8c,#93c5fd00 70%);mix-blend-mode:screen;opacity:.16;pointer-events:none;transition:background-position .3s;position:absolute;inset:0}.sb-kicker{letter-spacing:.04em;color:#cbd5e1b3;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.sb-form{gap:.75rem;margin-top:.875rem;display:grid}.sb-field{box-shadow:inset 0 1px 2px #0009,inset 0 0 0 1px color-mix(in oklab,var(--sb-c)32%,#94a3b81f);transition:box-shadow .45s var(--sb-ease);background:#03050a9e;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.625rem .75rem .625rem .625rem;display:flex;position:relative}.sb-field:focus-within{box-shadow:inset 0 1px 2px #0009,inset 0 0 0 1px color-mix(in oklab,var(--sb-c)70%,transparent),0 0 0 4px color-mix(in oklab,var(--sb-c)16%,transparent)}.sb-icon{width:2.5rem;height:2.5rem;color:color-mix(in oklab,var(--sb-c)60%,white);background:linear-gradient(160deg,color-mix(in oklab,var(--sb-c)38%,transparent)0%,#0a0e1ab3 62%,#05070eeb 100%);box-shadow:inset 0 1px 0 #ffffff38,inset 0 0 0 1px color-mix(in oklab,var(--sb-c)45%,transparent),0 10px 22px -10px color-mix(in oklab,var(--sb-c)80%,transparent);transition:color .45s var(--sb-ease),background .45s var(--sb-ease),box-shadow .45s var(--sb-ease);border-radius:11px;flex:none;position:relative}.sb-icon:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(60% 50% at 28% 18%,#ffffff57,#0000 70%);position:absolute;inset:0}.sb-icon-g{opacity:0;filter:blur(4px);transition:opacity .35s var(--sb-ease),transform .55s var(--sb-spring),filter .35s var(--sb-ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(.55)rotate(-24deg)}.sb-icon-g[data-on]{opacity:1;filter:none;transform:none}.sb-icon-g svg{width:1.25rem;height:1.25rem}.sb-input{resize:none;field-sizing:content;color:#f5f7fb;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;min-height:2.5rem;max-height:6.5rem;padding:.5625rem 0;font-size:1rem;line-height:1.375rem}.sb-input::placeholder{color:#94a3b8bf}.sb-go{color:#fff;background:linear-gradient(180deg,color-mix(in oklab,var(--sb-c)88%,white 12%),color-mix(in oklab,var(--sb-c)80%,black 20%));min-height:2.875rem;box-shadow:inset 0 1px 0 #ffffff47,0 10px 24px -12px color-mix(in oklab,var(--sb-c)90%,transparent);transition:background .45s var(--sb-ease),box-shadow .45s var(--sb-ease),transform .2s var(--sb-ease),opacity .3s;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9375rem;font-weight:600;display:inline-flex;overflow:hidden}.sb-go svg{width:1rem;height:1rem;transition:transform .3s var(--sb-ease)}.sb-go:hover:not(:disabled) svg{transform:translate(3px)}.sb-go:active:not(:disabled){transform:scale(.985)}.sb-go:focus-visible{outline:2px solid color-mix(in oklab,var(--sb-c)70%,white);outline-offset:2px}.sb-go:disabled{cursor:default;color:#cbd5e1b3;background:#1e293b8c;box-shadow:inset 0 0 0 1px #94a3b824}.sb-go-label{animation:sb-label .45s var(--sb-ease)}@keyframes sb-label{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sb-hint{color:#94a3b8;min-height:1.25rem;margin-top:.75rem;font-size:.8125rem;line-height:1.25rem}.sb-row{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.75rem;display:flex}.sb-row-label{color:#94a3b8cc;margin-right:.125rem;font-size:.75rem}.sb-chip{color:#cbd5e1;cursor:pointer;background:#0f121a99;border:1px solid #94a3b829;border-radius:999px;align-items:center;min-height:2rem;padding:.25rem .7rem;font-size:.8125rem;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.sb-chip:hover{color:#fff;border-color:color-mix(in oklab,var(--sb-c)55%,transparent)}.sb-chip:focus-visible{outline:2px solid color-mix(in oklab,var(--sb-c)70%,white);outline-offset:2px}.sb-chip--mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}@media (prefers-reduced-motion:reduce){.sb,.sb-go-label{animation:none}.sb-icon-g{filter:none;transition:opacity .2s;transform:none}}