body:has(.vx){background:#0a0a0a}body:has(.vx) #nd-nav{display:none!important}.vx{--bg:#0a0a0a;--panel:#101010;--line:#1e1e1e;--line-strong:#2a2a2a;--text:#ededed;--muted:#9a9a9a;--faint:#6b6b6b;--mono:var(--font-geist-mono), ui-monospace, monospace;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-geist-sans), ui-sans-serif, sans-serif;-webkit-font-smoothing:antialiased}.vx-nav{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);background:#0a0a0ad9;position:sticky;top:0}.vx-nav-inner{align-items:center;gap:32px;max-width:860px;height:60px;margin:0 auto;padding:0 24px;display:flex}.vx-brand{letter-spacing:-.2px;align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex}.vx-brand img{object-fit:contain;width:20px;height:20px}.vx-nav-links{color:var(--muted);flex:1;gap:24px;font-size:14px;display:flex}.vx-nav-links a{transition:color .15s}.vx-nav-links a:hover{color:var(--text)}.vx-btn{border-radius:7px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.vx-btn-sm{height:32px;padding:0 13px;font-size:13px}.vx-btn-light{background:var(--text);color:#0a0a0a}.vx-btn-light:hover{background:#fff}.vx-btn-ghost{border:1px solid var(--line-strong);color:var(--text)}.vx-btn-ghost:hover{background:var(--panel);border-color:#3a3a3a}.vx-cmd{border:1px solid var(--line);height:38px;color:var(--muted);font:13px var(--mono);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,color .15s;display:inline-flex}.vx-cmd:hover{border-color:var(--line-strong);color:var(--text)}.vx-cmd-prompt{color:var(--faint)}.vx-cmd-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vx-hero{text-align:center;max-width:640px;margin:0 auto;padding:96px 24px 0}.vx-eyebrow{color:var(--faint);font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em}.vx-hero h1{letter-spacing:-.03em;color:#fff;max-width:560px;margin:20px auto 0;font-size:clamp(34px,5vw,48px);font-weight:600;line-height:1.15}.vx-lede{max-width:460px;color:var(--muted);margin:18px auto 0;font-size:16px;line-height:1.6}.vx-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.vx-hero>.vx-cmd{margin-top:22px}.vx-section{max-width:640px;margin:88px auto 0;padding:0 24px}.vx-code{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.vx-code-bar{border-bottom:1px solid var(--line);color:var(--faint);font:12px var(--mono);padding:10px 16px}.vx-code pre{color:#d4d4d4;font:13px/1.75 var(--mono);padding:20px 22px;overflow-x:auto}.vx-grid{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.vx-grid article{background:var(--bg);padding:26px 24px}.vx-grid svg{color:var(--muted)}.vx-grid h3{letter-spacing:-.1px;margin-top:16px;font-size:15px;font-weight:600}.vx-grid p{color:var(--muted);margin-top:7px;font-size:13.5px;line-height:1.6}.vx-entry-head{justify-content:space-between;align-items:baseline;display:flex}.vx-entry-head h2{letter-spacing:-.3px;font-size:19px;font-weight:600}.vx-entry-head a{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.vx-entry-head a:hover{color:var(--text)}.vx-entry-list{border-top:1px solid var(--line);margin-top:18px}.vx-entry-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 2px;transition:padding .15s;display:flex}.vx-entry-item:hover{padding-left:8px}.vx-entry-item strong{font-size:14.5px;font-weight:540;display:block}.vx-entry-item span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.vx-entry-item svg{color:var(--faint);flex-shrink:0}.vx-footer{border-top:1px solid var(--line);max-width:640px;color:var(--faint);align-items:center;gap:28px;margin:96px auto 0;padding:24px 24px 40px;font-size:13px;display:flex}.vx-footer .vx-brand{color:var(--text);font-size:14px}.vx-footer-links{flex:1;gap:20px;display:flex}.vx-footer-links a:hover{color:var(--text)}@media (max-width:720px){.vx-nav-links{display:none}.vx-hero{padding-top:72px}}@media (max-width:480px){.vx-grid{grid-template-columns:1fr}.vx-entry-item{align-items:flex-start}.vx-footer{flex-direction:column;align-items:flex-start;gap:16px}}
