:root{
  --vs-bg: #071317;
  --vs-bg-2: #0a1a20;
  --vs-panel: #0d2027;
  --vs-panel-2: #10272f;
  --vs-line: rgba(137, 226, 244, .14);
  --vs-line-strong: rgba(137, 226, 244, .27);
  --vs-cyan: #67e5f3;
  --vs-cyan-2: #a4f7ff;
  --vs-blue: #7da8ff;
  --vs-ink: #f4fcff;
  --vs-ink-2: #c5d8de;
  --vs-muted: #809da6;
  --vs-success: #72efb8;
  --vs-shadow: 0 32px 90px rgba(0, 0, 0, .34);
  --vs-max: 1240px;
  --vs-pad: clamp(20px, 4vw, 48px);
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; background: var(--vs-bg); }
body{ margin: 0; min-width: 320px; overflow-x: hidden; color: var(--vs-ink); background: var(--vs-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select{ font: inherit; }
button, a{ -webkit-tap-highlight-color: transparent; }
a{ color: inherit; text-decoration: none; }
img{ display: block; max-width: 100%; }
svg{ width: 1.2em; height: 1.2em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
::selection{ color: #041013; background: var(--vs-cyan); }

.vs-sr-only{ position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.vs-skip{ position: fixed; z-index: 999; top: 10px; left: 10px; padding: 10px 16px; color: #041013; background: var(--vs-cyan); border-radius: 8px; transform: translateY(-150%); transition: transform .16s ease; }
.vs-skip:focus{ transform: translateY(0); }
.vs-container{ width: min(var(--vs-max), calc(100% - (var(--vs-pad) * 2))); margin-inline: auto; }

.vs-header{ position: fixed; z-index: 100; inset: 0 0 auto; border-bottom: 1px solid transparent; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.vs-header.is-scrolled{ border-color: var(--vs-line); background: rgba(7, 19, 23, .86); backdrop-filter: blur(18px); }
.vs-nav-wrap{ display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; width: min(var(--vs-max), calc(100% - (var(--vs-pad) * 2))); min-height: 82px; margin: auto; }
.vs-brand{ display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.vs-brand img{ width: 42px; height: 42px; border: 1px solid rgba(159, 241, 255, .18); border-radius: 12px; box-shadow: 0 0 28px rgba(103, 229, 243, .14); }
.vs-brand span{ display: grid; gap: 2px; }
.vs-brand strong{ color: #fff; font-size: 14px; letter-spacing: -.01em; }
.vs-brand small{ color: var(--vs-muted); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.vs-main-nav{ display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2.5vw, 34px); }
.vs-main-nav a{ position: relative; color: #a9bec4; font-size: 13px; font-weight: 700; transition: color .16s ease; }
.vs-main-nav a::after{ content: ""; position: absolute; inset: auto 0 -9px; height: 1px; background: var(--vs-cyan); transform: scaleX(0); transition: transform .16s ease; }
.vs-main-nav a:hover, .vs-main-nav a:focus-visible{ color: #fff; }
.vs-main-nav a:hover::after, .vs-main-nav a:focus-visible::after{ transform: scaleX(1); }
.vs-nav-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.vs-language{ position: relative; }
.vs-language-picker{ position: relative; }
.vs-language-picker summary{ display: grid; grid-template-columns: 20px minmax(52px, auto) 8px; align-items: center; gap: 9px; min-height: 42px; padding: 0 12px; color: var(--vs-ink-2); border: 1px solid var(--vs-line); border-radius: 10px; background: rgba(255,255,255,.035); cursor: pointer; list-style: none; transition: color .16s ease, border-color .16s ease, background .16s ease; }
.vs-language-picker summary::-webkit-details-marker{ display: none; }
.vs-language-picker summary:hover, .vs-language-picker summary:focus-visible, .vs-language-picker[open] summary{ color: #fff; border-color: rgba(137,226,244,.42); background: rgba(103,229,243,.075); outline: none; }
.vs-language-picker summary img, .vs-language-menu img{ width: 100%; border: 1px solid rgba(255,255,255,.16); border-radius: 3px; box-shadow: 0 3px 9px rgba(0,0,0,.25); }
.vs-language-picker summary span{ font-size: 11px; font-weight: 800; white-space: nowrap; }
.vs-language-picker summary i{ width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .16s ease; }
.vs-language-picker[open] summary i{ transform: translateY(2px) rotate(225deg); }
.vs-language-menu{ position: absolute; z-index: 120; top: calc(100% + 10px); right: 0; display: grid; width: 220px; padding: 8px; border: 1px solid var(--vs-line-strong); border-radius: 13px; background: rgba(8,23,28,.98); box-shadow: 0 24px 65px rgba(0,0,0,.46); backdrop-filter: blur(18px); }
.vs-language-menu::before{ content: ""; position: absolute; top: -5px; right: 22px; width: 9px; height: 9px; border-top: 1px solid var(--vs-line-strong); border-left: 1px solid var(--vs-line-strong); background: #08171c; transform: rotate(45deg); }
.vs-language-menu button{ position: relative; z-index: 1; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 11px; min-height: 43px; padding: 0 10px; color: #a9bec4; border: 0; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; }
.vs-language-menu button:hover, .vs-language-menu button:focus-visible{ color: #fff; background: rgba(103,229,243,.08); outline: none; }
.vs-language-menu button.is-active{ color: var(--vs-cyan-2); background: rgba(103,229,243,.1); }
.vs-language-menu button.is-active::after{ content: ""; position: absolute; inset: 9px auto 9px 0; width: 2px; border-radius: 3px; background: var(--vs-cyan); box-shadow: 0 0 9px var(--vs-cyan); }
.vs-language-menu button span{ font-size: 12px; font-weight: 750; }
.vs-language-menu button small{ color: var(--vs-muted); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.vs-menu-toggle{ display: none; width: 44px; height: 44px; padding: 11px; border: 1px solid var(--vs-line); border-radius: 9px; background: rgba(255,255,255,.04); }
.vs-menu-toggle span{ display: block; width: 100%; height: 1px; margin: 5px 0; background: var(--vs-ink); transition: transform .2s ease, opacity .2s ease; }

.vs-button{ display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 52px; padding: 0 22px; color: #031114; border: 1px solid var(--vs-cyan); border-radius: 10px; background: linear-gradient(135deg, var(--vs-cyan-2), var(--vs-cyan) 58%, #82b8ff); box-shadow: 0 14px 36px rgba(103, 229, 243, .16); font-size: 13px; font-weight: 850; transition: transform .17s ease, box-shadow .17s ease, filter .17s ease; }
.vs-button:hover, .vs-button:focus-visible{ transform: translateY(-2px); box-shadow: 0 18px 42px rgba(103, 229, 243, .24); filter: saturate(1.08); }
.vs-button-small{ min-height: 40px; padding: 0 15px; border-radius: 8px; }
.vs-button-ghost{ color: var(--vs-ink); border-color: var(--vs-line-strong); background: rgba(255,255,255,.035); box-shadow: none; }
.vs-button-ghost:hover, .vs-button-ghost:focus-visible{ border-color: rgba(137,226,244,.48); background: rgba(103,229,243,.07); box-shadow: none; }
.vs-actions{ display: flex; flex-wrap: wrap; gap: 11px; }
.vs-eyebrow{ display: inline-flex; align-items: center; gap: 9px; color: var(--vs-cyan); font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.vs-eyebrow i{ width: 18px; height: 1px; background: currentColor; box-shadow: 0 0 12px currentColor; }

.vs-hero{ position: relative; min-height: min(900px, 100svh); overflow: hidden; background: #061216; }
.vs-hero-image{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
.vs-hero-shade{ position: absolute; inset: 0; background: linear-gradient(90deg, #071317 0%, rgba(7,19,23,.97) 31%, rgba(7,19,23,.77) 52%, rgba(7,19,23,.12) 78%), linear-gradient(180deg, rgba(7,19,23,.28), transparent 40%, #071317 100%); }
.vs-hero-grid{ position: relative; z-index: 2; display: grid; align-items: center; min-height: min(900px, 100svh); padding: 135px 0 80px; }
.vs-hero-copy{ max-width: 720px; }
.vs-hero h1{ max-width: 760px; margin: 22px 0 24px; color: #fff; font-size: clamp(58px, 6.8vw, 98px); font-weight: 780; letter-spacing: -.067em; line-height: .94; }
.vs-hero h1 span{ display: block; color: transparent; background: linear-gradient(110deg, #d8fcff 0%, var(--vs-cyan) 45%, var(--vs-blue) 95%); -webkit-background-clip: text; background-clip: text; }
.vs-hero-copy > p{ max-width: 660px; margin: 0 0 32px; color: #a8bec5; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.65; }
.vs-hero-metrics{ display: flex; align-items: stretch; margin-top: 48px; border-top: 1px solid var(--vs-line); }
.vs-hero-metrics > *{ display: grid; align-content: center; min-width: 170px; padding: 20px 30px 0 0; }
.vs-hero-metrics > * + *{ padding-left: 28px; border-left: 1px solid var(--vs-line); }
.vs-hero-metrics strong{ color: #f7feff; font-size: 21px; letter-spacing: -.025em; }
.vs-hero-metrics small{ margin-top: 4px; color: var(--vs-muted); font-size: 11px; line-height: 1.35; }
.vs-stars{ color: #fee75c; font-size: 10px; letter-spacing: .03em; }

.vs-trust{ position: relative; z-index: 3; overflow: hidden; border-block: 1px solid var(--vs-line); background: #08171c; }
.vs-marquee-track{ display: flex; width: max-content; animation: vs-marquee 28s linear infinite; }
.vs-marquee-track span{ display: inline-flex; align-items: center; gap: 13px; min-width: 285px; padding: 18px 40px; color: #9cb4bb; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.vs-marquee-track i{ width: 5px; height: 5px; border-radius: 50%; background: var(--vs-cyan); box-shadow: 0 0 12px var(--vs-cyan); }
@keyframes vs-marquee{ to{ transform: translateX(-50%); } }

.vs-section{ position: relative; padding: clamp(92px, 10vw, 150px) 0; }
.vs-heading{ max-width: 810px; margin-bottom: 54px; }
.vs-heading h2, .vs-demo-copy h2, .vs-reviews-head h2, .vs-final h2{ margin: 18px 0 20px; color: #f7feff; font-size: clamp(42px, 5vw, 70px); font-weight: 740; letter-spacing: -.055em; line-height: 1.02; }
.vs-heading > p, .vs-heading-split > p, .vs-demo-copy > p, .vs-reviews-head p, .vs-final p{ color: var(--vs-muted); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.7; }
.vs-heading-split{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); align-items: end; gap: 60px; max-width: none; }
.vs-heading-split h2{ margin-bottom: 0; }
.vs-heading-split > p{ margin: 0; }

.vs-problem{ background: linear-gradient(180deg, #071317, #091a20); }
.vs-problem-grid{ display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--vs-line); border-bottom: 1px solid var(--vs-line); }
.vs-problem-grid article{ min-height: 330px; padding: 38px clamp(25px, 3vw, 42px); }
.vs-problem-grid article + article{ border-left: 1px solid var(--vs-line); }
.vs-problem-grid article > span{ color: var(--vs-cyan); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.vs-problem-grid h3{ max-width: 260px; margin: 80px 0 14px; color: #f7feff; font-size: 24px; letter-spacing: -.03em; }
.vs-problem-grid p{ margin: 0; color: var(--vs-muted); font-size: 14px; line-height: 1.65; }

.vs-features{ overflow: hidden; background: radial-gradient(circle at 88% 12%, rgba(65,167,191,.12), transparent 28%), var(--vs-bg); }
.vs-feature-grid{ display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--vs-line); border-left: 1px solid var(--vs-line); }
.vs-feature-grid article{ position: relative; min-height: 315px; padding: 30px; overflow: hidden; border-right: 1px solid var(--vs-line); border-bottom: 1px solid var(--vs-line); background: rgba(255,255,255,.012); transition: background .2s ease, transform .2s ease; }
.vs-feature-grid article::after{ content: ""; position: absolute; inset: auto -20% -50% 20%; height: 160px; border-radius: 50%; background: rgba(103,229,243,.08); filter: blur(50px); opacity: 0; transition: opacity .2s ease; }
.vs-feature-grid article:hover{ z-index: 2; background: rgba(103,229,243,.045); }
.vs-feature-grid article:hover::after{ opacity: 1; }
.vs-feature-icon{ display: grid; place-items: center; width: 48px; height: 48px; color: var(--vs-cyan); border: 1px solid var(--vs-line-strong); border-radius: 12px; background: rgba(103,229,243,.055); }
.vs-feature-icon svg{ width: 23px; height: 23px; }
.vs-feature-grid article > span{ display: block; margin-top: 49px; color: var(--vs-cyan); font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.vs-feature-grid h3{ margin: 10px 0 11px; color: #f5fdff; font-size: 21px; letter-spacing: -.025em; }
.vs-feature-grid p{ margin: 0; color: var(--vs-muted); font-size: 13px; line-height: 1.6; }

.vs-demo-section{ background: #08181e; }
.vs-demo-grid{ display: grid; grid-template-columns: minmax(0, .78fr) minmax(490px, 1.22fr); align-items: center; gap: clamp(55px, 8vw, 110px); }
.vs-demo-copy > p{ max-width: 560px; }
.vs-demo-notes{ display: grid; gap: 1px; margin-top: 42px; border: 1px solid var(--vs-line); background: var(--vs-line); }
.vs-demo-notes article{ display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding: 22px; background: #0a1b21; }
.vs-demo-notes svg{ width: 25px; height: 25px; color: var(--vs-cyan); }
.vs-demo-notes h3{ margin: 0 0 6px; font-size: 15px; }
.vs-demo-notes p{ margin: 0; color: var(--vs-muted); font-size: 12px; line-height: 1.55; }
.vs-product-demo{ position: relative; min-height: 760px; padding: 34px; border: 1px solid var(--vs-line); border-radius: 22px; background: radial-gradient(circle at 75% 18%, rgba(103,229,243,.12), transparent 34%), #091b21; box-shadow: var(--vs-shadow); }
.vs-product-demo::before{ content: ""; position: absolute; inset: 10% -6% -8% 15%; z-index: -1; border-radius: 40%; background: rgba(61,185,213,.16); filter: blur(70px); }
.vs-demo-flow{ display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 23px; }
.vs-demo-flow span{ padding: 6px 10px; color: #bfeef5; border: 1px solid var(--vs-line); border-radius: 999px; background: rgba(255,255,255,.025); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.vs-demo-flow i{ color: #4d6e76; font-style: normal; }
.vs-discord-card{ max-width: 570px; margin: auto; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-left: 4px solid #6c6f76; border-radius: 6px; background: #2b2d31; box-shadow: 0 30px 80px rgba(0,0,0,.38); }
.vs-discord-card header{ display: flex; align-items: center; gap: 10px; }
.vs-bot-avatar{ display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border: 1px solid rgba(103,229,243,.25); border-radius: 50%; background: #071317; }
.vs-bot-avatar img{ width: 100%; height: 100%; object-fit: cover; }
.vs-discord-card header div{ display: grid; gap: 3px; }
.vs-discord-card header strong{ font-size: 13px; }
.vs-discord-card header b{ padding: 2px 4px; color: #fff; border-radius: 3px; background: #5865f2; font-size: 8px; }
.vs-discord-card header small{ color: #949ba4; font-size: 10px; }
.vs-discord-card header > i{ width: 9px; height: 9px; margin-left: auto; border-radius: 50%; background: var(--vs-success); box-shadow: 0 0 12px var(--vs-success); animation: vs-pulse 1.8s ease-in-out infinite; }
.vs-discord-card > h3{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 17px 0 6px; color: #58a6ff; font-size: 16px; line-height: 1.35; }.vs-discord-card > h3 strong{ color: #70dbea; font-size: inherit; }
.vs-discord-card > p{ margin: 0; color: #dbdee1; font-size: 11px; line-height: 1.55; }
.vs-alert-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin: 15px 0 10px; }
.vs-alert-grid > span{ display: grid; gap: 5px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(255,255,255,.045); border-radius: 5px; background: #232428; }
.vs-alert-grid small{ display: flex; align-items: center; gap: 6px; color: #b5bac1; font-size: 8px; font-weight: 800; text-transform: uppercase; }.vs-alert-grid small i{ font-style: normal; }.vs-alert-grid strong{ overflow: hidden; color: #f2f3f5; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.vs-alert-grid strong em{ color: #949ba4; font-size: 8px; font-style: normal; font-weight: 700; }
.vs-alert-photo{ overflow: hidden; aspect-ratio: 3/2; margin: 0; border-radius: 5px; background: #111; }
.vs-alert-photo img{ width: 100%; height: 100%; object-fit: cover; }
.vs-alert-actions{ display: grid; grid-template-columns: 1.15fr .9fr 1.05fr .9fr .8fr; gap: 6px; margin-top: 10px; }
.vs-alert-actions button{ display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 34px; padding: 4px 5px; overflow: hidden; color: #fff; border: 0; border-radius: 5px; background: #5865f2; font-size: 8px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.vs-alert-actions button i{ font-size: 11px; font-style: normal; }.vs-alert-actions button.is-autobuy{ background: #079455; }.vs-alert-actions button.is-block{ background: #4f5bd5; }.vs-alert-actions button.is-view{ background: #3f4147; }
.vs-demo-pulse{ display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 19px; color: #7fa1aa; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vs-demo-pulse span{ width: 7px; height: 7px; border-radius: 50%; background: var(--vs-success); box-shadow: 0 0 15px var(--vs-success); animation: vs-pulse 1.8s ease-in-out infinite; }
@keyframes vs-pulse{ 50%{ opacity: .3; transform: scale(.7); } }

.vs-steps{ background: var(--vs-bg); }
.vs-steps ol{ margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--vs-line); }
.vs-steps li{ display: grid; grid-template-columns: 100px 1fr; gap: 30px; padding: 32px 0; border-bottom: 1px solid var(--vs-line); }
.vs-steps li > span{ color: var(--vs-cyan); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.vs-steps li div{ display: grid; grid-template-columns: minmax(220px, .7fr) minmax(300px, 1.3fr); gap: 50px; }
.vs-steps h3{ margin: 0; color: #f5fdff; font-size: 25px; letter-spacing: -.03em; }
.vs-steps p{ max-width: 600px; margin: 0; color: var(--vs-muted); font-size: 14px; line-height: 1.65; }

.vs-pricing{ background: radial-gradient(circle at 50% 10%, rgba(69,174,199,.1), transparent 27%), #08181e; }
.vs-billing-control{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 14px; margin: -20px 0 30px; color: var(--vs-ink-2); font-size: 11px; font-weight: 800; }
.vs-billing-control > span{ color: var(--vs-muted); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.vs-billing-control > div{ display: inline-flex; padding: 4px; border: 1px solid var(--vs-line); border-radius: 999px; background: rgba(3,17,22,.65); }
.vs-billing-control button{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 98px; min-height: 38px; padding: 0 15px; color: var(--vs-muted); border: 0; border-radius: 999px; background: transparent; cursor: pointer; font: inherit; }
.vs-billing-control button.is-active{ color: #041114; background: var(--vs-cyan); box-shadow: 0 8px 24px rgba(103,229,243,.2); }
.vs-billing-control button strong{ padding: 4px 7px; color: #d9fcff; border: 1px solid rgba(103,229,243,.25); border-radius: 999px; background: rgba(103,229,243,.08); font-size: 8px; letter-spacing: .02em; white-space: nowrap; }
.vs-billing-control button.is-active strong{ color: #063038; border-color: rgba(4,17,20,.18); background: rgba(4,17,20,.1); }
.vs-plan-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: stretch; }
.vs-plan{ position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 625px; padding: 28px; border: 1px solid var(--vs-line); border-radius: 13px; background: rgba(255,255,255,.018); }
.vs-plan.is-featured{ border-color: rgba(103,229,243,.5); background: linear-gradient(180deg, rgba(103,229,243,.08), rgba(255,255,255,.018) 40%); box-shadow: 0 28px 70px rgba(10,133,159,.12); }
.vs-plan-badge{ position: absolute; inset: 0 20px auto; display: grid; place-items: center; height: 25px; color: #041114; border-radius: 0 0 7px 7px; background: var(--vs-cyan); font-size: 8px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.vs-plan-topline{ display: grid; grid-template-rows: 16px 22px; align-content: start; justify-items: start; gap: 6px; min-height: 44px; margin-top: 3px; }
.vs-plan-topline > span{ color: var(--vs-cyan); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.vs-trial-badge{ display: inline-flex; max-width: 100%; padding: 5px 8px; color: #c9fbff; border: 1px solid rgba(103,229,243,.26); border-radius: 999px; background: rgba(103,229,243,.08); font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .05em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.vs-plan h3{ display: flex; align-items: baseline; gap: 2px; min-height: 67px; margin: 16px 0 8px; color: #f8feff; font-size: clamp(32px, 2.75vw, 44px); letter-spacing: -.055em; white-space: nowrap; }
.vs-plan h3 sup{ color: var(--vs-muted); font-size: 15px; }
.vs-plan h3 small{ margin-left: 5px; color: var(--vs-muted); font-size: 10px; font-weight: 700; letter-spacing: 0; }
.vs-monitor-total{ display: grid; grid-template-columns: auto 1fr; align-content: center; align-items: baseline; gap: 2px 8px; min-height: 82px; margin: 0 0 16px; padding: 12px 14px; border: 1px solid rgba(103,229,243,.14); border-radius: 9px; background: rgba(103,229,243,.04); }
.vs-monitor-total strong{ color: #f6feff; font-size: 25px; letter-spacing: -.04em; }
.vs-monitor-total > span{ color: var(--vs-ink-2); font-size: 11px; font-weight: 800; }
.vs-monitor-total small{ grid-column: 1 / -1; color: var(--vs-muted); font-size: 8px; line-height: 1.4; }
.vs-plan header > p:last-child{ min-height: 82px; margin: 0; color: var(--vs-muted); font-size: 13px; line-height: 1.55; }
.vs-plan ul{ display: grid; gap: 13px; margin: 28px 0; padding: 25px 0 0; border-top: 1px solid var(--vs-line); list-style: none; }
.vs-plan li{ display: flex; align-items: flex-start; gap: 10px; color: var(--vs-ink-2); font-size: 12px; line-height: 1.45; }
.vs-plan li svg{ flex: 0 0 auto; width: 15px; height: 15px; color: var(--vs-success); stroke-width: 2.2; }
.vs-plan > .vs-button{ width: 100%; margin-top: auto; }
.vs-comparison{ margin-top: 30px; border: 1px solid var(--vs-line); border-radius: 13px; background: rgba(255,255,255,.015); }
.vs-comparison-head{ display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 25px 28px; }
.vs-comparison-head p{ margin: 8px 0 0; color: var(--vs-muted); font-size: 12px; }
.vs-comparison-head button{ display: none; align-items: center; gap: 15px; min-height: 42px; padding: 0 14px; color: var(--vs-ink); border: 1px solid var(--vs-line); border-radius: 8px; background: rgba(255,255,255,.025); cursor: pointer; }
.js .vs-comparison-head button{ display: inline-flex; }
.js .vs-comparison:not(.is-open) .vs-table-wrap{ display: none; }
.vs-table-wrap{ overflow-x: auto; border-top: 1px solid var(--vs-line); }
.vs-table-wrap table{ width: 100%; min-width: 850px; border-collapse: collapse; }
.vs-table-wrap th, .vs-table-wrap td{ padding: 15px 18px; border-bottom: 1px solid rgba(137,226,244,.09); text-align: center; }
.vs-table-wrap thead th{ color: #eefcff; background: rgba(255,255,255,.02); font-size: 12px; }
.vs-table-wrap thead th:first-child, .vs-table-wrap tbody th{ text-align: left; }
.vs-table-wrap thead small{ display: flex; align-items: baseline; justify-content: center; gap: 3px; margin-top: 4px; color: var(--vs-muted); font-size: 9px; }
.vs-table-wrap tbody th{ width: 29%; color: var(--vs-ink-2); font-size: 11px; font-weight: 700; }
.vs-table-wrap tbody td{ color: var(--vs-muted); font-size: 11px; }
.vs-yes{ display: inline-grid; place-items: center; width: 20px; height: 20px; color: #061216; border-radius: 50%; background: var(--vs-success); font-weight: 950; }
.vs-no{ color: #496169; }
.vs-custom-plan{ display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 12px; padding: 25px 28px; border: 1px solid var(--vs-line); border-radius: 13px; background: linear-gradient(90deg, rgba(125,168,255,.06), rgba(103,229,243,.03)); }
.vs-custom-plan h3{ margin: 0 0 7px; font-size: 18px; }
.vs-custom-plan p{ max-width: 750px; margin: 0; color: var(--vs-muted); font-size: 12px; line-height: 1.5; }

.vs-reviews{ background: #071317; }
.vs-reviews-head{ display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 50px; margin-bottom: 50px; }
.vs-reviews-head > div:first-child{ max-width: 800px; }
.vs-reviews-head p{ max-width: 680px; }
.vs-rating{ display: grid; min-width: 200px; padding-left: 34px; border-left: 1px solid var(--vs-line); }
.vs-rating strong{ color: #fff; font-size: 58px; letter-spacing: -.06em; line-height: 1; }
.vs-rating span{ margin-top: 8px; color: #fee75c; letter-spacing: .12em; }
.vs-rating small{ margin-top: 5px; color: var(--vs-muted); font-size: 10px; }
.vs-review-track-window{ overflow: hidden; margin-inline: calc(var(--vs-pad) * -1); padding-inline: var(--vs-pad); mask-image: linear-gradient(90deg, transparent, #000 var(--vs-pad), #000 calc(100% - var(--vs-pad)), transparent); }
.vs-review-track{ display: flex; width: max-content; animation: vs-review-marquee 44s linear infinite; }
.vs-review-track:hover, .vs-review-track:focus-within{ animation-play-state: paused; }
.vs-review-group{ display: flex; }
.vs-review-group blockquote{ display: flex; flex-direction: column; width: clamp(290px, 28vw, 390px); min-height: 270px; margin: 0; padding: 30px; border-block: 1px solid var(--vs-line); border-right: 1px solid var(--vs-line); background: linear-gradient(145deg, rgba(255,255,255,.018), transparent); }
.vs-review-group blockquote:first-child{ border-left: 1px solid var(--vs-line); }
.vs-review-group blockquote > span{ color: #fee75c; font-size: 10px; letter-spacing: .11em; }
.vs-review-group blockquote > p{ margin: 45px 0 32px; color: #f0fafc; font-size: 20px; font-weight: 650; letter-spacing: -.025em; line-height: 1.4; }
.vs-review-group footer{ display: grid; gap: 3px; margin-top: auto; }
.vs-review-group footer strong{ font-size: 12px; }
.vs-review-group footer small{ color: var(--vs-muted); font-size: 9px; }
@keyframes vs-review-marquee{ to{ transform: translateX(-50%); } }
.vs-source-link, .vs-text-link{ display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: var(--vs-cyan); font-size: 12px; font-weight: 800; }
.vs-source-link:hover, .vs-text-link:hover{ color: #fff; }
.vs-article-sources p{ display: flex; flex-wrap: wrap; gap: 10px; }
.vs-article-sources a{ display: inline-flex; padding: 9px 12px; color: var(--vs-cyan); border: 1px solid var(--vs-line); border-radius: 8px; background: rgba(103,229,243,.035); font-size: 11px; font-weight: 750; }
.vs-article-sources a:hover{ color: #fff; border-color: rgba(103,229,243,.42); }
.vs-article-comparison{ max-width: none !important; }
.vs-article-table-wrap{ overflow-x: auto; margin-top: 24px; border: 1px solid var(--vs-line); border-radius: 13px; background: rgba(255,255,255,.015); }
.vs-article-comparison table{ width: 100%; min-width: 680px; border-collapse: collapse; }
.vs-article-comparison th, .vs-article-comparison td{ padding: 15px 18px; border-right: 1px solid rgba(137,226,244,.08); border-bottom: 1px solid rgba(137,226,244,.08); color: var(--vs-muted); text-align: left; font-size: 12px; line-height: 1.45; vertical-align: top; }
.vs-article-comparison thead th{ color: #effcff; background: rgba(255,255,255,.025); font-size: 11px; letter-spacing: .04em; }
.vs-article-comparison tbody th{ width: 25%; color: var(--vs-ink-2); font-weight: 800; }
.vs-article-comparison .is-highlight{ color: #e9fdff; background: rgba(103,229,243,.055); }
.vs-article-comparison thead .is-highlight{ color: #061b20; background: var(--vs-cyan); }
.vs-article-verdict{ padding: clamp(24px, 4vw, 42px); border: 1px solid rgba(103,229,243,.28); border-radius: 14px; background: linear-gradient(135deg, rgba(103,229,243,.08), rgba(125,168,255,.045)); }
.vs-article-verdict > span{ color: var(--vs-cyan); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.vs-article-verdict h2{ margin-top: 10px; }

.vs-faq{ background: #08181e; }
.vs-faq-grid{ display: grid; grid-template-columns: minmax(300px, .75fr) minmax(500px, 1.25fr); gap: clamp(55px, 8vw, 110px); }
.vs-faq-grid .vs-heading{ position: sticky; top: 130px; align-self: start; }
.vs-faq-list{ border-top: 1px solid var(--vs-line); }
.vs-faq-list details{ border-bottom: 1px solid var(--vs-line); }
.vs-faq-list summary{ display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 24px 0; color: #eefcff; cursor: pointer; list-style: none; font-size: 16px; font-weight: 700; }
.vs-faq-list summary::-webkit-details-marker{ display: none; }
.vs-faq-list summary i{ color: var(--vs-cyan); font-style: normal; transition: transform .2s ease; }
.vs-faq-list details[open] summary i{ transform: rotate(45deg); }
.vs-faq-list details p{ max-width: 720px; margin: -6px 45px 24px 0; color: var(--vs-muted); font-size: 13px; line-height: 1.65; }

.vs-content-section{ background: var(--vs-bg); }
.vs-content-columns{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.vs-content-columns > div{ border-top: 1px solid var(--vs-line); }
.vs-content-columns > div > header{ display: flex; align-items: center; justify-content: space-between; padding: 17px 0; color: var(--vs-muted); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.vs-content-columns > div > header a{ color: var(--vs-cyan); }
.vs-content-card{ display: grid; grid-template-columns: 64px 1fr 24px; align-items: center; gap: 15px; min-height: 146px; padding: 20px 0; border-top: 1px solid var(--vs-line); transition: padding .18s ease, background .18s ease; }
.vs-content-card:hover{ padding-inline: 14px; background: rgba(103,229,243,.025); }
.vs-content-card > small{ color: var(--vs-cyan); font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.vs-content-card h3{ margin: 0 0 7px; color: #f2fcfe; font-size: 17px; letter-spacing: -.02em; }
.vs-content-card p{ margin: 0; color: var(--vs-muted); font-size: 11px; line-height: 1.5; }
.vs-content-card > span{ color: var(--vs-cyan); }

.vs-final{ padding: clamp(85px, 10vw, 140px) 0; overflow: hidden; text-align: center; background: radial-gradient(circle at 50% 45%, rgba(78,186,211,.22), transparent 28%), linear-gradient(180deg, #0a1c22, #061216); }
.vs-final .vs-container{ max-width: 900px; }
.vs-final p{ max-width: 650px; margin: 0 auto 30px; }
.vs-final .vs-actions{ justify-content: center; }

.vs-footer{ padding: 60px var(--vs-pad) 25px; border-top: 1px solid var(--vs-line); background: #050f12; }
.vs-footer-grid{ display: grid; grid-template-columns: minmax(300px, 1.5fr) repeat(3, minmax(110px, .5fr)); gap: 50px; width: min(var(--vs-max), 100%); margin: auto; }
.vs-footer-grid > div p{ max-width: 440px; margin: 20px 0 0; color: #607b84; font-size: 11px; line-height: 1.6; }
.vs-footer-grid nav{ display: grid; align-content: start; gap: 11px; }
.vs-footer-grid nav strong{ margin-bottom: 5px; color: #dcecf0; font-size: 11px; }
.vs-footer-grid nav a{ color: #6f8991; font-size: 11px; }
.vs-footer-grid nav a:hover{ color: var(--vs-cyan); }
.vs-footer-bottom{ display: flex; justify-content: space-between; gap: 20px; width: min(var(--vs-max), 100%); margin: 55px auto 0; padding-top: 22px; color: #4f6971; border-top: 1px solid rgba(137,226,244,.08); font-size: 9px; }

/* Documentation and blog */
.vs-page-hero{ position: relative; overflow: hidden; padding: 190px 0 100px; border-bottom: 1px solid var(--vs-line); background: radial-gradient(circle at 75% 30%, rgba(103,229,243,.14), transparent 26%), #071317; }
.vs-page-hero::after{ content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--vs-cyan), transparent); opacity: .6; }
.vs-page-hero .vs-container{ max-width: 930px; margin-left: max(var(--vs-pad), calc((100vw - var(--vs-max)) / 2)); }
.vs-page-hero h1{ max-width: 850px; margin: 20px 0 20px; color: #f7feff; font-size: clamp(52px, 7vw, 88px); letter-spacing: -.065em; line-height: .98; }
.vs-page-hero p{ max-width: 700px; margin: 0; color: var(--vs-muted); font-size: 18px; line-height: 1.65; }
.vs-article-grid{ display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--vs-line); border-left: 1px solid var(--vs-line); }
.vs-article-grid > article{ display: flex; flex-direction: column; min-height: 330px; padding: 30px; border-right: 1px solid var(--vs-line); border-bottom: 1px solid var(--vs-line); background: rgba(255,255,255,.012); }
.vs-article-grid h2, .vs-article-grid h3{ margin: 55px 0 15px; color: #f3fcfe; font-size: 24px; letter-spacing: -.035em; line-height: 1.15; }
.vs-article-grid h3{ font-size: 21px; }
.vs-article-grid p{ margin: 0; color: var(--vs-muted); font-size: 13px; line-height: 1.6; }
.vs-article-grid .vs-text-link{ margin-top: auto; padding-top: 28px; }
.vs-article-meta{ display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--vs-muted); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.vs-article-meta span{ color: var(--vs-cyan); }
.vs-article-hero{ padding: 170px 0 85px; border-bottom: 1px solid var(--vs-line); background: radial-gradient(circle at 85% 20%, rgba(103,229,243,.1), transparent 25%), #071317; }
.vs-article-shell{ width: min(820px, calc(100% - (var(--vs-pad) * 2))); margin-inline: auto; }
.vs-back{ display: inline-flex; margin-bottom: 50px; color: var(--vs-cyan); font-size: 11px; font-weight: 800; }
.vs-article-hero h1{ margin: 24px 0 20px; color: #f7feff; font-size: clamp(45px, 6.5vw, 75px); letter-spacing: -.058em; line-height: 1; }
.vs-article-hero p{ max-width: 730px; margin: 0; color: var(--vs-muted); font-size: 18px; line-height: 1.65; }
.vs-article-body{ padding: 75px 0 110px; }
.vs-article-body > section{ margin-bottom: 58px; }
.vs-article-body h2{ margin: 0 0 18px; color: #f0fafc; font-size: clamp(27px, 3vw, 36px); letter-spacing: -.035em; }
.vs-article-body p{ margin: 0 0 18px; color: #9ab1b8; font-size: 16px; line-height: 1.78; }
.vs-article-body code{ display: inline-block; padding: .08em .42em; color: var(--vs-cyan-2); border: 1px solid rgba(137,226,244,.16); border-radius: 5px; background: rgba(103,229,243,.07); font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: .86em; line-height: 1.45; }
.vs-article-body ul{ display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.vs-article-body li{ position: relative; padding-left: 26px; color: #b5c9ce; font-size: 14px; line-height: 1.55; }
.vs-article-body li::before{ content: ""; position: absolute; top: .55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--vs-cyan); box-shadow: 0 0 12px rgba(103,229,243,.6); }
.vs-article-body aside{ margin-top: 85px; padding: 38px; border: 1px solid var(--vs-line-strong); border-radius: 14px; background: radial-gradient(circle at 90% 10%, rgba(103,229,243,.11), transparent 30%), var(--vs-panel); }
.vs-article-body aside h2{ margin-top: 16px; }
.vs-article-body aside .vs-button{ margin-top: 12px; }
.vs-related{ padding-top: 0; }

.js [data-reveal]{ opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.js [data-reveal].is-visible{ opacity: 1; transform: none; }

@media (max-width: 1100px){
  .vs-main-nav{ gap: 17px; }
  .vs-feature-grid{ grid-template-columns: repeat(2, 1fr); }
  .vs-plan-grid{ grid-template-columns: repeat(2, 1fr); }
  .vs-plan{ min-height: 520px; }
}

@media (max-width: 860px){
  :root{ --vs-pad: 22px; }
  .vs-nav-wrap{ grid-template-columns: 1fr auto auto; min-height: 72px; }
  .vs-menu-toggle{ display: block; grid-column: 3; grid-row: 1; }
  .vs-nav-actions{ grid-column: 2; grid-row: 1; }
  .vs-main-nav{ position: fixed; inset: 72px 0 auto; display: grid; gap: 0; padding: 12px var(--vs-pad) 25px; border-bottom: 1px solid var(--vs-line); background: rgba(7,19,23,.98); transform: translateY(-130%); opacity: 0; pointer-events: none; transition: transform .2s ease, opacity .2s ease; }
  .vs-main-nav.is-open{ transform: none; opacity: 1; pointer-events: auto; }
  .vs-main-nav a{ padding: 15px 0; border-bottom: 1px solid rgba(137,226,244,.08); font-size: 14px; }
  .vs-menu-toggle[aria-expanded="true"] span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
  .vs-menu-toggle[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
  .vs-menu-toggle[aria-expanded="true"] span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }
  .vs-hero{ min-height: 850px; }
  .vs-hero-image{ object-position: 68% center; opacity: .66; }
  .vs-hero-shade{ background: linear-gradient(90deg, #071317 0%, rgba(7,19,23,.92) 48%, rgba(7,19,23,.5) 100%), linear-gradient(180deg, rgba(7,19,23,.15), transparent 50%, #071317); }
  .vs-hero-grid{ min-height: 850px; }
  .vs-heading-split, .vs-demo-grid, .vs-faq-grid{ grid-template-columns: 1fr; }
  .vs-heading-split{ align-items: start; gap: 15px; }
  .vs-problem-grid{ grid-template-columns: 1fr; }
  .vs-problem-grid article{ min-height: auto; padding-block: 30px; }
  .vs-problem-grid article + article{ border-top: 1px solid var(--vs-line); border-left: 0; }
  .vs-problem-grid h3{ margin-top: 30px; }
  .vs-demo-grid{ gap: 50px; }
  .vs-product-demo{ min-height: auto; }
  .vs-steps li div{ grid-template-columns: 1fr; gap: 9px; }
  .vs-reviews-head{ grid-template-columns: 1fr; }
  .vs-rating{ padding: 25px 0 0; border-top: 1px solid var(--vs-line); border-left: 0; }
  .vs-faq-grid .vs-heading{ position: static; }
  .vs-content-columns{ grid-template-columns: 1fr; }
  .vs-footer-grid{ grid-template-columns: 1.4fr 1fr 1fr; }
  .vs-footer-grid > div{ grid-column: 1 / -1; }
  .vs-article-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px){
  :root{ --vs-pad: 18px; }
  .vs-nav-wrap{ gap: 8px; }
  .vs-brand small{ display: none; }
  .vs-brand img{ width: 38px; height: 38px; }
  .vs-nav-actions .vs-button{ display: none; }
  .vs-language-picker summary{ grid-template-columns: 20px minmax(46px, auto) 8px; gap: 8px; min-height: 40px; padding-inline: 9px; }
  .vs-language-picker summary span{ display: block; max-width: 62px; overflow: hidden; text-overflow: ellipsis; }
  .vs-language-menu{ position: fixed; top: 66px; right: var(--vs-pad); width: min(260px, calc(100vw - (var(--vs-pad) * 2))); }
  .vs-nav-wrap{ grid-template-columns: 1fr auto auto; }
  .vs-menu-toggle{ grid-column: 3; }
  .vs-hero{ min-height: 820px; }
  .vs-hero-image{ inset: 210px -35% 0 auto; width: 130%; height: 70%; object-position: 73% center; opacity: .52; }
  .vs-hero-shade{ background: linear-gradient(180deg, #071317 0%, rgba(7,19,23,.96) 40%, rgba(7,19,23,.45) 68%, #071317 100%); }
  .vs-hero-grid{ min-height: 820px; align-items: start; padding-top: 122px; }
  .vs-hero h1{ font-size: clamp(49px, 14.5vw, 68px); }
  .vs-hero-copy > p{ font-size: 15px; }
  .vs-actions{ display: grid; grid-template-columns: 1fr; }
  .vs-actions .vs-button{ width: 100%; }
  .vs-hero-metrics{ display: grid; grid-template-columns: 1fr 1fr; margin-top: 35px; }
  .vs-hero-metrics > *{ min-width: 0; padding: 16px 10px 0 0; }
  .vs-hero-metrics > * + *{ padding-left: 15px; }
  .vs-hero-metrics > *:last-child{ display: none; }
  .vs-section{ padding: 82px 0; }
  .vs-heading{ margin-bottom: 38px; }
  .vs-heading h2, .vs-demo-copy h2, .vs-reviews-head h2, .vs-final h2{ font-size: clamp(39px, 11.5vw, 54px); }
  .vs-feature-grid{ grid-template-columns: 1fr; }
  .vs-feature-grid article{ min-height: 270px; }
  .vs-product-demo{ padding: 16px; border-radius: 14px; }
  .vs-demo-flow{ gap: 4px; }
  .vs-demo-flow span{ padding: 5px 6px; font-size: 7px; }
  .vs-discord-card{ padding: 14px; }
  .vs-alert-grid{ grid-template-columns: 1fr; }
  .vs-alert-actions{ grid-template-columns: repeat(2, 1fr); }
  .vs-alert-actions .is-view{ grid-column: 1 / -1; }
  .vs-steps li{ grid-template-columns: 45px 1fr; gap: 12px; }
  .vs-steps h3{ font-size: 20px; }
  .vs-plan-grid{ grid-template-columns: 1fr; }
  .vs-plan{ min-height: auto; }
  .vs-plan header > p:last-child{ min-height: 0; }
  .vs-plan > .vs-button{ margin-top: 15px; }
  .vs-comparison-head{ align-items: flex-start; padding: 20px; }
  .vs-comparison-head > div{ display: none; }
  .vs-comparison-head button{ width: 100%; justify-content: space-between; }
  .vs-custom-plan{ align-items: flex-start; flex-direction: column; padding: 22px; }
  .vs-review-group blockquote{ width: min(82vw, 330px); min-height: 235px; padding: 24px; }
  .vs-review-group blockquote > p{ margin-top: 34px; font-size: 18px; }
  .vs-faq-grid{ gap: 20px; }
  .vs-faq-list summary{ font-size: 14px; }
  .vs-content-card{ grid-template-columns: 47px 1fr 18px; }
  .vs-footer-grid{ grid-template-columns: 1fr 1fr; gap: 38px 20px; }
  .vs-footer-grid > div{ grid-column: 1 / -1; }
  .vs-footer-grid nav:last-child{ grid-column: 1 / -1; }
  .vs-footer-bottom{ align-items: flex-start; flex-direction: column; }
  .vs-page-hero{ padding: 135px 0 72px; }
  .vs-page-hero h1{ font-size: 50px; }
  .vs-page-hero p{ font-size: 15px; }
  .vs-article-grid{ grid-template-columns: 1fr; }
  .vs-article-grid > article{ min-height: 285px; }
  .vs-article-hero{ padding: 125px 0 65px; }
  .vs-back{ margin-bottom: 35px; }
  .vs-article-hero h1{ font-size: 43px; }
  .vs-article-hero p{ font-size: 15px; }
  .vs-article-body{ padding-top: 58px; }
  .vs-article-body aside{ padding: 25px; }
}

@media (max-width: 420px){
  .vs-header .vs-brand > span{ display: none; }
  .vs-billing-control > span{ flex-basis: 100%; text-align: center; }
  .vs-billing-control > div{ width: 100%; }
  .vs-billing-control button{ flex: 1 1 0; min-width: 0; padding-inline: 8px; font-size: 10px; }
  .vs-billing-control button strong{ padding-inline: 5px; font-size: 7px; }
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  *, *::before, *::after{ animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
  .vs-marquee-track{ animation: none; }
  .vs-review-track-window{ overflow-x: auto; mask-image: none; }
  .vs-review-track{ animation: none; }
  .vs-review-group[aria-hidden="true"]{ display: none; }
  .js [data-reveal]{ opacity: 1; transform: none; }
}