/* page */
.hero{padding:96px 0 0}
.search{margin-top:40px;display:flex;gap:8px;max-width:780px;background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:6px}
.search input{flex:1;min-width:0;font:inherit;font-size:17px;border:0;background:transparent;padding:0 12px;height:48px;color:var(--ink)}
.search input::placeholder{color:var(--muted)}
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:80px}
.proof > div{padding:28px 24px 32px 0}
.proof > div + div{padding-left:24px;border-left:1px solid var(--line)}
.proof .n{font-family:var(--font-display);font-weight:700;font-size:48px;line-height:52px;letter-spacing:-.015em}
.proof .l{font-size:14px;line-height:20px;color:var(--ink-2);margin-top:8px;max-width:230px}
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.doors a{text-decoration:none;color:inherit;display:block;border-radius:var(--radius-lg)}
.doors a:hover .lk-card{border-color:var(--violet)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:40px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.tab{font:inherit;font-size:14px;font-weight:600;height:44px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-raised);color:var(--ink-2);cursor:pointer}
.tab:hover{color:var(--ink);border-color:var(--border)}
.top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:8px}
.uc{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.uc .r{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--violet);padding-top:3px}
.uc h4{margin:0;font-family:var(--font-display);font-weight:600;font-size:19px;line-height:26px}
.uc p{margin:4px 0 0;color:var(--ink-2);font-size:15px;line-height:22px}
.uc .see{font-size:13px;font-weight:600;color:var(--violet);text-decoration:none;white-space:nowrap;padding-top:4px}
.finder{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;margin-top:48px;align-items:start}
.filters{display:flex;flex-direction:column;gap:20px;padding:24px}
.filters label{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:600}
.filters label small{font-weight:400;color:var(--muted);font-size:13px}
.filters select{font:inherit;font-weight:400;font-size:15px;height:44px;padding:0 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);margin-top:6px}
.chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:4px 6px 4px 12px;border-radius:var(--radius-pill);background:var(--violet-soft);color:var(--violet)}
.chip button{border:0;background:none;color:inherit;cursor:pointer;font:inherit;width:28px;height:28px;border-radius:999px}
.res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.rc{padding:24px;display:flex;flex-direction:column;gap:10px}
.rc h4{margin:0;font-family:var(--font-display);font-weight:600;font-size:19px;line-height:26px}
.rc p{margin:0;color:var(--ink-2);font-size:15px;line-height:22px}
.rc .rep{font-size:13px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line);margin-top:4px}
.nine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:56px;border-top:1px solid var(--ink)}
.kind{padding:28px 28px 32px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;color:var(--ink)}
.kind:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}
.kind .c{font-family:var(--font-display);font-weight:700;font-size:56px;line-height:56px;letter-spacing:-.02em}
.kind h3{margin:8px 0 0;font-family:var(--font-display);font-weight:600;font-size:19px;line-height:26px}
.kind p{margin:0;color:var(--ink-2);font-size:15px;line-height:22px}
.kind .ex{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--muted);margin-top:8px}
.del{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.del p{margin:0;color:var(--ink-2);font-size:15px;line-height:23px;padding:0 8px}
@media (max-width:1100px){.doors{grid-template-columns:repeat(2,minmax(0,1fr))}.nine{grid-template-columns:repeat(2,minmax(0,1fr))}.kind{padding-left:0 !important;border-left:0 !important}}
@media (max-width:900px){
.wrap{padding:0 16px}
.split,.ftr-top,.finder,.top,.res{grid-template-columns:minmax(0,1fr)}
.xl{font-size:56px;line-height:56px}.h2{font-size:36px;line-height:40px}
.proof,.del{grid-template-columns:repeat(2,minmax(0,1fr))}
.proof > div:nth-child(3){padding-left:0;border-left:0}
.sec{padding:64px 0}
.search{flex-wrap:wrap}.search .cta{width:100%;justify-content:center}
}
@media (max-width:600px){.doors,.nine,.del{grid-template-columns:minmax(0,1fr)}.uc{grid-template-columns:36px minmax(0,1fr)}.uc .see{display:none}}
.res{list-style:none;padding:0}
.rc h3{margin:0;font-family:var(--font-display);font-weight:600;font-size:19px;line-height:26px}
.rc .badges{display:flex;gap:6px;flex-wrap:wrap}
.rc .fits{font-size:13px;color:var(--muted)}
.rc .more summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink);min-height:32px;display:flex;align-items:center}
.rc .more p{margin-top:6px;font-size:14px;line-height:21px}
.rc .see{font-size:14px;font-weight:600;color:var(--violet);text-decoration:none;margin-top:auto;min-height:32px;display:flex;align-items:center}
.rc .see:hover{color:var(--lilac)}
.clear{font:inherit;font-size:14px;background:none;border:0;color:var(--violet);text-decoration:underline;cursor:pointer;min-height:32px;padding:0 4px}
.sort{font:inherit;font-size:14px;height:40px;border:1.5px solid var(--border);border-radius:6px;padding:0 8px;background:var(--surface);color:var(--ink)}
.filters select option:disabled{display:none}
.empty{margin-top:20px;padding:32px;border:1px dashed var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.empty h3{margin:0;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:30px}
.empty p{margin:0;color:var(--ink-2)}
.more-row{display:flex;justify-content:center;margin-top:32px}
.doors a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.sec{border-top:0;border-bottom:0}