:root{--vx-bg:#0A0F1E;--vx-panel:#121A30;--vx-border:#232D4A;--vx-ink:#fff;--vx-muted:#8A94B0;--vx-lime:#C8F031;--vx-lime-ink:#0A0F1E;--vx-font-display:"Space Grotesk",sans-serif;--vx-font-body:"Inter",sans-serif;--vx-font-mono:"Space Mono",monospace}
.vx{background:var(--vx-bg);color:var(--vx-ink);font-family:var(--vx-font-body)}
.vx[class*="color-"]{--vx-bg:rgb(var(--color-background));--vx-ink:rgb(var(--color-foreground));--vx-muted:rgba(var(--color-foreground),.62);--vx-lime:rgb(var(--color-button));--vx-lime-ink:rgb(var(--color-button-text));--vx-panel:color-mix(in srgb,rgb(var(--color-background)),rgb(var(--color-foreground)) 6%);--vx-border:color-mix(in srgb,rgb(var(--color-background)),rgb(var(--color-foreground)) 14%)}
.vx :where(h1,h2,h3,h4,p,li,strong){color:inherit}
.vx :where(a){color:inherit;text-decoration:none}
.vx-section{padding:48px 0}
.vx-container{max-width:1200px;margin:0 auto;padding:0 20px}
.vx-eyebrow{font-family:var(--vx-font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--vx-lime);display:flex;align-items:center;gap:12px}
.vx-eyebrow::before{content:"";width:32px;height:2px;background:var(--vx-lime)}
.vx-h1{font-family:var(--vx-font-display);font-weight:700;font-size:48px;line-height:1.02;letter-spacing:-.02em;margin:16px 0;color:var(--vx-ink)}
.vx-h2{font-family:var(--vx-font-display);font-weight:700;font-size:32px;line-height:1.08;letter-spacing:-.01em;margin:16px 0;color:var(--vx-ink)}
.vx-mono{font-family:var(--vx-font-mono)}
.vx-muted{color:var(--vx-muted)}
.vx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 32px;border-radius:999px;background:var(--vx-lime);color:var(--vx-lime-ink);font-family:var(--vx-font-display);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;width:100%}
.vx-btn:hover{filter:brightness(1.08)}
.vx-btn--ghost{background:transparent;color:var(--vx-ink);border-bottom:2px solid var(--vx-lime);border-radius:0;padding:0 4px;min-height:44px;width:auto;text-transform:none;letter-spacing:.04em}
.vx-card{background:var(--vx-panel);border:1px solid var(--vx-border);border-radius:12px;padding:24px}
.vx-placeholder-svg{background:var(--vx-panel);fill:var(--vx-muted);border-radius:12px}
:where(html.js) .vx-reveal{opacity:0;transform:translateY(12px);transition:opacity .2s ease-out,transform .2s ease-out}
.vx-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.vx-reveal{opacity:1;transform:none;transition:none}}
@media (min-width:750px){.vx-section{padding:80px 0}.vx-container{padding:0 40px}.vx-h1{font-size:76px}.vx-h2{font-size:48px}.vx-btn{width:auto}}