:root:root body .vx {
  --vx-bg: #09090b;
  --vx-surface: #111114;
  --vx-surface-2: #17171b;
  --vx-line: #26262c;
  --vx-line-2: #34343c;
  --vx-ink: #f5f5f7;
  --vx-muted: #a3a3ad;
  --vx-accent: #b69aff;
  --vx-accent-ink: #171020;
  --vx-tint: #1c1828;
  font-size: clamp(16px, 0.42vw + 10.5px, 34px);
  line-height: 1.6;
  color: var(--vx-ink);
  background: var(--vx-bg);
  display: block;
}:root:root body .vx *,
:root:root body .vx *::before,
:root:root body .vx *::after { box-sizing: border-box; }:root:root body .vx img { display: block; max-width: 100%; }:root:root body .vx a { color: inherit; }:root:root body .vx .vx-wrap {
  width: 100%;
  max-width: 82em;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 4rem);
}:root:root body .vx .vx-kicker { margin: 0 0 1em; font-size: 0.8em; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--vx-accent); }:root:root body .vx .vx-h1 { margin: 0; font-size: clamp(2.4em, 4.4vw, 4.4em); line-height: 1.04; letter-spacing: -0.035em; font-weight: 600; }:root:root body .vx .vx-h1 span { display: block; color: var(--vx-muted); }:root:root body .vx .vx-h2 { margin: 0; font-size: clamp(1.9em, 3vw, 3em); line-height: 1.1; letter-spacing: -0.03em; font-weight: 600; }:root:root body .vx .vx-h3 { margin: 0; font-size: 1.2em; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }:root:root body .vx .vx-lede { margin: 1.4em 0 0; max-width: 36em; font-size: 1.2em; line-height: 1.6; color: #d4d4da; }:root:root body .vx .vx-sub { margin: 1em 0 0; max-width: 40em; font-size: 1.08em; color: var(--vx-muted); }:root:root body .vx .vx-p { margin: 0; color: var(--vx-muted); }:root:root body .vx .vx-btns { display: flex; flex-wrap: wrap; gap: 0.8em; margin-top: 2em; }:root:root body .vx .vx-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3em; padding: 0 1.6em; border-radius: 0.6em;
  font-size: 1em; font-weight: 600; text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: background-color .15s, border-color .15s, transform .15s;
}:root:root body .vx .vx-btn--solid { background: var(--vx-accent); color: var(--vx-accent-ink); }:root:root body .vx .vx-btn--solid:hover { background: #cbb8ff; }:root:root body .vx .vx-btn--ghost { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.2); color: var(--vx-ink); }:root:root body .vx .vx-btn--ghost:hover { background: rgba(255,255,255,0.12); }:root:root body .vx .vx-btn:focus-visible,
:root:root body .vx a:focus-visible,
:root:root body .vx summary:focus-visible { outline: 2px solid var(--vx-accent); outline-offset: 3px; }:root:root body .vx .vx-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(7.5rem, 11vw, 10rem) 0 clamp(3rem, 6vw, 5rem); min-height: min(52em, 92vh); display: flex; align-items: center; }:root:root body .vx .vx-hero-bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }:root:root body .vx .vx-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(9,9,11,0.94) 0%, rgba(9,9,11,0.82) 45%, rgba(9,9,11,0.55) 100%); }:root:root body .vx .vx-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; width: 100%; }:root:root body .vx .vx-crumbs { display: flex; gap: 0.6em; margin: 0 0 1.6em; font-size: 0.9em; color: var(--vx-muted); }:root:root body .vx .vx-crumbs a { text-decoration: none; }:root:root body .vx .vx-crumbs a:hover { color: var(--vx-ink); }:root:root body .vx .vx-chips { display: flex; flex-wrap: wrap; gap: 0.6em; margin: 2em 0 0; padding: 0; list-style: none; }:root:root body .vx .vx-chips li { padding: 0.45em 0.9em; border: 1px solid rgba(255,255,255,0.18); border-radius: 999px; font-size: 0.88em; color: #d4d4da; background: rgba(0,0,0,0.35); }:root:root body .vx .vx-hero-card { padding: 2em; border: 1px solid var(--vx-line-2); border-radius: 1em; background: rgba(17,17,20,0.92); }:root:root body .vx .vx-hero-card .vx-card-top { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; }:root:root body .vx .vx-hero-card h2 { margin: 0; font-size: 1.6em; font-weight: 600; letter-spacing: -0.02em; }:root:root body .vx .vx-price { display: inline-flex; align-items: baseline; gap: 0.3em; font-size: 2.4em; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }:root:root body .vx .vx-price small { font-size: 0.38em; font-weight: 400; color: var(--vx-muted); letter-spacing: 0; }:root:root body .vx .vx-hero-card .vx-p { margin-top: 0.4em; }:root:root body .vx .vx-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 1.6em 0; padding: 0; list-style: none; border: 1px solid var(--vx-line); border-radius: 0.7em; overflow: hidden; }:root:root body .vx .vx-specs li { padding: 1em 0.8em; text-align: center; background: var(--vx-surface-2); }:root:root body .vx .vx-specs li + li { border-left: 1px solid var(--vx-line); }:root:root body .vx .vx-specs strong { display: block; font-size: 1.3em; font-weight: 600; letter-spacing: -0.02em; }:root:root body .vx .vx-specs span { display: block; margin-top: 0.15em; font-size: 0.82em; color: var(--vx-muted); }:root:root body .vx .vx-hero-card .vx-btn { width: 100%; }:root:root body .vx .vx-card-link { display: block; margin-top: 1em; text-align: center; font-size: 0.92em; color: var(--vx-muted); }:root:root body .vx .vx-stats { background: var(--vx-surface); border-block: 1px solid var(--vx-line); }:root:root body .vx .vx-stats dl { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; }:root:root body .vx .vx-stat { padding: 2em 1.5em; border-left: 1px solid var(--vx-line); }:root:root body .vx .vx-stat:first-child { border-left: 0; padding-left: 0; }:root:root body .vx .vx-stat dd { margin: 0; font-size: 2.2em; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }:root:root body .vx .vx-stat dt { margin-top: 0.2em; font-size: 0.92em; color: var(--vx-muted); }:root:root body .vx .vx-sec { padding-block: clamp(4rem, 8vw, 8rem); }:root:root body .vx .vx-sec--alt { background: var(--vx-surface); border-block: 1px solid var(--vx-line); }:root:root body .vx .vx-head { max-width: 46em; margin-bottom: clamp(2rem, 4vw, 3.5rem); }:root:root body .vx .vx-head--center { margin-inline: auto; text-align: center; }:root:root body .vx .vx-head--center .vx-sub { margin-inline: auto; }:root:root body .vx .vx-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25em; align-items: stretch; }:root:root body .vx .vx-plan { position: relative; display: flex; flex-direction: column; padding: 2em 1.8em; border: 1px solid var(--vx-line); border-radius: 1em; background: var(--vx-surface); transition: border-color .15s, background-color .15s; }:root:root body .vx .vx-plan:hover { border-color: var(--vx-line-2); background: var(--vx-surface-2); }:root:root body .vx .vx-plan--rec { background: var(--vx-tint); border-color: var(--vx-accent); }:root:root body .vx .vx-plan--rec:hover { background: #221d33; border-color: var(--vx-accent); }:root:root body .vx .vx-plan-tag { position: absolute; top: 0; right: 1.6em; transform: translateY(-50%); padding: 0.3em 0.9em; border-radius: 999px; background: var(--vx-accent); color: var(--vx-accent-ink); font-size: 0.78em; font-weight: 700; letter-spacing: 0.04em; }:root:root body .vx .vx-plan h3 { margin: 0; font-size: 1.5em; font-weight: 600; letter-spacing: -0.02em; }:root:root body .vx .vx-plan .vx-use { margin: 0.3em 0 0; color: var(--vx-muted); font-size: 0.95em; min-height: 1.6em; }:root:root body .vx .vx-plan .vx-price { margin-top: 1.4em; font-size: 2.7em; }:root:root body .vx .vx-plan-list { margin: 1.6em 0 2em; padding: 0; list-style: none; border-top: 1px solid var(--vx-line); }:root:root body .vx .vx-plan-list li { display: flex; justify-content: space-between; gap: 1em; padding: 0.85em 0; border-bottom: 1px solid var(--vx-line); font-size: 0.98em; }:root:root body .vx .vx-plan-list span { color: var(--vx-muted); }:root:root body .vx .vx-plan-list strong { font-weight: 600; font-variant-numeric: tabular-nums; }:root:root body .vx .vx-plan .vx-btn { margin-top: auto; width: 100%; background: #26262e; color: var(--vx-ink); }:root:root body .vx .vx-plan .vx-btn:hover { background: #31313b; }:root:root body .vx .vx-plan--rec .vx-btn { background: var(--vx-accent); color: var(--vx-accent-ink); }:root:root body .vx .vx-plan--rec .vx-btn:hover { background: #cbb8ff; }:root:root body .vx .vx-note { margin: 2em 0 0; text-align: center; color: var(--vx-muted); font-size: 0.95em; }:root:root body .vx .vx-note a { text-decoration: underline; text-underline-offset: 3px; }:root:root body .vx .vx-table-wrap { overflow-x: auto; border: 1px solid var(--vx-line); border-radius: 1em; background: var(--vx-bg); }:root:root body .vx .vx-table { width: 100%; min-width: 40em; border-collapse: collapse; font-size: 1em; }:root:root body .vx .vx-table th,
:root:root body .vx .vx-table td { padding: 1.15em 1.5em; text-align: left; border-bottom: 1px solid var(--vx-line); }:root:root body .vx .vx-table thead th { font-size: 0.85em; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--vx-muted); background: var(--vx-surface); }:root:root body .vx .vx-table tbody th { font-weight: 500; color: var(--vx-muted); }:root:root body .vx .vx-table td:nth-child(3),
:root:root body .vx .vx-table thead th:nth-child(3) { background: var(--vx-tint); color: var(--vx-ink); }:root:root body .vx .vx-table tr:last-child th,
:root:root body .vx .vx-table tr:last-child td { border-bottom: 0; }:root:root body .vx .vx-split { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }:root:root body .vx .vx-split .vx-p + .vx-p { margin-top: 1em; }:root:root body .vx .vx-split h3 { margin: 1.6em 0 0.5em; }:root:root body .vx .vx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25em; }:root:root body .vx .vx-item { padding: 1.8em; border: 1px solid var(--vx-line); border-radius: 1em; background: var(--vx-surface); }:root:root body .vx .vx-sec--alt .vx-item { background: var(--vx-bg); }:root:root body .vx .vx-item .vx-h3 { margin-bottom: 0.5em; }:root:root body .vx .vx-item p { margin: 0; color: var(--vx-muted); }:root:root body .vx .vx-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }:root:root body .vx .vx-figure { margin: 0; overflow: hidden; border: 1px solid var(--vx-line); border-radius: 1em; background: #d9dadc; }:root:root body .vx .vx-figure img { width: 100%; height: auto; }:root:root body .vx .vx-cards { display: grid; gap: 1em; margin-top: 2em; }:root:root body .vx .vx-cards .vx-item { padding: 1.4em 1.6em; background: var(--vx-bg); }:root:root body .vx .vx-cards .vx-item p + a,
:root:root body .vx .vx-link { display: inline-block; margin-top: 0.6em; font-weight: 600; color: var(--vx-accent); text-decoration: none; }:root:root body .vx .vx-link:hover { text-decoration: underline; text-underline-offset: 3px; }:root:root body .vx .vx-faq { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }:root:root body .vx .vx-faq-list { display: grid; gap: 0.8em; }:root:root body .vx .vx-q { border: 1px solid var(--vx-line); border-radius: 0.9em; background: var(--vx-surface); }:root:root body .vx .vx-q[open] { border-color: var(--vx-line-2); background: var(--vx-surface-2); }:root:root body .vx .vx-q summary { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: 1.2em 1.5em; font-size: 1.05em; font-weight: 600; cursor: pointer; list-style: none; }:root:root body .vx .vx-q summary::-webkit-details-marker { display: none; }:root:root body .vx .vx-q summary::after { content: "+"; font-size: 1.4em; font-weight: 400; color: var(--vx-accent); line-height: 1; }:root:root body .vx .vx-q[open] summary::after { content: "\2212"; }:root:root body .vx .vx-q p { margin: 0; padding: 0 1.5em 1.4em; color: var(--vx-muted); }:root:root body .vx .vx-cta { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(5rem, 10vw, 9rem); text-align: center; }:root:root body .vx .vx-cta-bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }:root:root body .vx .vx-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(9,9,11,0.82); }:root:root body .vx .vx-cta .vx-sub { margin-inline: auto; color: #d4d4da; }:root:root body .vx .vx-cta .vx-btns { justify-content: center; }:root:root body .vx .vx-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25em; margin: 0; padding: 0; list-style: none; counter-reset: step; }:root:root body .vx .vx-steps li { counter-increment: step; padding: 1.8em; border: 1px solid var(--vx-line); border-radius: 1em; background: var(--vx-bg); }:root:root body .vx .vx-steps li::before { content: counter(step); display: grid; place-items: center; width: 2.2em; height: 2.2em; margin-bottom: 1em; border-radius: 50%; background: var(--vx-tint); color: var(--vx-accent); font-weight: 700; }:root:root body .vx .vx-steps strong { display: block; margin-bottom: 0.4em; font-size: 1.15em; }:root:root body .vx .vx-steps p { margin: 0; color: var(--vx-muted); }:root:root body .vx .vx-credits { padding-block: 1.6em; border-top: 1px solid var(--vx-line); font-size: 0.82em; color: var(--vx-muted); }:root:root body .vx .vx-credits a { text-decoration: underline; text-underline-offset: 2px; }


@media (max-width: 1100px) {:root:root body .vx .vx-hero-grid { grid-template-columns: minmax(0, 1fr); }:root:root body .vx .vx-hero { min-height: 0; }:root:root body .vx .vx-hero::after { background: rgba(9,9,11,0.82); }:root:root body .vx .vx-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }:root:root body .vx .vx-split,
:root:root body .vx .vx-feature,
:root:root body .vx .vx-faq { grid-template-columns: minmax(0, 1fr); }:root:root body .vx .vx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }:root:root body .vx .vx-stats dl { grid-template-columns: repeat(2, 1fr); }:root:root body .vx .vx-stat:nth-child(3) { border-left: 0; padding-left: 0; }
}

@media (max-width: 640px) {:root:root body .vx .vx-plans,
:root:root body .vx .vx-grid,
:root:root body .vx .vx-steps { grid-template-columns: minmax(0, 1fr); }:root:root body .vx .vx-btns .vx-btn { width: 100%; }:root:root body .vx .vx-stats dl { grid-template-columns: repeat(2, 1fr); }:root:root body .vx .vx-stat { padding: 1.4em 1em; }:root:root body .vx .vx-stat dd { font-size: 1.7em; }:root:root body .vx .vx-hero-card { padding: 1.4em; }:root:root body .vx .vx-specs strong { font-size: 1.1em; }:root:root body .vx .vx-plan-tag { right: 1.2em; }
}
@media (prefers-reduced-motion: reduce) {:root:root body .vx * { transition: none !important; }
}:root:root body .vx .vx-plans--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }:root:root body .vx .vx-plan-head { display: flex; align-items: center; justify-content: space-between; gap: 1em; }:root:root body .vx .vx-code { padding: 0.2em 0.65em; border: 1px solid var(--vx-line-2); border-radius: 0.5em; font-size: 0.8em; color: var(--vx-muted); }:root:root body .vx .vx-plan .vx-price small { max-width: 11em; line-height: 1.3; }:root:root body .vx .vx-alt { margin: 0.5em 0 0; font-size: 0.95em; color: var(--vx-muted); }:root:root body .vx .vx-alt strong { color: var(--vx-ink); font-weight: 600; }:root:root body .vx .vx-grid--extras { margin-top: 2.5em; }:root:root body .vx .vx-ips { display: grid; gap: 0.7em; margin: 0.8em 0 0; }:root:root body .vx .vx-ips div { display: flex; justify-content: space-between; gap: 1em; padding-bottom: 0.7em; border-bottom: 1px solid var(--vx-line); }:root:root body .vx .vx-ips div:last-child { border-bottom: 0; padding-bottom: 0; }:root:root body .vx .vx-ips dt { color: var(--vx-muted); }:root:root body .vx .vx-ips dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }:root:root body .vx .vx-ips dd span { font-weight: 400; color: var(--vx-muted); font-size: 0.85em; }:root:root body .vx .vx-promise { margin-top: 0.8em; font-size: 0.9em; color: var(--vx-accent); }:root:root body .vx .vx-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25em; }:root:root body .vx .vx-path { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--vx-line); border-radius: 1em; background: var(--vx-surface); text-decoration: none; transition: border-color .15s, background-color .15s; }:root:root body .vx .vx-path:hover { border-color: var(--vx-line-2); background: var(--vx-surface-2); }:root:root body .vx .vx-path-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #000; }:root:root body .vx .vx-path-img img { width: 100%; height: 100%; object-fit: cover; }:root:root body .vx .vx-path-body { display: flex; flex-direction: column; gap: 0.5em; padding: 1.6em; flex: 1; }:root:root body .vx .vx-path-body .vx-kicker { margin: 0; }:root:root body .vx .vx-path-price { font-size: 2em; font-weight: 600; letter-spacing: -0.03em; }:root:root body .vx .vx-path-price small { font-size: 0.45em; font-weight: 400; color: var(--vx-muted); }:root:root body .vx .vx-path-body .vx-link { margin-top: auto; padding-top: 0.6em; }:root:root body .vx .vx-facts { display: grid; gap: 0; margin: 2em 0 0; padding: 0; list-style: none; border-top: 1px solid var(--vx-line); }:root:root body .vx .vx-facts li { display: flex; justify-content: space-between; gap: 1em; padding: 1em 0; border-bottom: 1px solid var(--vx-line); }:root:root body .vx .vx-facts span { color: var(--vx-muted); text-align: right; }:root:root body .vx .vx-figure--photo { background: #000; }
@media (max-width: 1100px) {:root:root body .vx .vx-plans--six { grid-template-columns: repeat(2, minmax(0, 1fr)); }:root:root body .vx .vx-paths { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {:root:root body .vx .vx-plans--six { grid-template-columns: minmax(0, 1fr); }
}:root:root body .vx .vx-ips dt { font-size: 1em; text-transform: none; letter-spacing: 0; font-weight: 400; }:root:root body .vx .vx-duo { display: grid; gap: 0.9em; margin: 1.4em 0 0; }:root:root body .vx .vx-duo a { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 0.2em 1em; padding: 1.1em 1.3em; border: 1px solid var(--vx-line-2); border-radius: 0.8em; background: var(--vx-surface-2); text-decoration: none; transition: border-color .15s; }:root:root body .vx .vx-duo a:hover { border-color: var(--vx-accent); }:root:root body .vx .vx-duo strong { font-size: 1.1em; font-weight: 600; }:root:root body .vx .vx-duo em { font-style: normal; font-size: 1.5em; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }:root:root body .vx .vx-duo span { grid-column: 1 / -1; font-size: 0.9em; color: var(--vx-muted); }:root:root body .vx .vx-group + .vx-group { margin-top: clamp(3rem, 6vw, 5rem); }:root:root body .vx .vx-group-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.6em 1.5em; margin-bottom: 1.8em; }:root:root body .vx .vx-plans--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }:root:root body .vx .vx-paths--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }:root:root body .vx .vx-note { margin-top: 1.6em; }
@media (max-width: 900px) {:root:root body .vx .vx-plans--three,
:root:root body .vx .vx-paths--two { grid-template-columns: minmax(0, 1fr); }
}:root:root body .vx .vx-plans--three .vx-use { min-height: 3.3em; }
@media (max-width: 900px) {:root:root body .vx .vx-plans--three .vx-use { min-height: 0; } }:root:root body .vx .vx-table tbody th { font-size: 1em; text-transform: none; letter-spacing: 0; }


/* The footer is sized in pixels. On large screens it is scaled with the page body above it so the
   two read as one design; below 2200px it is left exactly as it is. */
@media (min-width: 2200px) { body:has(main.vx) .footer { zoom: 1.2; } }
@media (min-width: 3000px) { body:has(main.vx) .footer { zoom: 1.5; } }
@media (min-width: 4000px) { body:has(main.vx) .footer { zoom: 1.8; } }
@media (min-width: 5600px) { body:has(main.vx) .footer { zoom: 2.1; } }