/* Plans page (Plans v2, redesign_support_files/VosCast Plans v2 - Daylight Glass.dc.html) in Daylight Glass.
   Loads after tokens.css and site.css, on the Plans page only ($vcPageCss = 'plans'). Sections, glass, play
   buttons, the FAQ, the closing panel and the floating demo button are in site.css. */

.vc-plans-page {
  /* The selected column's shadow. */
  --vc-dark-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 40px 80px -30px rgba(15,22,38,.5);
}

/* The Plans mockup places two of the shared blobs (site.css) a little differently. */
.vc-blob--lilac { bottom: -30%; }
.vc-blob--peach { top: 40%; left: 40%; }

/* Hero and comparison table */
.vc-tiers-section { position: relative; overflow: hidden; overflow: clip; padding: calc(var(--vc-header-h) + clamp(24px, 3vw, 40px)) 0 clamp(64px, 7vw, 96px); background: var(--bg); }
/* The copy on the left; on the right the demo station's Now playing card (site.css), without the homepage's
   photo, and the link to the plan finder under it, centred on the copy as on About. They stack below 1032px. */
.vc-plans-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 40px clamp(40px, 5vw, 72px); }
.vc-plans-hero__copy { flex: 1.25 1 520px; min-width: 0; }
.vc-plans-hero__side { display: flex; flex: 1 1 440px; flex-direction: column; gap: 14px; min-width: 0; }
.vc-np--plain { padding: 22px 22px 20px; border-radius: 28px; }
.vc-np--plain .vc-np__body { padding: 0; }
@media (max-width: 479px) {
  .vc-np--plain { padding: 18px 18px 16px; border-radius: 26px; }
  .vc-np--plain .vc-np__row { gap: 12px; }
  .vc-np--plain .vc-np__logo { width: 52px; height: 52px; border-radius: 13px; }
  .vc-np--plain .vc-np__logo img { width: 36px; height: 36px; }
  .vc-np--plain .vc-play { --s: 52px; }
  .vc-np--plain .vc-np__title { font-size: 18px; }
}
.vc-finder-link { display: flex; align-items: center; gap: 14px; padding: 12px 20px 12px 12px; border-radius: 24px; box-shadow: inset 0 1px 0 rgba(255,255,255,.95); color: var(--ink); text-decoration: none; }
.vc-finder-link:hover, .vc-finder-link:focus { border-color: rgba(108,192,36,.6); color: var(--acc-strong); text-decoration: none; }
.vc-finder-link__icon { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--lime); color: var(--on-lime); font-size: 20px; font-weight: 700; }
.vc-finder-link__text { display: flex; flex-direction: column; line-height: 1.3; }
.vc-finder-link__text > span { color: var(--mut2); font-size: 14px; }
.vc-finder-link__text strong { font-size: 17px; }

/* One column per plan. Phones and tablets: a card each, labels inline. From 1080px: one glass table with a
   label column, and a dark panel that slides behind the selected plan (--sel, its index). */
.vc-tiers { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: clamp(40px, 5vw, 56px); }
@media (min-width: 640px) { .vc-tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vc-tiers__highlight, .vc-tiers__labels { display: none; }
.vc-tier { position: relative; z-index: 1; display: flex; flex-direction: column; min-width: 0; padding: 0 20px; border: 1px solid rgba(255,255,255,.9); border-radius: 24px; background: var(--vc-bright); -webkit-backdrop-filter: var(--vc-glass-blur); backdrop-filter: var(--vc-glass-blur); box-shadow: var(--vc-bright-shadow); color: var(--ink); transition: color .35s, background .35s, border-color .35s; }
.vc-tier.is-selected { border-color: rgba(255,255,255,.14); background: var(--inv-bg); box-shadow: var(--vc-dark-shadow); color: var(--inv-ink); }
.vc-tier.is-match { border-color: rgba(108,192,36,.85); }
.vc-tiers.is-live .vc-tier { cursor: pointer; }
.vc-tier__top { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 24px auto 1fr; align-items: center; height: 150px; padding-top: 16px; }
.vc-tier__label { grid-area: 1 / 1; color: var(--mut2); font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.vc-tier__tags { grid-area: 1 / 2; display: flex; gap: 6px; }
.vc-tier__tag { padding: 4px 10px; border-radius: var(--radius-pill); background: rgba(108,192,36,.16); color: var(--acc-strong); font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.vc-tier__tag--match { background: var(--lime); color: var(--on-lime); }
.vc-tier__tag[hidden] { display: none; }
.vc-tier__kbps { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 8px; margin-top: 8px; font-size: inherit; }
.vc-tier__kbps strong { font-family: var(--font-mono); font-size: 56px; line-height: .9; font-weight: 700; letter-spacing: -0.06em; transition: color .35s; }
.vc-tier__kbps span { color: var(--mut2); font-family: var(--font-mono); font-size: 13px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
.vc-tier__bars { grid-column: 1 / -1; align-self: end; display: flex; align-items: flex-end; gap: 3px; height: 22px; margin-bottom: 22px; }
.vc-tier__bars span { flex: 1; max-width: 9px; height: var(--h); border-radius: 2px; background: rgba(15,22,38,.1); transition: background .35s; }
.vc-tier__bars .is-lit { background: var(--lime); }
.vc-tier__facts { margin: 0; }
.vc-tier__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; height: 52px; border-top: 1px solid rgba(15,22,38,.08); }
.vc-tier__row dt { flex: none; color: var(--mut2); font-size: 15px; }
.vc-tier__row dd { margin: 0; font-size: 16px; font-weight: 700; text-align: right; }
.vc-tier__row--use { height: 60px; }
.vc-tier__row--use dd { font-size: 15px; line-height: 1.3; font-weight: 600; text-wrap: balance; }
.vc-tier__row--price { height: 76px; }
.vc-tier__row--price dd { display: flex; align-items: baseline; gap: 5px; }
.vc-tier__row--price strong { font-size: 32px; line-height: 1; font-weight: 800; letter-spacing: -0.04em; }
.vc-tier__row--price span { color: var(--mut2); font-size: 14px; font-weight: 400; }
.vc-tier__order { display: flex; align-items: center; height: 76px; }
.vc-tier__btn { flex: 1; border-color: rgba(15,22,38,.18); background: transparent; transition: background .35s, color .35s, border-color .35s, transform .2s; }
.vc-tier__btn:hover, .vc-tier__btn:focus { background: rgba(15,22,38,.05); transform: translateY(-1px); }
.vc-tier.is-selected .vc-tier__label, .vc-tier.is-selected .vc-tier__kbps span, .vc-tier.is-selected .vc-tier__row dt, .vc-tier.is-selected .vc-tier__row--price span { color: var(--inv-mut); }
.vc-tier.is-selected .vc-tier__tag:not(.vc-tier__tag--match) { color: #9be05a; }
.vc-tier.is-selected .vc-tier__kbps strong { color: var(--inv-acc); text-shadow: 0 0 36px rgba(108,192,36,.45); }
.vc-tier.is-selected .vc-tier__bars span:not(.is-lit) { background: rgba(255,255,255,.16); }
.vc-tier.is-selected .vc-tier__row { border-top-color: rgba(255,255,255,.14); }
.vc-tier.is-selected .vc-tier__btn { border-color: var(--lime); background: var(--lime); box-shadow: var(--shadow-cta); color: var(--on-lime); }
.vc-tier.is-selected .vc-tier__btn:hover, .vc-tier.is-selected .vc-tier__btn:focus { border-color: var(--lime-hover); background: var(--lime-hover); }
.vc-tier.is-selected a:focus-visible { outline-color: var(--inv-acc); }

@media (min-width: 1080px) {
  .vc-tiers { grid-template-columns: 170px repeat(var(--count), minmax(0, 1fr)); gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.9); border-radius: 32px; background: var(--vc-bright); -webkit-backdrop-filter: var(--vc-glass-blur); backdrop-filter: var(--vc-glass-blur); box-shadow: var(--vc-bright-shadow); }
  .vc-tiers__highlight { --col: calc((100% - 190px - var(--count) * 8px) / var(--count)); position: absolute; top: 10px; bottom: 10px; left: calc(188px + var(--sel) * (var(--col) + 8px)); display: block; width: var(--col); overflow: hidden; border-radius: 24px; background: var(--inv-bg); box-shadow: var(--vc-dark-shadow); transition: left .5s cubic-bezier(.3,1.25,.5,1); pointer-events: none; }
  .vc-tiers__highlight::before { content: ""; position: absolute; top: -22%; right: -50%; width: 120%; height: 55%; border-radius: 50%; background: radial-gradient(closest-side, rgba(108,192,36,.34), transparent); }
  .vc-tiers__labels { display: flex; flex-direction: column; padding: 0 4px 0 14px; color: var(--mut2); font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
  .vc-tiers__label { display: flex; align-items: center; height: 52px; border-top: 1px solid rgba(15,22,38,.08); }
  .vc-tiers__label--top { align-items: flex-end; height: 150px; padding-bottom: 22px; border-top: 0; }
  .vc-tiers__label--use { height: 60px; }
  .vc-tiers__label--price { height: 76px; }
  .vc-tier, .vc-tier.is-selected, .vc-tier.is-match { border-color: transparent; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
  .vc-tier__label { visibility: hidden; }
  .vc-tier__row dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .vc-tier__row dd { text-align: left; }
}

.vc-tiers__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 32px; margin-top: 24px; color: var(--mut2); font-size: 15px; }
.vc-tiers__foot .vc-textlink { font-size: inherit; font-weight: 600; }

/* 01 · Included with every plan */
.vc-included { padding: clamp(80px, 9vw, 128px) 0; }
.vc-included__grid { display: flex; flex-wrap: wrap; gap: 40px clamp(40px, 6vw, 96px); }
.vc-included__head { flex: 1 1 320px; max-width: 420px; }
.vc-included__intro { margin-top: 20px; color: var(--mut); font-size: 18px; text-wrap: pretty; }
.vc-included__head .vc-textlink { display: inline-block; margin-top: 22px; }
.vc-included__list { display: grid; flex: 2 1 560px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0 40px; min-width: 0; margin: 0; padding: 0; list-style: none; }
.vc-included__list li { padding: 22px 0 28px; border-top: 1px solid rgba(15,22,38,.1); }
.vc-included__list h3 { display: flex; align-items: center; gap: 12px; font-size: 21px; line-height: 1.3; font-weight: 800; letter-spacing: -0.02em; }
.vc-included__list h3::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }
.vc-included__list p { margin-top: 8px; padding-left: 20px; color: var(--mut2); font-size: 16px; text-wrap: pretty; }

/* 02 · The plan finder: the questions on bright glass, like the table, and the answer dark, like the table's
   selected plan. Without JavaScript it's a form that answers when submitted. */
.vc-finder-section { position: relative; overflow: hidden; overflow: clip; padding: clamp(80px, 9vw, 128px) 0; border-bottom: 1px solid rgba(15,22,38,.042); background: var(--bg); scroll-margin-top: 60px; }
.vc-finder-section .vc-section__head { margin-bottom: 44px; }
.vc-finder-section a:focus-visible, .vc-finder-section input:focus-visible + label { outline: 2px solid var(--focus); outline-offset: 3px; }
.vc-finder { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; margin: 0; }
.vc-finder__questions { flex: 1.7 1 520px; min-width: 0; padding: 0 clamp(22px, 2.6vw, 32px); border: 1px solid rgba(255,255,255,.9); border-radius: 28px; background: var(--vc-bright); -webkit-backdrop-filter: var(--vc-glass-blur); backdrop-filter: var(--vc-glass-blur); box-shadow: var(--vc-bright-shadow); }
.vc-q { min-width: 0; margin: 0; padding: clamp(24px, 2.6vw, 30px) 0; border: 0; }
.vc-q + .vc-q { border-top: 1px solid var(--line); }
legend.vc-q__head { float: left; width: 100%; padding: 0; }
.vc-q__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.vc-q__n { color: var(--acc-strong); font-family: var(--font-mono); font-size: 13px; font-weight: 700; }
.vc-q__title { flex: 1 1 auto; margin: 0; font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -0.02em; }
.vc-q__title label { cursor: pointer; }
/* The value keeps room for its widest answer (the hidden copy under it), so it stays put as the slider moves. */
.vc-q__value { display: grid; margin-left: auto; }
.vc-q__now, .vc-q__widest { display: flex; grid-area: 1 / 1; justify-content: flex-end; align-items: baseline; gap: 8px; }
.vc-q__widest { visibility: hidden; }
.vc-q__value strong { font-family: var(--font-mono); font-size: 26px; line-height: 1.1; font-weight: 700; letter-spacing: -0.04em; }
.vc-q__value span { color: var(--mut); font-size: 15px; white-space: nowrap; }
.vc-q__options { position: relative; clear: both; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-top: 18px; }
@media (min-width: 480px) and (max-width: 959px), (min-width: 1100px) { .vc-q__options { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vc-q__option { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 44px; padding: 14px 16px; border: 1px solid var(--line-strong); border-radius: 16px; background: rgba(255,255,255,.6); color: var(--ink); cursor: pointer; transition: background .2s, border-color .2s; }
.vc-q__option:hover { border-color: var(--line-control); }
.vc-q__option strong { font-size: 15px; line-height: 1.25; }
.vc-q__option span { color: var(--mut3); font-family: var(--font-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.vc-q input:checked + .vc-q__option { border-color: var(--lime); background: var(--lime-tint); box-shadow: inset 0 0 0 1px var(--lime); }
.vc-q input:checked + .vc-q__option span { color: var(--acc-strong); }
.vc-q__help { clear: both; margin-top: 16px; color: var(--mut); font-size: 15px; text-wrap: pretty; }
.vc-q__help a { color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(15,22,38,.3); text-underline-offset: 4px; }
.vc-q__help a:hover, .vc-q__help a:focus { color: var(--acc-strong); text-decoration-color: currentColor; }

/* A native range input over the plans' bands, so keyboard, touch and screen readers work as usual. */
.vc-range { position: relative; height: 40px; margin-top: 14px; }
.vc-range__zones, .vc-range__labels { display: flex; gap: 4px; }
.vc-range__zones { position: absolute; top: 17px; left: 12px; right: 12px; height: 6px; }
.vc-range__zone, .vc-range__label { flex: var(--grow) 1 0px; min-width: 0; }
.vc-range__zone { border-radius: 3px; background: rgba(15,22,38,.1); transition: background .2s, box-shadow .2s; }
.vc-range__zone.is-active { background: var(--lime); box-shadow: 0 0 10px rgba(108,192,36,.35); }
.vc-range__labels { margin: 0 12px; }
.vc-range__label { overflow: hidden; padding-top: 2px; color: var(--mut3); font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-align: center; text-transform: uppercase; white-space: nowrap; transition: color .2s; }
.vc-range__label.is-active { color: var(--acc-strong); }
/* Each zone's label is its plan's limit. The narrowest zone has to fit it: below this width the labels show the
   limit alone ("Up to 500" becomes "500", "Unlimited" becomes ∞). Set for the current plans, where the top plan's
   storage zone is the narrowest (about 69px of a 633px slider for the 65px "Unlimited"). */
.vc-q[data-finder-range] { container-type: inline-size; }
.vc-range__short { display: none; }
@container (max-width: 610px) { .vc-range__long { display: none; } .vc-range__short { display: inline; } }
.vc-range input { position: absolute; inset: 0; width: 100%; height: 40px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; }
.vc-range input:focus { outline: none; }
.vc-range input::-webkit-slider-runnable-track { height: 40px; border: 0; background: transparent; }
.vc-range input::-moz-range-track { height: 40px; border: 0; background: transparent; }
.vc-range input::-webkit-slider-thumb { width: 24px; height: 24px; margin-top: 8px; border: 3px solid #ffffff; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 1px rgba(15,22,38,.08), 0 6px 16px -4px rgba(108,192,36,.8); -webkit-appearance: none; appearance: none; }
.vc-range input::-moz-range-thumb { box-sizing: border-box; width: 24px; height: 24px; border: 3px solid #ffffff; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 1px rgba(15,22,38,.08), 0 6px 16px -4px rgba(108,192,36,.8); }
.vc-range input:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--focus), 0 6px 16px -4px rgba(108,192,36,.8); }
.vc-range input:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 2px var(--focus), 0 6px 16px -4px rgba(108,192,36,.8); }

.vc-finder__submit { padding-bottom: clamp(24px, 2.6vw, 30px); }
.vc-finder.is-live .vc-finder__submit { display: none; }

.vc-finder__answer { display: flex; flex: 1 1 320px; flex-direction: column; gap: 20px; min-width: 0; padding: clamp(24px, 2.6vw, 32px); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: radial-gradient(60% 40% at 90% 0%, rgba(108,192,36,.3), transparent), var(--inv-bg); box-shadow: var(--vc-dark-shadow); color: var(--inv-ink); }
.vc-finder__answer a:focus-visible { outline-color: var(--inv-acc); }
@media (min-width: 960px) { .vc-finder__answer { position: sticky; top: 96px; } }
.vc-finder__label { color: var(--inv-mut2); font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.vc-finder__plan { margin-top: -6px; }
.vc-finder__kbps { display: flex; align-items: baseline; gap: 8px; }
.vc-finder__kbps strong { color: var(--inv-acc); font-family: var(--font-mono); font-size: clamp(60px, 5.4vw, 76px); line-height: .85; font-weight: 700; letter-spacing: -0.07em; text-shadow: 0 0 40px rgba(108,192,36,.4); }
.vc-finder__kbps span { color: var(--inv-mut); font-family: var(--font-mono); font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.vc-finder__use { margin-top: 12px; font-size: 17px; font-weight: 600; }
.vc-finder__fits { margin: 0; font-size: 15px; }
.vc-finder__fits div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.12); }
.vc-finder__fits dt { color: var(--inv-mut); }
.vc-finder__fits dd { margin: 0; font-weight: 700; text-align: right; }
.vc-finder__why { color: var(--inv-ink2); font-size: 15px; text-wrap: pretty; }
.vc-finder__buy { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 16px; }
.vc-finder__price strong { font-size: 32px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; }
.vc-finder__price span { color: var(--inv-mut); font-size: 15px; }
.vc-finder__back { align-self: flex-start; color: var(--inv-ink); font-size: 15px; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(255,255,255,.3); text-underline-offset: 4px; }
.vc-finder__back:hover, .vc-finder__back:focus { color: #9be05a; text-decoration-color: currentColor; }

/* 03 · Control panel screenshots: a list of screens and one viewer. Without JavaScript the list links to the
   full-size images. */
.vc-shots-section { overflow: hidden; overflow: clip; padding: clamp(88px, 10vw, 140px) 0; }
.vc-shots-section .vc-section__head { margin-bottom: 48px; }
.vc-shots { display: flex; flex-wrap: wrap; align-items: center; gap: 24px clamp(24px, 4vw, 56px); }
.vc-shots__list { display: flex; flex: 1 1 300px; flex-direction: column; gap: 8px; max-width: 440px; margin: 0; padding: 0; list-style: none; }
.vc-shots__tab { display: flex; align-items: flex-start; gap: 16px; width: 100%; padding: 18px 20px; border: 1px solid rgba(15,22,38,.08); border-radius: 20px; background: transparent; color: var(--ink); font: inherit; text-align: left; text-decoration: none; cursor: pointer; transition: background .2s, border-color .2s, box-shadow .2s; }
.vc-shots__tab:hover, .vc-shots__tab:focus { border-color: rgba(108,192,36,.4); color: var(--ink); text-decoration: none; }
.vc-shots__tab.is-active { border-color: rgba(108,192,36,.6); background: var(--card); box-shadow: 0 18px 40px -24px rgba(15,22,38,.3); }
.vc-shots__n { flex: none; padding-top: 4px; color: var(--mut3); font-family: var(--font-mono); font-size: 13px; font-weight: 700; }
.vc-shots__tab.is-active .vc-shots__n { color: var(--acc-strong); }
.vc-shots__text { display: flex; flex-direction: column; gap: 4px; }
.vc-shots__text strong { font-size: 19px; line-height: 1.3; font-weight: 800; letter-spacing: -0.015em; }
.vc-shots__text span { color: var(--mut2); font-size: 15px; line-height: 1.45; }
.vc-shots__viewer { flex: 1.5 1 480px; min-width: 0; }
.vc-shots__frame { padding: 10px; border-radius: 32px; }
.vc-shots__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 6px 10px 12px; color: var(--mut2); font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.vc-shots__bar a { color: var(--ink); font-weight: 700; text-decoration: none; }
.vc-shots__bar a:hover, .vc-shots__bar a:focus { color: var(--acc-strong); }
/* The screen fills the frame at 8:7, so a screenshot (all at least square) fills its width and shows its top; the
   fade at the foot is the account pages' background, which the screenshots show. */
.vc-shots__screen { position: relative; aspect-ratio: 8 / 7; overflow: hidden; border: 1px solid rgba(15,22,38,.06); border-radius: 24px; background: var(--bg); }
.vc-shots__screen::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 96px; background: linear-gradient(180deg, rgba(244,246,251,0), var(--bg)); pointer-events: none; }
.vc-shots__img { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity .35s; }
.vc-shots__img.is-active { opacity: 1; }
.vc-shots__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.vc-shots__note { margin-top: 14px; }

/* 04 · FAQ extras (the FAQ itself is in site.css) */
.vc-faq__more { margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(15,22,38,.1); }
.vc-faq__more h3 { font-size: 21px; font-weight: 800; letter-spacing: -0.02em; }
.vc-faq__more p { margin-top: 8px; color: var(--mut2); font-size: 16px; text-wrap: pretty; }
.vc-faq__more .vc-actions { gap: 10px; margin-top: 20px; }

@media (prefers-reduced-motion: reduce) {
  .vc-tiers__highlight, .vc-tier, .vc-tier__kbps strong, .vc-tier__bars span, .vc-tier__btn, .vc-shots__img, .vc-range__zone, .vc-range__label { transition: none; }
}