.cat{border-radius:var(--r-m);background:var(--bg);border:1px solid var(--line);align-items:center;gap:14px;padding:18px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}a.cat:hover{border-color:var(--blue);transform:translateY(-2px)}.cat .ic{border-radius:var(--r-tile-m);background:var(--blue);width:46px;height:46px;color:var(--yellow);place-items:center;font-size:24px;display:grid}.cat b{font:700 18px var(--font-h);color:var(--ink);display:block}.cat small{color:var(--muted);font-size:15px}.cat.off{background:var(--white);border-style:dashed;border-color:var(--line-strong)}.cat.off .ic{background:var(--blue-tint);color:var(--blue-deep)}.hero{background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden}.hero .wrap{padding-top:var(--s-10);grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding-bottom:72px;display:grid}.hero h1{letter-spacing:-.03em;font-size:clamp(2.3rem,5vw,3.7rem);font-weight:800;line-height:1.15}.hero p.lead{color:var(--muted);max-width:34em;margin:18px 0 26px;font-size:1.1rem}.search{background:var(--white);border:2px solid var(--ink);border-radius:var(--r-m);padding:5px 5px 5px var(--s-4);max-width:520px;box-shadow:var(--shadow-hard);align-items:center;gap:10px;display:flex}.search:focus-within{outline:3px solid var(--blue);outline-offset:2px}.search svg.i{color:var(--muted);font-size:22px}.search input{font:600 17px var(--font-b);color:var(--ink);background:0 0;border:0;flex:1;min-width:0;min-height:44px}.search input::placeholder{color:var(--muted);font-weight:400}.search input:focus-visible{outline:none}.search-status{color:var(--error);margin:0;font-size:15px;font-weight:600}.search-status:not(:empty){margin-top:var(--s-4)}.hint{gap:var(--s-2);color:var(--muted);flex-wrap:wrap;align-items:center;margin-top:18px;font-size:15px;display:flex}.search-status:not(:empty)+.hint{margin-top:var(--s-2)}.chip{background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);min-height:44px;padding:0 var(--s-4);color:var(--blue-deep);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--blue);color:var(--blue-deep)}.demo{padding:28px 0 28px 28px;position:relative}.demo .backdrop{background:var(--yellow);border-radius:var(--r-l);position:absolute;inset:0;transform:rotate(3deg)}.demo .card{background:var(--white);border:2px solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard);padding:22px;position:relative}.demo .tag{background:var(--ink);color:var(--white);border-radius:var(--r-pill);padding:3px var(--s-3);font-size:14px;font-weight:600;position:absolute;top:-14px;right:18px}.file{align-items:center;gap:14px;display:flex}.file .ext{border-radius:var(--r-tile-s);background:var(--blue-tint);border:1.5px solid var(--blue);width:52px;height:60px;color:var(--blue-deep);font:800 14px var(--font-h);place-items:end center;padding-bottom:9px;display:grid}.file .ext.w{background:var(--yellow);border-color:var(--ink);color:var(--yellow-ink)}.file b{color:var(--ink);font-weight:600;display:block}.file small{color:var(--muted);font-size:14px}.arrow{color:var(--blue);align-items:center;gap:10px;margin:14px 0 14px 66px;display:flex}.arrow .bar{border-radius:var(--r-pill);background:var(--blue-tint);flex:1;height:10px;overflow:hidden}.arrow .bar i{background:var(--blue);width:100%;height:100%;display:block}.demo .badge{margin-top:var(--s-4);font-size:15px}section.blk{padding:var(--s-10) 0 var(--s-2)}.sh{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:44px;margin-bottom:18px;display:flex}.sh h2{letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.sh a{min-height:44px;color:var(--blue);padding:0 var(--s-1);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.sh a:hover{color:var(--blue-deep);text-decoration:underline}.cats,.tools{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.trust{margin-top:var(--s-10);background:var(--ink);color:var(--on-ink);border-radius:var(--r-l)}.trust .in{grid-template-columns:repeat(3,1fr);display:grid}.trust .it{padding:30px var(--s-7);gap:var(--s-4);display:flex}.trust .it+.it{border-left:1px solid var(--line-ink)}.trust .it svg.i{color:var(--yellow);margin-top:3px;font-size:28px}.trust b{color:var(--white);font:700 19px var(--font-h);margin-bottom:2px;display:block}.trust span{font-size:16px;line-height:1.5;display:block}@media (width<=900px){.hero .wrap{gap:var(--s-8);padding-top:var(--s-8);padding-bottom:var(--s-9);grid-template-columns:1fr}.cats,.tools{grid-template-columns:repeat(2,1fr)}.tool.feat{grid-column:span 2}.trust .in{grid-template-columns:1fr}.trust .it+.it{border-left:0;border-top:1px solid var(--line-ink)}}@media (width<=520px){.cats,.tools{grid-template-columns:1fr}.tool.feat{gap:var(--s-3);flex-direction:column;grid-column:auto}.demo{padding:var(--s-5) 0 var(--s-5) 14px}}