.io-hero{border-bottom:1px solid var(--line);padding:clamp(48px,8vw,92px) 0 clamp(36px,5vw,56px)}.io-hero h1{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;font-size:clamp(30px,4.6vw,50px);font-weight:600}.io-hero .lead{color:var(--ink-soft);max-width:52ch;margin:16px 0 30px;font-size:19px}.io-hero .io-devnote{max-width:56ch;margin:0 0 30px}.searchbar{max-width:720px;position:relative}.searchbar .field{background:var(--paper-2);border:1.5px solid var(--line-strong);border-radius:6px;align-items:center;gap:14px;padding:16px 18px;display:flex}.searchbar .field:focus-within{border-color:var(--ember)}.searchbar svg{flex:none}.searchbar input{font-family:var(--font-prose);color:var(--ink);background:0 0;border:none;outline:none;flex:1;width:auto;min-width:0;font-size:18px}.searchbar input::placeholder{color:var(--ink-faint)}.searchbar .hint{font-family:var(--font-mono);color:var(--ink-faint);margin-top:10px;font-size:12.5px}.searchbar .suggest{z-index:30;background:var(--paper-2);border:1px solid var(--line-strong);border-radius:6px;max-height:380px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 36px #1a171424}.searchbar .suggest.open{display:block}.searchbar .suggest .row{border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink);grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;padding:11px 16px;text-decoration:none;display:grid}.searchbar .suggest .row:last-child{border-bottom:none}.searchbar .suggest .row:hover,.searchbar .suggest .row.active{background:var(--paper);text-decoration:none}.searchbar .suggest .row .nm{font-family:var(--font-mono);word-break:break-word;font-size:14px;font-weight:500}.searchbar .suggest .row .nm .at{color:var(--ember-deep)}.searchbar .suggest .row .nm mark{color:var(--ember-deep);background:0 0;padding:0;font-weight:700}.searchbar .suggest .row .meta{font-family:var(--font-mono);color:var(--indigo-soft);white-space:nowrap;font-size:11.5px}.searchbar .suggest .row .ds{color:var(--ink-soft);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.searchbar .suggest .none{color:var(--ink-faint);font-family:var(--font-mono);padding:14px 16px;font-size:13px}.io-install{margin-top:22px;display:inline-flex}.howto{font-family:var(--font-mono);color:var(--ink-faint);margin-top:12px;font-size:13px;line-height:1.6}.howto b{color:var(--ink-soft);font-weight:500}.howto a{color:var(--indigo-soft)}.stats{border:1px solid var(--line);border-radius:var(--radius);gap:0;max-width:720px;margin-top:38px;display:flex;overflow:hidden}.stats .s{border-right:1px solid var(--line);flex:1;padding:18px 22px}.stats .s:last-child{border-right:none}.stats .s .n{font-family:var(--font-display);color:var(--ink);font-size:28px;font-weight:600}.stats .s .l{font-family:var(--font-mono);color:var(--indigo-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.browse{padding:clamp(48px,7vw,80px) 0}.browse-head{justify-content:space-between;align-items:baseline;gap:20px;margin:14px 0 22px;display:flex}.browse-head h2{font-size:clamp(24px,3vw,30px)}.browse-head .all{font-family:var(--font-mono);font-size:13px}.mem-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mem-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);color:var(--ink);grid-template-columns:40% 1fr;gap:0;text-decoration:none;transition:border-color .15s,transform .12s;display:grid;overflow:hidden}.mem-card:hover{border-color:var(--ember);text-decoration:none;transform:translateY(-2px)}.mem-card .fp-anchor{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper);border-right:1px solid var(--line);background-size:14px 14px,14px 14px,auto;justify-content:center;align-items:center;padding:18px;display:flex}.mem-card .fp-anchor .glyph{aspect-ratio:1;--fp-ember:var(--ember);--fp-ink:var(--indigo);width:100%}.mem-card .card-body{padding:20px}.mem-card .scope{font-family:var(--font-mono);color:var(--ink);word-break:break-word;font-size:14px;font-weight:500}.mem-card .scope .at{color:var(--ember-deep)}.mem-card .desc{color:var(--ink-soft);margin:6px 0 12px;font-size:14px;line-height:1.45}.mem-card .dist{flex-wrap:wrap;gap:6px;display:flex}.mem-card .dist span{font-family:var(--font-mono);color:var(--indigo);border:1px solid var(--line);border-radius:100px;padding:2px 8px;font-size:11px}.grid-msg{text-align:center;color:var(--ink-faint);font-family:var(--font-mono);padding:40px 0;font-size:14px}.grid-skel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);height:132px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.whatis{background:var(--slate);color:var(--on-slate);border-top:3px solid var(--ember)}.whatis .wi-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,56px);display:grid}.whatis h2{color:var(--on-slate);font-size:clamp(26px,3.6vw,36px)}.whatis p{color:var(--on-slate-soft);font-size:17px}.whatis .defn{font-family:var(--font-mono);color:var(--on-slate);border-left:2px solid var(--ember);margin:22px 0;padding-left:18px;font-size:14px;line-height:1.9}.whatis .defn b{color:var(--ember);font-weight:500}.whatis .install{background:var(--slate-2);border-color:var(--slate-line)}.whatis .install .prompt{color:var(--ember)}.whatis .install code{color:var(--on-slate)}.whatis .install button{color:var(--on-slate-soft);border-left-color:var(--slate-line)}.publish{text-align:center;padding:clamp(48px,7vw,80px) 0}.publish h2{margin-bottom:14px;font-size:clamp(26px,3.6vw,36px)}.publish p{color:var(--ink-soft);max-width:50ch;margin:0 auto 26px;font-size:18px}.publish .install{margin:0 auto}@media (width<=860px){.mem-grid,.mem-card{grid-template-columns:1fr}.mem-card .fp-anchor{border-right:none;border-bottom:1px solid var(--line);padding:22px}.mem-card .fp-anchor .glyph{width:96px}.whatis .wi-grid{grid-template-columns:1fr}.stats{flex-wrap:wrap}.stats .s{min-width:50%}}