:root {
  color-scheme: dark;
  --vv-bg: #070b1a;
  --vv-bg-deep: #040713;
  --vv-panel: rgba(17, 24, 50, 0.78);
  --vv-panel-strong: rgba(14, 20, 44, 0.94);
  --vv-line: rgba(158, 174, 255, 0.16);
  --vv-line-strong: rgba(158, 174, 255, 0.31);
  --vv-text: #f5f7ff;
  --vv-muted: #adb7d5;
  --vv-muted-strong: #d9dff3;
  --vv-indigo: #7c83ff;
  --vv-indigo-strong: #9da2ff;
  --vv-turquoise: #57e1d2;
  --vv-turquoise-soft: rgba(87, 225, 210, 0.13);
  --vv-danger: #ffb4b4;
  --vv-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
  --vv-radius-xl: 34px;
  --vv-radius-lg: 26px;
  --vv-radius-md: 18px;
  --vv-container: 1160px;
  --vv-nav-height: 74px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--vv-bg-deep); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--vv-text);
  background:
    radial-gradient(circle at 15% -8%, rgba(124, 131, 255, 0.26), transparent 31rem),
    radial-gradient(circle at 92% 18%, rgba(87, 225, 210, 0.14), transparent 27rem),
    linear-gradient(180deg, #0a0e22 0%, var(--vv-bg) 34%, var(--vv-bg-deep) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 75%);
  z-index: -1;
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 1000;
  transform: translateY(-180%);
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: #fff;
  color: #070b1a;
  font-weight: 800;
}
.skip-link:focus { transform: translateY(0); }

:where(a, button, summary):focus-visible {
  outline: 3px solid var(--vv-turquoise);
  outline-offset: 4px;
  border-radius: 8px;
}

.vv-container { width: min(var(--vv-container), calc(100% - 2rem)); margin-inline: auto; }
.vv-section { padding: clamp(4.5rem, 8vw, 7.5rem) 0; }
.vv-section--tight { padding-block: clamp(3rem, 6vw, 5rem); }
.vv-section--line { border-top: 1px solid var(--vv-line); }

.vv-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid rgba(158, 174, 255, 0.09);
  background: rgba(7, 11, 26, 0.72);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  backdrop-filter: blur(20px) saturate(145%);
}
.vv-header__inner {
  min-height: var(--vv-nav-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.vv-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--vv-text);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.vv-brand__mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(139, 151, 255, 0.32);
  background:
    radial-gradient(circle at 65% 20%, rgba(87, 225, 210, 0.8), transparent 30%),
    linear-gradient(145deg, rgba(124, 131, 255, 0.95), rgba(42, 48, 109, 0.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 30px rgba(59, 68, 170, .25);
  overflow: hidden;
}
.vv-brand__mark img { width: 100%; height: 100%; object-fit: cover; }
.vv-brand__name { font-size: 1.06rem; }
.vv-nav { display: flex; align-items: center; gap: 1.2rem; }
.vv-nav a {
  color: var(--vv-muted-strong);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 650;
}
.vv-nav a:hover { color: var(--vv-text); }
.vv-nav__quiet { color: var(--vv-muted) !important; }

.vv-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.82rem 1.2rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--vv-indigo-strong), var(--vv-turquoise));
  color: #070b1a;
  font-weight: 850;
  text-decoration: none;
  box-shadow: 0 16px 40px rgba(74, 86, 207, 0.24);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.vv-button:hover { transform: translateY(-1px); box-shadow: 0 20px 48px rgba(74, 86, 207, 0.32); }
.vv-button--secondary {
  border-color: var(--vv-line-strong);
  background: rgba(255,255,255,0.035);
  color: var(--vv-text);
  box-shadow: none;
}
.vv-button--compact { min-height: 42px; padding: 0.68rem 1rem; font-size: 0.9rem; }

.vv-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: #aeb8ff;
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.vv-eyebrow::before { content: ""; width: 25px; height: 1px; background: linear-gradient(90deg, var(--vv-indigo), var(--vv-turquoise)); }

.vv-hero { padding: clamp(4.5rem, 9vw, 8.5rem) 0 clamp(5rem, 9vw, 8rem); overflow: hidden; }
.vv-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(340px, .97fr);
  align-items: center;
  gap: clamp(2.5rem, 5vw, 5.5rem);
}
.vv-hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(3.2rem, 7vw, 6.4rem);
  line-height: .96;
  letter-spacing: -0.065em;
}
.vv-hero h1 span {
  display: block;
  background: linear-gradient(112deg, #fff 5%, #c8cdff 51%, #8cf0e4 95%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.vv-hero__lede {
  max-width: 680px;
  margin: 1.5rem 0 0;
  color: var(--vv-muted-strong);
  font-size: clamp(1.05rem, 1.55vw, 1.26rem);
  line-height: 1.75;
}
.vv-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.vv-hero__note { margin: 1rem 0 0; color: var(--vv-muted); font-size: 0.86rem; }
.vv-hero__trust { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.35rem; }
.vv-pill {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .68rem;
  border: 1px solid var(--vv-line);
  border-radius: 999px;
  color: var(--vv-muted-strong);
  background: rgba(255,255,255,.025);
  font-size: .78rem;
  font-weight: 700;
}
.vv-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--vv-turquoise); box-shadow: 0 0 0 4px rgba(87,225,210,.08); }

.vv-browser {
  position: relative;
  padding: 1rem;
  border: 1px solid var(--vv-line-strong);
  border-radius: var(--vv-radius-xl);
  background: linear-gradient(180deg, rgba(21, 30, 64, .82), rgba(9, 14, 32, .9));
  box-shadow: var(--vv-shadow), inset 0 1px 0 rgba(255,255,255,.08);
}
.vv-browser::before {
  content: "";
  position: absolute;
  inset: -14% -16% auto auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(87,225,210,.17);
  filter: blur(70px);
  z-index: -1;
}
.vv-browser__top { display: flex; align-items: center; gap: .45rem; padding: .2rem .3rem .85rem; }
.vv-browser__dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(210,216,242,.4); }
.vv-browser__url {
  margin-left: .35rem;
  flex: 1;
  min-width: 0;
  padding: .45rem .7rem;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  color: rgba(217,223,247,.55);
  font-size: .68rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vv-browser__surface {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border-radius: 24px;
  background: #0f1220;
}
.vv-youtube-shell { display: grid; grid-template-columns: 1fr 142px; min-height: 420px; }
.vv-video-area { padding: 1rem; }
.vv-video {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 14px;
  background:
    radial-gradient(circle at 24% 28%, #4350a1, transparent 26%),
    radial-gradient(circle at 66% 60%, #237d7c, transparent 31%),
    linear-gradient(135deg, #191e43, #101525);
}
.vv-video__blur {
  position: absolute;
  inset: -16px;
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  background: rgba(11,15,29,.18);
}
.vv-video__clear {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 19%;
  background:
    linear-gradient(to top, rgba(6,8,18,.86), rgba(6,8,18,.38)),
    repeating-linear-gradient(90deg, transparent 0 17%, rgba(255,255,255,.11) 17% 18%, transparent 18% 32%);
  border-top: 1px solid rgba(255,255,255,.14);
}
.vv-video__label {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  padding: .52rem .7rem;
  border-radius: 999px;
  background: rgba(5,8,19,.76);
  border: 1px solid rgba(255,255,255,.14);
  color: #eaf0ff;
  font-size: .74rem;
  font-weight: 800;
  backdrop-filter: blur(12px);
}
.vv-video-meta { padding-top: .9rem; display: grid; gap: .5rem; }
.vv-line { height: 9px; border-radius: 999px; background: rgba(227,232,255,.2); }
.vv-line--title { width: 74%; height: 12px; background: rgba(242,245,255,.72); }
.vv-line--short { width: 42%; }
.vv-sidebar { padding: 1rem .85rem 1rem 0; display: grid; align-content: start; gap: .72rem; }
.vv-thumb { aspect-ratio: 16 / 9; border-radius: 9px; background: linear-gradient(135deg,#23294d,#1d5c61); filter: blur(5px); opacity: .78; }
.vv-thumb-line { height: 6px; border-radius: 999px; background: rgba(227,232,255,.17); margin-top: .35rem; }
.vv-extension-card {
  position: absolute;
  right: -1.15rem;
  bottom: 1.35rem;
  width: min(245px, 60%);
  padding: 1rem;
  border: 1px solid rgba(151,163,255,.34);
  border-radius: 20px;
  background: rgba(11,17,40,.92);
  box-shadow: 0 24px 55px rgba(0,0,0,.42);
  backdrop-filter: blur(18px);
}
.vv-extension-card__head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .9rem; }
.vv-extension-card__head strong { font-size: .84rem; }
.vv-toggle { width: 30px; height: 18px; border-radius: 999px; background: linear-gradient(90deg,var(--vv-indigo),var(--vv-turquoise)); position: relative; }
.vv-toggle::after { content:""; position:absolute; width:12px; height:12px; right:3px; top:3px; border-radius:50%; background:white; }
.vv-control { display: grid; gap: .35rem; margin-top: .72rem; }
.vv-control__row { display: flex; justify-content: space-between; gap: .8rem; color: var(--vv-muted-strong); font-size: .68rem; }
.vv-control__bar { height: 5px; border-radius: 999px; overflow:hidden; background: rgba(255,255,255,.11); }
.vv-control__bar span { display:block; width:80%; height:100%; border-radius:inherit; background: linear-gradient(90deg,var(--vv-indigo),var(--vv-turquoise)); }
.vv-control__bar--clear span { width:19%; }

.vv-section-head { max-width: 720px; margin-bottom: 2rem; }
.vv-section-head h2, .vv-split h2, .vv-privacy-hero h1 {
  margin: 0;
  font-size: clamp(2.25rem, 4.7vw, 4.2rem);
  line-height: 1.03;
  letter-spacing: -0.05em;
}
.vv-section-head p, .vv-split__copy > p, .vv-privacy-hero p { color: var(--vv-muted); font-size: 1.05rem; line-height: 1.75; }

.vv-overview { position: relative; }
.vv-overview .vv-section-head { max-width: 820px; }
.vv-overview-player {
  max-width: 980px;
  margin: 0 auto;
  border-color: rgba(158, 174, 255, .28);
  border-radius: 28px;
  background: #050713;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .42), 0 0 0 1px rgba(87, 225, 210, .06);
}
.vv-overview-player .video-stage { background: radial-gradient(circle at 50% 28%, rgba(124, 131, 255, .24), transparent 42%), #050713; }
.vv-overview-player .video-stage-play { background: linear-gradient(135deg, var(--vv-indigo-strong), var(--vv-turquoise)); }
.vv-overview-player .video-controls { background: linear-gradient(180deg, rgba(16, 22, 52, .98), rgba(7, 11, 26, .98)); }
.vv-overview-player .video-controls button, .vv-overview-player .video-controls select { border-color: rgba(158, 174, 255, .24); background: rgba(255,255,255,.06); }
.vv-overview-player .video-controls button:hover, .vv-overview-player .video-controls select:hover { border-color: rgba(87, 225, 210, .68); background: rgba(87, 225, 210, .1); }
.vv-overview-player .video-controls input[type="range"] { accent-color: var(--vv-turquoise); }
.vv-overview-player .video-controls input[type="range"]::-webkit-slider-thumb { background: var(--vv-turquoise); }
.vv-overview-player .video-settings { background: rgba(7, 11, 26, .98); }
.vv-overview-player .video-settings h2 { color: var(--vv-text); }
.vv-overview-player .video-status { color: var(--vv-muted-strong); background: rgba(7, 11, 26, .96); }

.vv-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.vv-card {
  border: 1px solid var(--vv-line);
  border-radius: var(--vv-radius-lg);
  background: linear-gradient(180deg, rgba(19,27,56,.73), rgba(9,14,31,.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.vv-step { padding: 1.45rem; }
.vv-step__number { color: var(--vv-turquoise); font-size: .72rem; font-weight: 900; letter-spacing: .14em; }
.vv-step h3, .vv-feature h3, .vv-mini-card h3 { margin: .9rem 0 .45rem; font-size: 1.18rem; letter-spacing: -.02em; }
.vv-step p, .vv-feature p, .vv-mini-card p { margin: 0; color: var(--vv-muted); line-height: 1.72; }

.vv-split { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.vv-split--reverse .vv-split__copy { order: 2; }
.vv-split--reverse .vv-split__visual { order: 1; }
.vv-feature-list { display: grid; gap: .8rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.vv-feature-list li { position: relative; padding-left: 1.7rem; color: var(--vv-muted-strong); }
.vv-feature-list li::before { content:""; position:absolute; left:0; top:.68em; width:8px; height:8px; border-radius:50%; background:var(--vv-turquoise); box-shadow:0 0 0 5px rgba(87,225,210,.08); }

.vv-visual-panel { padding: 1.15rem; }
.vv-control-panel { padding: 1.1rem; border-radius: 20px; background: rgba(5,9,22,.55); border: 1px solid rgba(255,255,255,.06); }
.vv-control-panel__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.vv-control-panel__header strong { display:block; }
.vv-control-panel__header span { display:block; margin-top:.22rem; color:var(--vv-muted); font-size:.75rem; }
.vv-control-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.72rem; }
.vv-mini-card { min-height: 130px; padding: 1rem; border-radius: 17px; background: rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); }
.vv-mini-card__icon { width:34px; height:34px; border-radius:11px; display:grid; place-items:center; background:var(--vv-turquoise-soft); color:var(--vv-turquoise); font-weight:900; }
.vv-mini-card p { font-size:.82rem; }

.vv-metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:.72rem; margin-top:.8rem; }
.vv-metric { padding:1rem; border-radius:16px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); }
.vv-metric small { color:var(--vv-muted); }
.vv-metric strong { display:block; margin-top:.25rem; font-size:1.35rem; letter-spacing:-.04em; }
.vv-budget-bar { margin-top:1rem; height:8px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.08); }
.vv-budget-bar span { display:block; width:58%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--vv-indigo),var(--vv-turquoise)); }

.vv-loop-line { position:relative; height:74px; margin:1rem 0 .5rem; }
.vv-loop-line::before { content:""; position:absolute; left:0; right:0; top:34px; height:6px; border-radius:999px; background:rgba(255,255,255,.11); }
.vv-loop-line__range { position:absolute; left:21%; right:17%; top:34px; height:6px; border-radius:999px; background:linear-gradient(90deg,var(--vv-indigo),var(--vv-turquoise)); }
.vv-loop-pin { position:absolute; top:17px; width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#121935; border:2px solid var(--vv-indigo-strong); font-size:.75rem; font-weight:900; }
.vv-loop-pin--a { left:calc(21% - 20px); }
.vv-loop-pin--b { right:calc(17% - 20px); border-color:var(--vv-turquoise); }
.vv-loop-time { display:flex; justify-content:space-between; color:var(--vv-muted); font-size:.72rem; }

.vv-privacy-band {
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 1px solid rgba(87,225,210,.2);
  border-radius: var(--vv-radius-xl);
  background:
    radial-gradient(circle at 12% 20%, rgba(87,225,210,.13), transparent 24rem),
    linear-gradient(135deg, rgba(16,28,52,.96), rgba(9,14,31,.95));
}
.vv-privacy-band__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:2rem; align-items:center; }
.vv-privacy-band h2 { margin:0; font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.045em; }
.vv-privacy-band p { color:var(--vv-muted); max-width:680px; }
.vv-privacy-points { display:grid; gap:.62rem; }
.vv-privacy-point { display:flex; gap:.7rem; align-items:flex-start; color:var(--vv-muted-strong); }
.vv-privacy-point span:first-child { color:var(--vv-turquoise); font-weight:900; }

.vv-preview-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:1rem; }
.vv-preview-large, .vv-preview-small { min-height:360px; padding:1rem; overflow:hidden; }
.vv-preview-small { min-height:172px; }
.vv-preview-stack { display:grid; gap:1rem; }
.vv-preview-label { display:flex; justify-content:space-between; gap:1rem; color:var(--vv-muted); font-size:.76rem; margin-bottom:.85rem; }
.vv-preview-label strong { color:var(--vv-text); font-size:.84rem; }
.vv-preview-screen { height:calc(100% - 2rem); min-height:290px; border-radius:18px; border:1px solid rgba(255,255,255,.07); background:linear-gradient(145deg,#141a36,#0b1024); position:relative; overflow:hidden; }
.vv-preview-small .vv-preview-screen { min-height:104px; }
.vv-preview-screen::before, .vv-preview-screen::after { content:""; position:absolute; border-radius:18px; background:rgba(255,255,255,.065); }
.vv-preview-screen::before { left:5%; top:11%; width:62%; height:56%; }
.vv-preview-screen::after { right:5%; top:11%; width:23%; height:72%; }
.vv-preview-screen--timer::before { width:42%; height:42%; border-radius:50%; left:29%; top:14%; border:8px solid rgba(87,225,210,.34); background:transparent; }
.vv-preview-screen--timer::after { left:20%; right:20%; width:auto; top:auto; bottom:12%; height:16%; }
.vv-preview-screen--loop::before { left:8%; right:8%; width:auto; top:42%; height:8px; border-radius:999px; background:linear-gradient(90deg,var(--vv-indigo),var(--vv-turquoise)); }
.vv-preview-screen--loop::after { width:52px; height:52px; border-radius:50%; left:18%; top:calc(42% - 22px); box-shadow:220px 0 0 -2px rgba(87,225,210,.55); }
.vv-preview-art { display:block; width:100%; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#0b1024; }
.vv-preview-art--marquee { aspect-ratio:2.5; object-fit:cover; }
.vv-preview-art--small { aspect-ratio:11 / 7; object-fit:contain; }
.vv-preview-note { margin:1rem 0 0; color:var(--vv-muted); font-size:.83rem; }

.vv-faq { display:grid; gap:.8rem; max-width:900px; }
.vv-faq details { border:1px solid var(--vv-line); border-radius:20px; background:rgba(15,22,47,.62); }
.vv-faq summary { cursor:pointer; padding:1.15rem 1.25rem; list-style:none; font-weight:800; }
.vv-faq summary::-webkit-details-marker { display:none; }
.vv-faq summary::after { content:"+"; float:right; color:var(--vv-turquoise); font-size:1.25rem; font-weight:500; }
.vv-faq details[open] summary::after { content:"−"; }
.vv-faq p { margin:0; padding:0 1.25rem 1.2rem; color:var(--vv-muted); line-height:1.72; }

.vv-final { text-align:center; padding:clamp(3rem,6vw,5rem); border:1px solid var(--vv-line-strong); border-radius:var(--vv-radius-xl); background:linear-gradient(145deg,rgba(34,41,91,.68),rgba(11,18,38,.82)); box-shadow:var(--vv-shadow); }
.vv-final h2 { margin:0; font-size:clamp(2.4rem,5vw,4.6rem); letter-spacing:-.055em; }
.vv-final p { max-width:680px; margin:1rem auto 0; color:var(--vv-muted); font-size:1.05rem; }
.vv-final .vv-hero__actions { justify-content:center; }

.vv-footer { border-top:1px solid var(--vv-line); padding:2.2rem 0 2.6rem; color:var(--vv-muted); }
.vv-footer__inner { display:flex; justify-content:space-between; gap:1.5rem; align-items:flex-start; }
.vv-footer__links { display:flex; flex-wrap:wrap; gap:1rem; }
.vv-footer a { color:var(--vv-muted-strong); text-decoration:none; }
.vv-footer a:hover { color:var(--vv-text); }
.vv-footer p { margin:.25rem 0 0; font-size:.82rem; }

/* Privacy page */
.vv-privacy-page { background: linear-gradient(180deg,#090d20,#060a17 45%,#040713); }
.vv-privacy-hero { padding: clamp(4rem,8vw,7rem) 0 2.5rem; }
.vv-privacy-hero__meta { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.25rem; }
.vv-policy-layout { display:grid; grid-template-columns: 260px minmax(0, 1fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.vv-policy-toc { position:sticky; top:calc(var(--vv-nav-height) + 1rem); padding:1rem; }
.vv-policy-toc strong { display:block; margin-bottom:.6rem; font-size:.82rem; color:var(--vv-text); }
.vv-policy-toc a { display:block; padding:.42rem .2rem; color:var(--vv-muted); text-decoration:none; font-size:.86rem; }
.vv-policy-toc a:hover { color:var(--vv-text); }
.vv-policy { min-width:0; }
.vv-policy section { scroll-margin-top:calc(var(--vv-nav-height) + 1.5rem); padding:0 0 2.7rem; margin-bottom:2.7rem; border-bottom:1px solid var(--vv-line); }
.vv-policy section:last-child { border-bottom:0; }
.vv-policy h2 { margin:0 0 .9rem; font-size:clamp(1.6rem,3vw,2.35rem); letter-spacing:-.035em; }
.vv-policy h3 { margin:1.35rem 0 .5rem; font-size:1.06rem; }
.vv-policy p, .vv-policy li { color:var(--vv-muted); line-height:1.76; }
.vv-policy ul { padding-left:1.25rem; }
.vv-policy li + li { margin-top:.42rem; }
.vv-policy strong { color:var(--vv-muted-strong); }
.vv-policy-note { padding:1rem 1.1rem; border-radius:16px; border:1px solid rgba(87,225,210,.2); background:rgba(87,225,210,.055); color:var(--vv-muted-strong) !important; }
.vv-data-table { width:100%; border-collapse:collapse; margin-top:1rem; font-size:.92rem; }
.vv-data-table th, .vv-data-table td { padding:.9rem; text-align:left; vertical-align:top; border-bottom:1px solid var(--vv-line); }
.vv-data-table th { color:var(--vv-text); font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; }
.vv-data-table td { color:var(--vv-muted); }
.vv-placeholder { display:inline-flex; padding:.15rem .4rem; border-radius:6px; border:1px dashed rgba(255,180,180,.48); color:var(--vv-danger); background:rgba(255,180,180,.05); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.88em; }

@media (max-width: 960px) {
  .vv-nav > a:not(.vv-button) { display:none; }
  .vv-hero__grid, .vv-split, .vv-privacy-band__grid, .vv-preview-grid { grid-template-columns:1fr; }
  .vv-hero__visual { max-width:720px; width:100%; margin-inline:auto; }
  .vv-split--reverse .vv-split__copy, .vv-split--reverse .vv-split__visual { order:initial; }
  .vv-steps { grid-template-columns:1fr; }
  .vv-preview-stack { grid-template-columns:repeat(2,1fr); }
  .vv-policy-layout { grid-template-columns:1fr; }
  .vv-policy-toc { position:static; display:flex; flex-wrap:wrap; gap:.25rem .8rem; }
  .vv-policy-toc strong { width:100%; }
  .vv-policy-toc a { padding:.35rem 0; }
}

@media (max-width: 680px) {
  :root { --vv-nav-height: 66px; }
  .vv-container { width:min(100% - 1.15rem, var(--vv-container)); }
  .vv-header__inner { gap:.6rem; }
  .vv-brand__mark { width:32px; height:32px; border-radius:10px; }
  .vv-brand__name { font-size:.98rem; }
  .vv-nav { gap:.5rem; }
  .vv-nav .vv-button { min-height:38px; padding:.58rem .78rem; font-size:.78rem; }
  .vv-hero { padding-top:3.3rem; }
  .vv-hero h1 { font-size:clamp(3rem,16vw,4.7rem); }
  .vv-hero__lede { font-size:1rem; }
  .vv-hero__actions { display:grid; grid-template-columns:1fr; }
  .vv-button { width:100%; }
  .vv-browser { padding:.65rem; border-radius:24px; }
  .vv-browser__surface, .vv-youtube-shell { min-height:330px; }
  .vv-youtube-shell { grid-template-columns:1fr 92px; }
  .vv-video-area { padding:.7rem; }
  .vv-sidebar { padding:.7rem .6rem .7rem 0; gap:.5rem; }
  .vv-extension-card { right:.45rem; bottom:.65rem; width:60%; padding:.75rem; border-radius:16px; }
  .vv-control-grid, .vv-metric-row { grid-template-columns:1fr; }
  .vv-preview-stack { grid-template-columns:1fr; }
  .vv-preview-large { min-height:320px; }
  .vv-footer__inner { flex-direction:column; }
  .vv-data-table, .vv-data-table tbody, .vv-data-table tr, .vv-data-table td { display:block; width:100%; }
  .vv-data-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .vv-data-table tr { padding:.7rem 0; border-bottom:1px solid var(--vv-line); }
  .vv-data-table td { border:0; padding:.32rem 0; }
  .vv-data-table td::before { content:attr(data-label); display:block; color:var(--vv-text); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:.15rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}