.hero{position:relative;overflow:hidden;padding:64px 0 48px;border-bottom:1px solid var(--border);background:var(--bg);text-align:center}@media (min-width:960px){.hero{padding:96px 0 72px}}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--text) 14%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 20%,transparent 75%)}.hero::after{content:"";position:absolute;left:50%;top:42%;width:720px;height:260px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--accent-soft),transparent);pointer-events:none}.hero-inner{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px 6px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text-2)}.hero-badge .pill{padding:2px 8px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:.75rem;font-weight:700}.hero h1{font-size:clamp(2.1rem,1.5rem + 3vw,3.5rem);max-width:22ch;margin:0 auto 16px;letter-spacing:-.02em;text-wrap:balance}.hero h1 mark{background:none;color:var(--link)}.hero-lead{font-size:1.125rem;color:var(--text-2);max-width:58ch;margin:0 auto;text-wrap:balance}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:40px 0 0;padding:0;list-style:none;font-size:.9375rem;color:var(--text-2)}.hero-trust li{display:inline-flex;align-items:center;gap:8px}.hero-trust .icon{width:18px;height:18px;color:var(--success)}.search{position:relative;text-align:left}.hero-search{max-width:640px;margin:32px auto 0}.search-field{position:relative}.search-field .icon{position:absolute;left:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search input{width:100%;height:60px;padding:0 16px 0 52px;font:inherit;font-size:1.0625rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-md)}.search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-soft)}.search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:320px;overflow:auto}.search-results a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;min-height:44px;border-radius:6px;color:var(--text)}.search-results a:hover,.search-results a:focus{background:var(--surface-2);text-decoration:none;outline:none}.search-results small{color:var(--muted)}.search-empty{padding:10px 12px;color:var(--muted)}.cat-grid{display:grid;gap:16px}@media (min-width:720px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.cat-grid{grid-template-columns:repeat(4,1fr)}}.cat-box{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.cat-box:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cat-box-head{display:flex;gap:12px;align-items:center;padding:20px 20px 12px}.cat-box-head h3{margin:0;font-size:1.125rem;font-weight:700}.cat-box-head h3 a{color:var(--text)}.cat-box-head small{display:block;color:var(--muted);font-size:.8125rem}.cat-box-desc{padding:0 20px;font-size:.9rem;color:var(--text-2);margin-bottom:12px}.tool-list{list-style:none;margin:0;padding:0 8px;flex:1}.tool-list:last-child{padding-bottom:12px}.tool-list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);font-size:.95rem}.tool-list a:hover{background:var(--surface-2);text-decoration:none}.tool-list a .icon{color:var(--muted)}.tool-list a:hover .icon{color:var(--link)}.view-more{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:14px 20px;min-height:52px;border-top:1px solid var(--border);font-weight:500;color:var(--link)}.view-more:hover{background:var(--surface-2);text-decoration:none}.view-more .icon{transition:transform .2s}.view-more:hover .icon{transform:translateX(3px)}.az{columns:1;column-gap:32px;list-style:none;margin:0;padding:0}@media (min-width:600px){.az{columns:2}}@media (min-width:960px){.az{columns:4}}.az li{break-inside:avoid}.az a{display:inline-flex;min-height:40px;align-items:center;color:var(--text-2)}.az a:hover{color:var(--link)}