.vl-root{--vl-bg:#0a0e1a;--vl-surface:#131826;--vl-surface-2:#1c2236;--vl-ink:#e7ecf3;--vl-ink-2:#a1aac0;--vl-ink-3:#6e7896;--vl-line:#ffffff14;--vl-line-2:#ffffff24;--vl-accent:#4c8dff;--vl-accent-soft:#4c8dff1f;--vl-yellow:#f5d547;--vl-success:#34d399;font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;background:var(--vl-bg);color:var(--vl-ink);-webkit-font-smoothing:antialiased;min-height:100vh}.vl-root *{box-sizing:border-box}.vl-container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.vl-top{border-bottom:1px solid var(--vl-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0e1ad9;position:sticky;top:0}.vl-top-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:16px 24px;display:flex}.vl-logo{color:var(--vl-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.vl-logo-mark{background:linear-gradient(135deg, var(--vl-yellow), var(--vl-accent));color:#0a0e1a;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.vl-logo-text{flex-direction:column;line-height:1;display:flex}.vl-logo-text strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.vl-logo-text small{color:var(--vl-ink-3);letter-spacing:.18em;text-transform:uppercase;margin-top:3px;font-size:10px}.vl-top-nav{align-items:center;gap:22px;font-size:13.5px;display:flex}.vl-top-nav a{color:var(--vl-ink-2);text-decoration:none;transition:color .15s}.vl-top-nav a:hover{color:var(--vl-ink)}.vl-top-link-out{align-items:center;gap:4px;font-size:12px;display:inline-flex;color:var(--vl-ink-3)!important}@media (max-width:600px){.vl-top-nav{gap:14px;font-size:12.5px}.vl-top-nav a:nth-child(2){display:none}}.vl-hero{padding:80px 0 100px;position:relative;overflow:hidden}.vl-hero:before{content:"";pointer-events:none;background:radial-gradient(#4c8dff26 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.vl-hero:after{content:"";pointer-events:none;background:radial-gradient(#f5d54714 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-200px;left:-200px}.vl-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--vl-yellow);margin-bottom:18px;font-size:11px;font-weight:700;display:inline-block}.vl-hero-title{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.05}.vl-hero-accent{color:var(--vl-accent)}.vl-hero-sub{color:var(--vl-ink-2);max-width:620px;margin:0 0 32px;font-size:clamp(16px,1.6vw,18px);line-height:1.6}.vl-hero-cta{flex-wrap:wrap;gap:12px;display:flex}.vl-btn{font:inherit;border:1px solid var(--vl-line-2);background:var(--vl-surface);color:var(--vl-ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.vl-btn:hover{border-color:var(--vl-ink-3);background:var(--vl-surface-2)}.vl-btn-primary{background:var(--vl-accent);border-color:var(--vl-accent);color:#fff}.vl-btn-primary:hover{background:#3a7bee;border-color:#3a7bee}.vl-btn-ghost{background:0 0}.vl-btn-lg{padding:14px 26px;font-size:15px}.vl-section{border-top:1px solid var(--vl-line);padding:80px 0}.vl-section-soft{background:linear-gradient(180deg, var(--vl-bg) 0%, #0d1322 100%)}.vl-section-title{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.vl-section-sub{color:var(--vl-ink-2);max-width:640px;margin:0 0 36px;font-size:15.5px;line-height:1.6}.vl-grid-3{grid-template-columns:1fr;gap:16px;margin-top:32px;display:grid}@media (min-width:760px){.vl-grid-3{grid-template-columns:repeat(3,1fr)}}.vl-card{background:var(--vl-surface);border:1px solid var(--vl-line);border-radius:14px;padding:26px;transition:border-color .15s,transform .15s}.vl-card:hover{border-color:var(--vl-line-2);transform:translateY(-2px)}.vl-card-icon{width:22px;height:22px;color:var(--vl-accent);margin-bottom:14px}.vl-card-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--vl-ink-3);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.vl-card-title{letter-spacing:-.015em;color:var(--vl-ink);margin:0 0 8px;font-size:17px;font-weight:700}.vl-card-body{color:var(--vl-ink-2);margin:0;font-size:13.5px;line-height:1.6}.vl-demos-list{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:720px){.vl-demos-list{grid-template-columns:repeat(2,1fr)}}.vl-demo-card{background:var(--vl-surface);border:1px solid var(--vl-line);border-radius:14px;padding:24px;transition:all .15s}.vl-demo-card:hover{border-color:var(--vl-line-2)}.vl-demo-card.is-active{border-color:var(--vl-accent);box-shadow:0 0 0 4px var(--vl-accent-soft)}.vl-demo-status{letter-spacing:.18em;color:var(--vl-ink-3);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;display:inline-flex}.vl-demo-card.is-active .vl-demo-status{color:var(--vl-success)}.vl-dot{background:var(--vl-ink-3);border-radius:50%;width:8px;height:8px}.vl-dot-active{background:var(--vl-success);animation:2s ease-in-out infinite vl-pulse;box-shadow:0 0 0 4px #34d39926}@keyframes vl-pulse{0%,to{box-shadow:0 0 0 4px #34d39926}50%{box-shadow:0 0 0 8px #34d3990d}}.vl-demo-name{letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:700}.vl-demo-desc{color:var(--vl-ink-2);margin:0 0 16px;font-size:14px;line-height:1.55}.vl-demo-link{color:var(--vl-accent);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .15s;display:inline-flex}.vl-demo-link:hover{gap:10px}.vl-cta-wrap{grid-template-columns:1fr;align-items:end;gap:32px;display:grid}@media (min-width:760px){.vl-cta-wrap{grid-template-columns:1.4fr 1fr}}.vl-cta-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}@media (min-width:760px){.vl-cta-actions{align-items:flex-end}}.vl-foot{border-top:1px solid var(--vl-line);color:var(--vl-ink-3);padding:28px 0;font-size:12.5px}.vl-foot-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}.vl-foot-inner strong{color:var(--vl-ink-2)}.vl-foot-meta{flex-wrap:wrap;gap:18px;display:flex}.vl-foot-meta a{color:var(--vl-ink-3);text-decoration:none}.vl-foot-meta a:hover{color:var(--vl-ink-2)}