.va-benchmarks{--va-bench-ink:var(--sl-ink);--va-bench-ink-soft:var(--sl-ink-2);--va-bench-accent:var(--sl-gold-t);--va-bench-cream:var(--sl-void);--va-benchmarks-panel-height:380px;box-sizing:border-box;background:var(--sl-void-2);color:var(--va-bench-ink);padding:calc(86px * var(--sl-sec-scale,1)) clamp(24px, 4vw, 48px) calc(112px * var(--sl-sec-scale,1));font-family:var(--sl-font-body);position:relative;overflow:hidden}.va-benchmarks__inner{max-width:1152px;margin:0 auto}.va-benchmarks__header{align-items:end;gap:40px;display:grid}@media (min-width:768px){.va-benchmarks__header{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.va-benchmarks__header-left{flex-direction:column;gap:34px;display:flex}.va-benchmarks__eyebrow{font-family:var(--sl-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--va-bench-ink-soft);margin:0;font-size:11px;font-weight:500}.va-benchmarks__title{margin:0}.va-benchmarks__title-line{display:block}.va-benchmarks__lead{max-width:28rem;margin:0}@media (min-width:768px){.va-benchmarks__lead{text-align:left;width:100%;max-width:none;transform:translateY(-105px)}}.va-benchmarks__body{gap:40px;margin-top:64px;display:grid}@media (min-width:768px){.va-benchmarks__body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:40px;margin-top:64px}.va-benchmarks__table-wrap,.va-benchmarks__detail{box-sizing:border-box;min-height:var(--va-benchmarks-panel-height)}.va-benchmarks__table-wrap{flex-direction:column;display:flex}.va-benchmarks__table{flex-direction:column;flex:1;height:100%;display:flex}.va-benchmarks__row-item{flex:1;min-height:0;display:flex}.va-benchmarks__row{flex:1;align-self:stretch}.va-benchmarks__detail{flex-direction:column;display:flex;overflow:visible}}.va-benchmarks__table-wrap{border:1px solid var(--sl-line);background:color-mix(in oklab, var(--sl-void) 40%, transparent);border-radius:2px;padding:6px}.va-benchmarks__table{margin:0;padding:0;list-style:none}.va-benchmarks__row-item+.va-benchmarks__row-item{border-top:1px solid color-mix(in oklab, var(--sl-ink) 8%, transparent)}.va-benchmarks__row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px;transition:background .25s,box-shadow .25s;display:grid}.va-benchmarks__row:hover{background:color-mix(in oklab, var(--sl-void-2) 60%, transparent)}.va-benchmarks__row--active{background:var(--sl-void-2);box-shadow:none}.va-benchmarks__row-icon{border:1px solid color-mix(in oklab, var(--sl-ink) 15%, transparent);background:var(--sl-void-2);width:36px;height:36px;color:var(--va-bench-ink-soft);border-radius:2px;place-items:center;transition:border-color .25s,background .25s,color .25s;display:grid}.va-benchmarks__row-icon--active{border-color:var(--sl-ink);color:var(--sl-ink);background:0 0}.va-benchmarks__row-copy{min-width:0}.va-benchmarks__row-label{font-family:var(--sl-font-body);letter-spacing:-.01em;color:var(--sl-ink);font-size:18px;font-weight:500;line-height:1}.va-benchmarks__row-label--active{color:var(--sl-ink)}.va-benchmarks__detail{border:1px solid var(--sl-line);background:var(--sl-void-2);box-shadow:none;border-radius:2px;padding:24px;animation:.4s ease-out vaBenchmarksFadeIn}@media (min-width:768px){.va-benchmarks__detail{padding:28px}}@keyframes vaBenchmarksFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.va-benchmarks__detail-top{justify-content:flex-end;align-items:flex-start;display:flex}.va-benchmarks__detail-icon-wrap{border-radius:var(--sl-radius);background:var(--va-bench-cream);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--sl-line);color:var(--va-bench-ink);place-items:center;display:grid}.va-benchmarks__detail-metric{margin-top:24px}.va-benchmarks__detail-sub{font-family:var(--sl-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--va-bench-ink-soft);font-size:10px}.va-benchmarks__detail-value{font-family:var(--sl-font-display);color:var(--va-bench-accent);margin-top:8px;font-size:36px;font-style:normal;font-weight:300;line-height:1}.va-benchmarks__detail-meaning{max-width:28rem;color:var(--va-bench-ink-soft);margin:16px 0 0;font-size:15px;line-height:1.65}.va-benchmarks__breakdown{flex-direction:column;gap:10px;margin-top:24px;display:flex}.va-benchmarks__breakdown-row{grid-template-columns:80px minmax(0,1fr) 3rem;align-items:center;gap:12px;display:grid}.va-benchmarks__breakdown-key{font-family:var(--sl-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--va-bench-ink-soft);font-size:10px}.va-benchmarks__breakdown-track{background:var(--va-bench-cream);border-radius:2px;height:6px;position:relative;overflow:hidden}.va-benchmarks__breakdown-fill{background:var(--va-bench-accent);transform-origin:0;border-radius:2px;animation:.9s cubic-bezier(.2,.8,.2,1) both vaBenchmarksGrowBar;position:absolute;inset:0 auto 0 0}@keyframes vaBenchmarksGrowBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.va-benchmarks__breakdown-num{font-family:var(--sl-font-mono);font-variant-numeric:tabular-nums;color:var(--va-bench-ink-soft);justify-self:end;font-size:12px}@media (max-width:767px){.va-benchmarks__header{align-items:start;gap:20px}.va-benchmarks__title{font-size:clamp(32px,8vw,48px)}.va-benchmarks__body{gap:16px;margin-top:40px}.va-benchmarks__table-wrap,.va-benchmarks__detail{height:auto;min-height:0}.va-benchmarks__table{height:auto}.va-benchmarks__row-item{flex:none}.va-benchmarks__row-label{font-size:18px}}
.va-dev{--va-dev-ink:var(--sl-ink);--va-dev-ink-soft:var(--sl-ink-2);--va-dev-accent:var(--sl-gold-t);--va-dev-periwinkle:var(--sl-ink);--va-dev-lavender:color-mix(in oklab, var(--sl-ink) 5%, var(--sl-void));--va-dev-mint:color-mix(in oklab, var(--sl-ink) 3%, var(--sl-void));--va-dev-peach:color-mix(in oklab, var(--sl-ink) 4%, var(--sl-void));box-sizing:border-box;background:var(--sl-void);color:var(--va-dev-ink);padding:calc(86px * var(--sl-sec-scale,1)) clamp(24px, 4vw, 48px) calc(112px * var(--sl-sec-scale,1));font-family:var(--sl-font-body)}.va-dev__inner{max-width:1152px;margin:0 auto}.va-dev__header{align-items:end;gap:48px;display:grid}@media (min-width:768px){.va-dev__header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.va-dev__header-left{flex-direction:column;gap:34px;display:flex}.va-dev__eyebrow{font-family:var(--sl-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--va-dev-ink-soft);margin:0;font-size:11px;font-weight:500}.va-dev__title{margin:0}.va-dev__title-line{display:block}.va-dev__lead{max-width:28rem;margin:0}.va-dev__code-block{border:1px solid var(--sl-line);box-shadow:none;border-radius:2px;margin-top:64px;overflow:hidden}.va-dev__code-toolbar{border-bottom:1px solid color-mix(in oklab, var(--sl-ink) 10%, transparent);background:var(--va-dev-ink);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.va-dev__code-dots{align-items:center;gap:8px;min-width:0;display:flex}.va-dev__code-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.va-dev__code-dot--red{background:var(--sl-danger)}.va-dev__code-dot--amber,.va-dev__code-dot--green{background:var(--sl-surface-solid)}.va-dev__code-filename{text-overflow:ellipsis;white-space:nowrap;font-family:var(--sl-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sl-ink-3);margin-left:12px;font-size:11px;overflow:hidden}.va-dev__copy-btn{flex-shrink:0}.va-dev__code-pre{background:var(--va-dev-ink);margin:0;padding:24px;overflow-x:auto}.va-dev__code{font-family:var(--sl-font-mono);color:color-mix(in oklab, var(--sl-ink) 85%, transparent);white-space:pre;font-size:13px;line-height:1.7;display:block}.va-dev__code .va-dev-code-comment{color:var(--sl-ink-3)}.va-dev__code .va-dev-code-string,.va-dev__code .va-dev-code-keyword,.va-dev__code .va-dev-code-ident{color:var(--sl-gold-t)}.va-dev__integrations{margin-top:96px}.va-dev__integrations-header{justify-content:center;display:flex}.va-dev__integrations-headline{text-align:center;flex-direction:column;gap:20px;max-width:36rem;margin:0 auto;display:flex}.va-dev__integrations-lead{max-width:28rem;margin:0 auto}.va-dev__integration-grid{gap:20px;margin-top:48px;display:grid}@media (min-width:768px){.va-dev__integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.va-dev__integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.va-dev__integration-card{border:1px solid var(--sl-line);background:var(--sl-void-2);border-radius:2px;flex-direction:column;padding:24px;transition:transform .5s,box-shadow .5s;display:flex;overflow:hidden}.va-dev__integration-card:hover{box-shadow:none;transform:translateY(-4px)}.va-dev__integration-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.va-dev__integration-label{font-family:var(--sl-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--va-dev-ink-soft);font-size:11px}.va-dev__integration-icon{width:36px;height:36px;color:var(--va-dev-ink);border-radius:2px;place-items:center;transition:transform .5s;display:grid}.va-dev__integration-card:hover .va-dev__integration-icon{transform:rotate(-6deg)}.va-dev__integration-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}@media (max-width:767px){.va-dev__header{align-items:start;gap:20px}.va-dev__code-block{margin-top:48px}.va-dev__integrations{margin-top:72px}}
