.hero{padding-block:var(--space-6) var(--space-6);text-align:center}@media (width>=1024px){.hero{padding-block:80px}}.hero__title{letter-spacing:-.02em;margin:0 0 var(--space-4);font-size:clamp(1.75rem,4vw + 1rem,2.75rem);font-weight:700}.hero__subtitle{color:var(--color-muted);max-width:40rem;margin:0 auto var(--space-6);font-size:1.0625rem}.tool-search{text-align:start;max-width:38rem;margin-inline:auto;position:relative}.tool-search__icon{color:var(--color-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-5);transform:translateY(-50%)}.tool-search__input{box-sizing:border-box;width:100%;font-family:var(--font-sans);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);padding-inline-start:calc(var(--space-5) * 2 + 22px);font-size:1.1875rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 8px 30px -12px #00000040}.tool-search__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in oklch, var(--color-accent) 20%, transparent), 0 8px 30px -12px #00000040;outline:none}.tool-search__results{inset-inline:0;top:calc(100% + var(--space-3));z-index:10;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:start;max-height:22rem;margin:0;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 12px 24px -12px #00000040}.tool-search__results[hidden]{display:none}.tool-search__item a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;text-decoration:none;display:block}.tool-search__item a:hover,.tool-search__item a:focus{background:var(--color-accent);color:var(--color-accent-contrast)}.tool-search__empty{padding:var(--space-2) var(--space-3);color:var(--color-muted);font-size:.875rem}