.marketing .xdir{max-width:960px;margin:0 auto;padding:0 36px}.marketing .xintro{padding:72px 0 36px}.marketing .xintro h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.12}.marketing .xintro .sub{max-width:56ch;color:var(--hunk-body);margin:0 0 14px;font-size:15px;line-height:1.65}.marketing .xintro .sub a{color:var(--acc);text-underline-offset:3px;text-decoration:underline}.marketing .xintro .sub a code{color:var(--hunk-accent-ink)}.marketing .xintro code{background:var(--hunk-panel);border-radius:4px;padding:1px 5px;font-size:.92em}.marketing .xcaveat{border-left:2.5px solid var(--acc);max-width:56ch;color:var(--soft);margin:0;padding-left:13px;font-size:13.5px;line-height:1.6}.marketing .xcontrols{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.marketing .xsearch-wrap{flex:260px;position:relative}.marketing .xsearch-icon{color:var(--soft);font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.marketing .xsearch{border:1.5px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);font-family:var(--mono);border-radius:8px;padding:9px 12px 9px 28px;font-size:13px}.marketing .xsearch:focus-visible,.marketing .xsort-wrap select:focus-visible{border-color:var(--acc);outline:none}.marketing .xsort-wrap{color:var(--soft);align-items:center;gap:8px;font-size:12px;display:flex}.marketing .xsort-wrap select{border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--mono);border-radius:8px;padding:9px 10px;font-size:13px}.marketing .xfacets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.marketing .xfacet{border:1px solid var(--rule);color:var(--soft);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:999px;padding:4px 11px;font-size:12px}.marketing .xfacet span{color:var(--hunk-muted);font-variant-numeric:tabular-nums;opacity:.75;margin-left:5px}.marketing .xfacet:hover{border-color:var(--ink);color:var(--ink)}.marketing .xfacet.is-on{border-color:var(--ink);background:var(--ink);color:var(--hunk-button-ink)}.marketing .xfacet.is-on span{color:var(--hunk-button-ink)}.marketing .xmeta-line{color:var(--soft);margin:16px 0 12px;font-size:12px}.marketing .xgrid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:12px;display:grid}.marketing .xcard{border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;flex-direction:column;gap:9px;padding:16px 18px;transition:all .12s;display:flex;position:relative}.marketing .xcard:hover{background:var(--hunk-paper-hover);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.marketing .xcard[hidden]{display:none}.marketing .xcard-head{align-items:center;gap:10px;display:flex}.marketing .xavatar{border:1px solid var(--rule);background:var(--hunk-panel);border-radius:6px;flex:none;width:32px;height:32px}.marketing .xname{overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;font-size:14px;font-weight:700;line-height:1.35}.marketing .xname a:after{content:"";border-radius:10px;position:absolute;inset:0}.marketing .xcard:hover .xname a{color:var(--acc)}.marketing .xowner{color:var(--soft);font-weight:400}.marketing .xcopy{z-index:1;border:1px solid var(--rule);background:var(--paper);color:var(--soft);cursor:pointer;border-radius:6px;flex:none;padding:6px;display:flex;position:relative}.marketing .xcopy:hover{border-color:var(--ink);color:var(--ink)}.marketing .xcopy.is-copied{border-color:var(--acc);color:var(--acc)}.marketing .xsum{-webkit-line-clamp:2;color:var(--hunk-body);-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.marketing .xtags{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.marketing .xtags li{border:1px solid var(--rule);color:var(--soft);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.marketing .xmeta{color:var(--soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:auto;padding-top:4px;font-size:11.5px;display:flex}.marketing .xstat{align-items:center;gap:4px;display:inline-flex}.marketing .xstar{color:#b07d00}.marketing .xwhen{margin-left:auto}.marketing .xempty{color:var(--soft);text-align:center;padding:40px 0;font-size:13px}.marketing .xmore{border:1.5px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);font-family:var(--mono);cursor:pointer;border-radius:8px;margin-top:12px;padding:11px;font-size:13px;display:block}.marketing .xmore:hover{border-color:var(--ink)}.marketing .xbrowse{padding-bottom:96px}@media (width<=760px){.marketing .xdir{padding:0 20px}.marketing .xintro{padding-top:48px}}@media (prefers-reduced-motion:reduce){.marketing .xcard:hover{transform:none}}