:root {
  --vh-bg-0: #050d16;
  --vh-bg-1: #07111b;
  --vh-bg-2: #140b11;
  --vh-ink: #f8f2df;
  --vh-muted: #95acbb;
  --vh-muted-strong: #bad0dc;
  --vh-mint: #7df9d0;
  --vh-cyan: #2fb6ff;
  --vh-orange: #ff7a3d;
  --vh-amber: #fce6ba;
  --vh-line: rgba(252, 230, 186, 0.12);
  --vh-line-strong: rgba(125, 249, 208, 0.22);
  --vh-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
  --vh-shadow-strong: 0 34px 90px rgba(0, 0, 0, 0.44);
  --pointer-x: 50%;
  --pointer-y: 20%;
}

html {
  scrollbar-color: rgba(125, 249, 208, 0.4) rgba(7, 17, 27, 0.8);
}

body.vh-site {
  min-height: 100%;
  overflow-x: hidden;
  color: var(--vh-ink);
  font-family: "Segoe UI Variable Text", "Trebuchet MS", sans-serif;
  background: linear-gradient(180deg, var(--vh-bg-0) 0%, var(--vh-bg-1) 46%, var(--vh-bg-2) 100%) !important;
}

body.vh-site::before,
body.vh-site::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body.vh-site::before {
  z-index: -8;
  opacity: 0.5;
  background:
    radial-gradient(circle at 16% 18%, rgba(125, 249, 208, 0.18), transparent 22%),
    radial-gradient(circle at 84% 14%, rgba(255, 122, 61, 0.16), transparent 24%),
    radial-gradient(circle at 78% 66%, rgba(47, 182, 255, 0.14), transparent 22%),
    url("images/mesh-pattern.svg") center/520px repeat;
  animation: vh-grid-drift 28s linear infinite;
}

body.vh-site::after {
  z-index: -9;
  inset: -12%;
  opacity: 0.96;
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(47, 182, 255, 0.16), transparent 16%),
    radial-gradient(circle at 22% 78%, rgba(125, 249, 208, 0.14), transparent 22%),
    radial-gradient(circle at 78% 18%, rgba(255, 122, 61, 0.16), transparent 18%),
    linear-gradient(180deg, #040b13 0%, #07111b 40%, #150b11 100%);
}

body.vh-site * {
  scrollbar-width: thin;
}

body.vh-site ::selection {
  color: #07111b;
  background: rgba(125, 249, 208, 0.9);
}

body.vh-site a {
  color: inherit;
}

body.vh-site .matrix-bg {
  z-index: -6;
  opacity: 0.38;
  background:
    radial-gradient(circle at 50% 18%, rgba(252, 230, 186, 0.22), transparent 15%),
    url("images/hero-neon-grid.svg") center top / min(1400px, 92vw) auto no-repeat;
  animation: vh-float-panel 18s ease-in-out infinite alternate;
}

body.vh-site .scanlines {
  z-index: -4;
  opacity: 0.1;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.03) 0 1px,
    rgba(0, 0, 0, 0) 1px 4px
  );
  animation-duration: 12s;
}

body.vh-site .orbs {
  z-index: -7;
  opacity: 1;
  background:
    radial-gradient(circle at 12% 22%, rgba(125, 249, 208, 0.14), transparent 15%),
    radial-gradient(circle at 86% 26%, rgba(255, 122, 61, 0.16), transparent 17%),
    radial-gradient(circle at 26% 76%, rgba(47, 182, 255, 0.14), transparent 18%);
  animation: vh-orb-shift 18s ease-in-out infinite alternate;
}

body.vh-site .vignette {
  z-index: -2;
  background: radial-gradient(120% 120% at 50% 50%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.45) 100%);
}

body.vh-site .bg-dim,
body.vh-site .smoke {
  display: none;
}

body.vh-site .container {
  position: relative;
  max-width: 1280px;
  padding: 24px clamp(14px, 2.2vw, 24px) 110px;
}

body.vh-site .container::before {
  content: "";
  position: absolute;
  inset: 110px -38px 24px;
  border-radius: 42px;
  border: 1px solid rgba(252, 230, 186, 0.08);
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.04);
  pointer-events: none;
}

body.vh-site header,
body.vh-site section,
body.vh-site footer {
  position: relative;
  overflow: hidden;
}

body.vh-site header {
  position: relative;
  overflow: visible;
  z-index: 60;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  padding: 18px 24px;
  margin-bottom: 28px;
  border-radius: 30px;
  border: 1px solid var(--vh-line);
  background:
    linear-gradient(140deg, rgba(9, 19, 29, 0.9), rgba(18, 11, 17, 0.76)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
  box-shadow: var(--vh-shadow);
  backdrop-filter: blur(18px);
}

body.vh-site header::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(125, 249, 208, 0.08), transparent 28%, transparent 72%, rgba(255, 122, 61, 0.08)),
    radial-gradient(circle at 16% 50%, rgba(125, 249, 208, 0.18), transparent 20%),
    radial-gradient(circle at 86% 50%, rgba(47, 182, 255, 0.12), transparent 22%);
  pointer-events: none;
}

body.vh-site .logo {
  position: relative;
  z-index: 1;
  gap: 16px;
}

body.vh-site .logo-icon {
  width: 64px;
  height: 64px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
    linear-gradient(135deg, rgba(80, 245, 255, 0.16), rgba(201, 92, 255, 0.12)),
    rgba(8, 18, 28, 0.96) url("Logo.png") center 25% / 176% auto no-repeat;
  border: 1px solid rgba(171, 121, 255, 0.22);
  box-shadow:
    inset 0 0 0 1px rgba(125, 249, 208, 0.06),
    0 0 24px rgba(80, 245, 255, 0.12),
    0 16px 36px rgba(0, 0, 0, 0.26);
  color: transparent;
  animation: vh-header-logo-glow 4.6s ease-in-out infinite;
}

body.vh-site .logo-text {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Bahnschrift SemiCondensed", "Arial Black", sans-serif;
  font-size: clamp(1.65rem, 4vw, 2.4rem);
  line-height: 0.92;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--vh-amber);
  -webkit-text-fill-color: initial;
  text-shadow: 0 0 24px rgba(252, 230, 186, 0.08);
}

body.vh-site .version {
  display: none;
}

body.vh-site .header-controls {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
}

body.vh-site .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

body.vh-site .nav-link,
body.vh-site .language-btn,
body.vh-site .social-link {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  background: rgba(8, 18, 28, 0.76);
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.04);
  backdrop-filter: blur(12px);
}

body.vh-site .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  cursor: pointer;
  min-height: 50px;
  padding: 0 18px;
  color: var(--vh-amber);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
  font-weight: 700;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

body.vh-site .nav-link:hover,
body.vh-site .nav-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(125, 249, 208, 0.28);
  background: rgba(125, 249, 208, 0.08);
}

body.vh-site .language-selector {
  z-index: 2600;
}

body.vh-site .language-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 12px 18px;
  color: var(--vh-ink);
  font-weight: 700;
  letter-spacing: 0.04em;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

body.vh-site .language-btn:hover,
body.vh-site .language-btn:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(125, 249, 208, 0.28);
}

body.vh-site .language-btn img,
body.vh-site .language-option img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(252, 230, 186, 0.16);
}

body.vh-site .language-dropdown {
  top: calc(100% + 12px);
  right: 0;
  min-width: 220px;
  padding: 8px;
  border-radius: 22px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  background: rgba(7, 17, 27, 0.96);
  box-shadow: var(--vh-shadow-strong);
  backdrop-filter: blur(22px);
  z-index: 2700;
}

body.vh-site .language-option {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  color: var(--vh-ink);
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

body.vh-site .language-option:hover,
body.vh-site .language-option.active {
  background: rgba(125, 249, 208, 0.08);
  color: var(--vh-mint);
  transform: translateX(4px);
}

body.vh-site section {
  margin-top: 28px;
  border-radius: 38px;
  border: 1px solid var(--vh-line);
  background: linear-gradient(160deg, rgba(9, 19, 29, 0.9) 0%, rgba(6, 16, 25, 0.84) 62%, rgba(18, 10, 15, 0.86) 100%);
  box-shadow: var(--vh-shadow);
}

body.vh-site .hero {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
  grid-template-areas:
    "title art"
    "desc art"
    "cta art";
  gap: 18px 48px;
  align-items: center;
  min-height: 640px;
  padding: clamp(34px, 5vw, 58px);
  margin-top: 0;
  isolation: isolate;
}

body.vh-site .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 24%, rgba(125, 249, 208, 0.16), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(255, 122, 61, 0.18), transparent 20%),
    linear-gradient(120deg, rgba(47, 182, 255, 0.09), transparent 40%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: -2;
}

body.vh-site .hero::after {
  display: none;
  content: none;
}

body.vh-site .hero h1 {
  grid-area: title;
  display: inline-block;
  margin: 0;
  position: relative;
  z-index: 2;
  max-width: 100%;
  color: var(--vh-amber);
  font-family: "Bahnschrift Condensed", "Bahnschrift SemiCondensed", "Arial Narrow", "Arial Black", sans-serif;
  font-size: clamp(2.95rem, 7.6vw, 5.85rem);
  line-height: 0.84;
  letter-spacing: 0.11em;
  font-stretch: condensed;
  transform: scaleX(0.94);
  transform-origin: left center;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 0 28px rgba(252, 230, 186, 0.08);
}

body.vh-site .hero h1::after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  margin-top: 24px;
  border-radius: 999px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) 0 0 / 100% 100% no-repeat,
    linear-gradient(90deg, var(--vh-mint), var(--vh-cyan), var(--vh-orange)) 0 0 / 0% 100% no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(125, 249, 208, 0.08),
    0 0 18px rgba(47, 182, 255, 0.18);
  animation: vh-download-bar 28s linear infinite;
}

body.vh-site .hero p {
  grid-area: desc;
  position: relative;
  z-index: 2;
  max-width: 55ch;
  margin: 0;
  color: var(--vh-muted-strong);
  font-size: clamp(1rem, 1vw + 0.72rem, 1.16rem);
  line-height: 1.82;
}

body.vh-site .hero-brand-panel {
  grid-area: art;
  position: relative;
  z-index: 1;
  min-height: 520px;
  border-radius: 36px;
  overflow: hidden;
  border: 1px solid rgba(137, 93, 255, 0.24);
  background:
    radial-gradient(circle at 50% 16%, rgba(188, 94, 255, 0.26), transparent 20%),
    radial-gradient(circle at 16% 34%, rgba(71, 245, 255, 0.18), transparent 24%),
    radial-gradient(circle at 84% 36%, rgba(255, 100, 247, 0.16), transparent 22%),
    linear-gradient(180deg, rgba(14, 11, 28, 0.96), rgba(5, 8, 18, 0.98));
  box-shadow:
    inset 0 0 0 1px rgba(80, 245, 255, 0.06),
    0 30px 90px rgba(0, 0, 0, 0.42);
  isolation: isolate;
  animation: vh-brand-panel-float 11s ease-in-out infinite alternate;
}

body.vh-site .hero-brand-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(71, 245, 255, 0.1), transparent 20%),
    radial-gradient(circle at 50% 72%, rgba(127, 93, 255, 0.12), transparent 24%),
    url("images/mesh-pattern.svg") center/420px repeat;
  opacity: 0.22;
  mix-blend-mode: screen;
}

body.vh-site .hero-brand-panel::after {
  content: "";
  position: absolute;
  inset: -12% 42% -12% -18%;
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.18) 44%, transparent 58%);
  transform: translateX(-120%) skewX(-18deg);
  opacity: 0.55;
  filter: blur(10px);
  animation: vh-brand-sweep 4.8s ease-in-out infinite;
}

body.vh-site .hero-brand-noise {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 20%, rgba(255, 255, 255, 0.7) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.72) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 30% 62%, rgba(80, 245, 255, 0.9) 0 1.4px, transparent 2.6px),
    radial-gradient(circle at 82% 58%, rgba(255, 100, 247, 0.82) 0 1.6px, transparent 2.8px),
    radial-gradient(circle at 56% 26%, rgba(150, 118, 255, 0.84) 0 1.2px, transparent 2.4px);
  opacity: 0.74;
  animation: vh-brand-twinkle 5.2s ease-in-out infinite alternate;
}

body.vh-site .hero-brand-orbit {
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(153, 122, 255, 0.2);
  pointer-events: none;
}

body.vh-site .hero-brand-orbit-a {
  inset: 9% 12% 11%;
  box-shadow: 0 0 36px rgba(80, 245, 255, 0.08);
  animation: vh-brand-rotate-a 16s linear infinite;
}

body.vh-site .hero-brand-orbit-b {
  inset: 17% 22% 25%;
  border-color: rgba(80, 245, 255, 0.16);
  animation: vh-brand-rotate-b 12s linear infinite reverse;
}

body.vh-site .hero-brand-core {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 30px 28px;
}

body.vh-site .hero-brand-photo-shell {
  position: relative;
  width: min(100%, 378px);
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  isolation: isolate;
  transform: translateY(-14px);
}

body.vh-site .hero-brand-photo-shell::before,
body.vh-site .hero-brand-photo-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 58% 42% 53% 47% / 44% 59% 41% 56%;
}

body.vh-site .hero-brand-photo-shell::before {
  inset: -10px;
  background:
    radial-gradient(circle at 18% 32%, rgba(76, 245, 255, 0.18), transparent 28%),
    radial-gradient(circle at 82% 30%, rgba(201, 92, 255, 0.16), transparent 24%),
    radial-gradient(circle at 50% 84%, rgba(138, 93, 255, 0.18), transparent 24%),
    conic-gradient(from 180deg, rgba(76, 245, 255, 0.1), rgba(201, 92, 255, 0.12), rgba(255, 140, 77, 0.08), rgba(76, 245, 255, 0.1));
  filter: blur(18px);
  animation: vh-brand-core-pulse 4.2s ease-in-out infinite, vh-brand-shell-morph 10s ease-in-out infinite;
}

body.vh-site .hero-brand-photo-shell::after {
  inset: 16px;
  border-radius: 50%;
  border: 1px solid rgba(171, 121, 255, 0.22);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0) 72%);
  box-shadow:
    inset 0 0 0 1px rgba(80, 245, 255, 0.05),
    0 0 26px rgba(128, 98, 255, 0.14);
  animation: vh-brand-shell-morph 8.2s ease-in-out infinite reverse;
}

body.vh-site .hero-brand-photo {
  position: relative;
  z-index: 1;
  top: 8px;
  display: block;
  width: min(100%, 336px);
  max-width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 56% 44% 50% 50% / 45% 55% 45% 55%;
  object-fit: cover;
  box-shadow:
    0 0 28px rgba(80, 245, 255, 0.12),
    0 0 52px rgba(201, 92, 255, 0.16),
    0 28px 60px rgba(0, 0, 0, 0.38);
  animation: vh-brand-shell-morph 9.4s ease-in-out infinite;
}

body.vh-site .hero-brand-photo-ghost {
  position: absolute;
  left: 50%;
  top: calc(50% + 8px);
  width: min(100%, 350px);
  opacity: 0.34;
  filter: blur(22px) saturate(1.2);
  transform: translate(-50%, -50%) scale(1.08);
  animation: vh-brand-photo-ghost 5.6s ease-in-out infinite, vh-brand-shell-morph 11s ease-in-out infinite;
}

body.vh-site .hero-brand-photo-main {
  filter: saturate(1.06) brightness(1.02);
  animation: vh-brand-photo-float 6.2s ease-in-out infinite, vh-brand-flicker 4.4s ease-in-out infinite;
}

body.vh-site .hero-brand-photo-flare {
  position: absolute;
  inset: 14% -24% auto;
  height: 36%;
  background: linear-gradient(110deg, transparent 16%, rgba(255, 255, 255, 0.32) 46%, transparent 68%);
  filter: blur(18px);
  transform: translateX(-110%) rotate(-6deg);
  opacity: 0.54;
  z-index: 2;
  animation: vh-brand-photo-shine 5.4s ease-in-out infinite;
}

body.vh-site .hero-brand-status {
  position: relative;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(171, 121, 255, 0.28);
  background: rgba(9, 13, 24, 0.72);
  text-align: center;
  color: rgba(228, 234, 255, 0.88);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  box-shadow:
    0 0 18px rgba(80, 245, 255, 0.08),
    inset 0 0 0 1px rgba(80, 245, 255, 0.04);
  animation: vh-brand-status-pulse 3.4s ease-in-out infinite;
}

body.vh-site .hero-brand-subline {
  color: rgba(224, 230, 255, 0.74);
  font-size: 0.8rem;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  text-align: center;
  animation: vh-brand-subline-pulse 3.2s ease-in-out infinite;
}

body.vh-site .hero-cta {
  grid-area: cta;
  position: relative;
  z-index: 2;
  align-items: flex-start;
  gap: 16px;
}

body.vh-site .cta-row,
body.vh-site .support-row {
  gap: 16px !important;
  flex-wrap: wrap;
}

body.vh-site .support-row {
  justify-content: flex-start !important;
}

body.vh-site .hero-trial-wrap {
  width: min(100%, 780px);
}

body.vh-site .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 14px 22px;
  border-radius: 18px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  font-family: "Segoe UI Variable Text", "Trebuchet MS", sans-serif;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
}

body.vh-site .btn:hover,
body.vh-site .btn:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.28);
}

body.vh-site .btn span {
  font-size: 1rem;
}

body.vh-site .btn-primary {
  color: #06111b;
  border-color: rgba(125, 249, 208, 0.3);
  background: linear-gradient(135deg, var(--vh-mint) 0%, var(--vh-cyan) 78%);
}

body.vh-site .btn-accent {
  color: #130b10;
  border-color: rgba(255, 122, 61, 0.26);
  background: linear-gradient(135deg, #ffcb7c 0%, var(--vh-orange) 76%);
}

body.vh-site .btn-secondary {
  color: var(--vh-amber);
  border-color: rgba(252, 230, 186, 0.14);
  background: rgba(8, 18, 28, 0.74);
}

body.vh-site .btn-secondary:hover,
body.vh-site .btn-secondary:focus-visible {
  border-color: rgba(125, 249, 208, 0.24);
  background: rgba(125, 249, 208, 0.08);
}

body.vh-site .btn-trial {
  min-height: 68px;
  border: 1px solid rgba(252, 230, 186, 0.26);
  color: #130b11;
  background: linear-gradient(135deg, #fce6ba 0%, #ffb65a 36%, #ff7a3d 100%) !important;
  box-shadow: 0 22px 44px rgba(255, 122, 61, 0.22), 0 12px 24px rgba(0, 0, 0, 0.22);
}

body.vh-site .section-title,
body.vh-site .cta-section h2,
body.vh-site .seo-section h2,
body.vh-site .interface-title {
  margin: 0;
  color: var(--vh-amber);
  font-family: "Bahnschrift SemiCondensed", "Arial Black", sans-serif;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 0.98;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.vh-site .section-title::after,
body.vh-site .cta-section h2::after,
body.vh-site .seo-section h2::after,
body.vh-site .interface-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vh-mint), var(--vh-cyan), transparent);
}

body.vh-site .features,
body.vh-site .screenshots,
body.vh-site .cheat-interface,
body.vh-site .cta-section,
body.vh-site .seo-section {
  padding: clamp(28px, 4vw, 42px);
}

body.vh-site .features::before,
body.vh-site .screenshots::before,
body.vh-site .cheat-interface::before,
body.vh-site .seo-section::before {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0.12;
}

body.vh-site .features::before {
  right: -24px;
  top: 22px;
  width: min(320px, 42vw);
  height: min(260px, 32vw);
  background: url("images/showcase-atlas.svg") center/contain no-repeat;
}

body.vh-site .screenshots::before {
  right: 18px;
  top: 18px;
  width: min(360px, 42vw);
  height: min(280px, 32vw);
  background: url("images/showcase-radar.svg") center/contain no-repeat;
}

body.vh-site .cheat-interface::before {
  right: 20px;
  top: 14px;
  width: min(340px, 40vw);
  height: min(240px, 30vw);
  background: url("images/showcase-lobby.svg") center/contain no-repeat;
}

body.vh-site .seo-section::before {
  top: 18px;
  right: 18px;
  width: 136px;
  height: 136px;
  background: url("images/void-mark.svg") center/contain no-repeat;
}

body.vh-site .features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}

body.vh-site .feature-card {
  min-height: 100%;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(252, 230, 186, 0.1);
  background: linear-gradient(180deg, rgba(9, 19, 28, 0.86), rgba(6, 15, 23, 0.96));
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.03);
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

body.vh-site .feature-card:hover {
  transform: translateY(-6px);
  border-color: rgba(125, 249, 208, 0.22);
  box-shadow: 0 26px 48px rgba(0, 0, 0, 0.28);
}

body.vh-site .feature-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  margin-bottom: 18px;
  border-radius: 24px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  background: rgba(8, 18, 28, 0.82);
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.05);
  color: transparent;
  font-size: 0;
}

body.vh-site .feature-icon::after {
  content: "";
  width: 52px;
  height: 52px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

body.vh-site .feature-card:nth-child(1) .feature-icon::after { background-image: url("images/icon-beacon.svg"); }
body.vh-site .feature-card:nth-child(2) .feature-icon::after { background-image: url("images/icon-lattice.svg"); }
body.vh-site .feature-card:nth-child(3) .feature-icon::after { background-image: url("images/icon-shield.svg"); }
body.vh-site .feature-card:nth-child(4) .feature-icon::after { background-image: url("images/icon-route.svg"); }
body.vh-site .feature-card:nth-child(5) .feature-icon::after { background-image: url("images/icon-pulse.svg"); }
body.vh-site .feature-card:nth-child(6) .feature-icon::after { background-image: url("images/icon-flare.svg"); }

body.vh-site .feature-card h3 {
  margin: 0 0 10px;
  color: var(--vh-amber);
  font-size: 1.2rem;
  line-height: 1.2;
}

body.vh-site .feature-card p {
  margin: 0;
  color: var(--vh-muted);
  line-height: 1.72;
}

body.vh-site .screenshots-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 30px;
}

body.vh-site .screenshot-card {
  padding: 18px;
  border-radius: 30px;
  border: 1px solid rgba(252, 230, 186, 0.1);
  background: rgba(8, 18, 28, 0.82);
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.04);
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

body.vh-site .screenshot-card:hover {
  transform: translateY(-6px);
  border-color: rgba(125, 249, 208, 0.2);
  box-shadow: 0 26px 48px rgba(0, 0, 0, 0.28);
}

body.vh-site .screenshot-img {
  position: relative;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(125, 249, 208, 0.14);
  background:
    linear-gradient(180deg, rgba(7, 17, 27, 0.18), rgba(7, 17, 27, 0.06)),
    url("images/showcase-lobby.svg") center/cover no-repeat,
    rgba(7, 17, 27, 0.96);
}

body.vh-site .screenshot-card:nth-child(2) .screenshot-img {
  background-image:
    linear-gradient(180deg, rgba(7, 17, 27, 0.18), rgba(7, 17, 27, 0.06)),
    url("images/showcase-radar.svg"),
    none;
}

body.vh-site .screenshot-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

body.vh-site .screenshot-card:hover .screenshot-img img {
  transform: scale(1.04);
}

body.vh-site .screenshot-overlay {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(252, 230, 186, 0.14);
  background: rgba(8, 18, 28, 0.78);
  color: var(--vh-amber);
  font-size: 1.15rem;
  backdrop-filter: blur(14px);
}

body.vh-site .interface-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
}

body.vh-site .interface-build {
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(125, 249, 208, 0.18);
  background: rgba(125, 249, 208, 0.08);
  color: var(--vh-mint);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.vh-site .interface-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 18px;
  align-items: stretch;
}

body.vh-site .interface-section {
  min-height: 100%;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(252, 230, 186, 0.1);
  background: linear-gradient(180deg, rgba(9, 19, 28, 0.86), rgba(6, 15, 23, 0.96));
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.03);
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

body.vh-site .interface-section:hover {
  transform: translateY(-4px);
  border-color: rgba(47, 182, 255, 0.24);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.26);
}

body.vh-site .section-header {
  position: relative;
  min-height: 58px;
  padding-left: 72px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: var(--vh-amber);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.vh-site .section-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 54px;
  height: 54px;
  transform: translateY(-50%);
  border-radius: 18px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  background-color: rgba(8, 18, 28, 0.82);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}

body.vh-site .interface-section[data-interface-group="player"] .section-header::before { background-image: url("images/icon-lattice.svg"); }
body.vh-site .interface-section[data-interface-group="world"] .section-header::before { background-image: url("images/icon-flare.svg"); }
body.vh-site .interface-section[data-interface-group="car"] .section-header::before { background-image: url("images/icon-route.svg"); }
body.vh-site .interface-section[data-interface-group="bots_farm"] .section-header::before { background-image: url("images/icon-beacon.svg"); }
body.vh-site .interface-section[data-interface-group="misc"] .section-header::before { background-image: url("images/icon-shield.svg"); }

body.vh-site .option-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

body.vh-site .option-item {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

body.vh-site .option-item:hover {
  transform: translateX(6px);
  border-color: rgba(125, 249, 208, 0.18);
  background: rgba(125, 249, 208, 0.04);
}

body.vh-site .option-item:focus-visible {
  outline: 2px solid rgba(125, 249, 208, 0.34);
  outline-offset: 3px;
}

body.vh-site .option-item::after {
  content: attr(data-more-label);
  justify-self: start;
  margin-top: 8px;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid rgba(125, 249, 208, 0.14);
  background: rgba(8, 18, 28, 0.64);
  color: rgba(224, 230, 255, 0.7);
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.vh-site .option-item--locked {
  justify-items: center;
  text-align: center;
  padding: 22px 18px 18px;
  background:
    radial-gradient(circle at top, rgba(125, 249, 208, 0.12), transparent 52%),
    rgba(255, 255, 255, 0.02);
}

body.vh-site .option-item--locked:hover {
  transform: translateY(-4px);
}

body.vh-site .option-lock-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 6px;
  border-radius: 22px;
  border: 1px solid rgba(252, 230, 186, 0.14);
  background: linear-gradient(180deg, rgba(15, 28, 40, 0.96), rgba(7, 15, 22, 0.96));
  box-shadow:
    inset 0 0 0 1px rgba(125, 249, 208, 0.06),
    0 18px 40px rgba(0, 0, 0, 0.22);
  color: var(--vh-amber);
  font-size: 1.65rem;
}

body.vh-site .option-name {
  color: var(--vh-amber);
  font-weight: 700;
  line-height: 1.36;
}

body.vh-site .option-value {
  color: var(--vh-muted);
  line-height: 1.58;
}

body.vh-site .cta-section {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  grid-template-areas:
    "title art"
    "desc art"
    "actions art"
    "social art";
  gap: 18px 38px;
  align-items: center;
}

body.vh-site .cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(125, 249, 208, 0.12), transparent 22%),
    radial-gradient(circle at 88% 26%, rgba(255, 122, 61, 0.14), transparent 18%);
  pointer-events: none;
}

body.vh-site .cta-section::after {
  content: "";
  grid-area: art;
  min-height: 360px;
  border-radius: 32px;
  border: 1px solid rgba(252, 230, 186, 0.1);
  background:
    linear-gradient(180deg, rgba(7, 17, 27, 0.18), rgba(7, 17, 27, 0.08)),
    url("images/showcase-atlas.svg") center/cover no-repeat,
    rgba(7, 17, 27, 0.9);
  box-shadow: inset 0 0 0 1px rgba(125, 249, 208, 0.04);
  animation: vh-float-panel 12s ease-in-out infinite alternate;
}

body.vh-site .cta-section h2 { grid-area: title; }

body.vh-site .cta-section p {
  grid-area: desc;
  margin: 0;
  max-width: 56ch;
  color: var(--vh-muted-strong);
  line-height: 1.78;
}

body.vh-site .btn-group {
  grid-area: actions;
  justify-content: flex-start;
  gap: 14px;
}

body.vh-site .social-links {
  grid-area: social;
  margin-top: 8px;
}

body.vh-site .social-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 18px;
  color: var(--vh-amber);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.05em;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

body.vh-site .social-link:hover,
body.vh-site .social-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(125, 249, 208, 0.24);
  background: rgba(125, 249, 208, 0.08);
}

body.vh-site .seo-section p {
  max-width: 80ch;
  margin: 18px 0 0;
  color: var(--vh-muted);
  line-height: 1.84;
}

body.vh-site .seo-section p + p {
  padding-top: 18px;
  border-top: 1px solid rgba(252, 230, 186, 0.08);
}

body.vh-site footer {
  margin-top: 28px;
  padding: 26px 32px;
  border-radius: 30px;
  border: 1px solid var(--vh-line);
  background: linear-gradient(160deg, rgba(9, 19, 29, 0.86), rgba(18, 11, 17, 0.74));
  box-shadow: var(--vh-shadow);
}

body.vh-site footer p {
  margin: 0;
  color: var(--vh-muted);
  text-align: center;
  letter-spacing: 0.04em;
}

body.vh-site .lightbox {
  padding: 24px;
  background: rgba(3, 8, 14, 0.84) !important;
  backdrop-filter: blur(20px);
}

body.vh-site .lightbox > img {
  max-width: min(1100px, 92vw);
  max-height: 88vh;
  border-radius: 28px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  box-shadow: var(--vh-shadow-strong);
}

body.vh-site #buyModal > div,
body.vh-site #popupHintModal > div,
body.vh-site #overviewBox,
body.vh-site .trial-modal-box,
body.vh-site .key-modal-content {
  background: linear-gradient(160deg, rgba(9, 19, 29, 0.96), rgba(18, 11, 17, 0.92)) !important;
  border: 1px solid rgba(252, 230, 186, 0.14) !important;
  border-radius: 30px !important;
  box-shadow: var(--vh-shadow-strong) !important;
  color: var(--vh-ink) !important;
}

body.vh-site #buyModal h3,
body.vh-site #popupHintModal h3,
body.vh-site #overviewBox h3,
body.vh-site .trial-modal-title,
body.vh-site .key-modal-title {
  color: var(--vh-amber) !important;
  font-family: "Bahnschrift SemiCondensed", "Arial Black", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.vh-site #buyModal p,
body.vh-site #popupHintModal p,
body.vh-site #overviewModalText,
body.vh-site #overviewStatus,
body.vh-site .trial-modal-subtitle,
body.vh-site .trial-note,
body.vh-site .trial-discord,
body.vh-site .key-modal-input {
  color: var(--vh-muted-strong) !important;
}

body.vh-site .trial-note {
  background: rgba(125, 249, 208, 0.08);
  border: 1px solid rgba(125, 249, 208, 0.16);
}

body.vh-site .trial-discord {
  background: rgba(47, 182, 255, 0.08);
  border: 1px solid rgba(47, 182, 255, 0.14);
}

body.vh-site .key-modal {
  background: rgba(3, 8, 14, 0.84) !important;
  backdrop-filter: blur(18px);
}

body.vh-site .key-modal-input {
  border: 1px solid rgba(252, 230, 186, 0.14);
  background: rgba(7, 17, 27, 0.8);
}

body.vh-site .key-modal-input:focus {
  border-color: rgba(125, 249, 208, 0.26);
  box-shadow: 0 0 0 4px rgba(125, 249, 208, 0.08);
}

html.vh-enhanced body.vh-site header,
html.vh-enhanced body.vh-site .hero,
html.vh-enhanced body.vh-site .features,
html.vh-enhanced body.vh-site .screenshots,
html.vh-enhanced body.vh-site .cheat-interface,
html.vh-enhanced body.vh-site .cta-section,
html.vh-enhanced body.vh-site .seo-section,
html.vh-enhanced body.vh-site footer,
html.vh-enhanced body.vh-site .feature-card,
html.vh-enhanced body.vh-site .screenshot-card,
html.vh-enhanced body.vh-site .interface-section {
  opacity: 0;
  transform: translateY(30px) scale(0.985);
  transition: opacity 0.75s ease, transform 0.75s ease, border-color 0.35s ease, box-shadow 0.35s ease;
  transition-delay: var(--reveal-delay, 0ms);
}

html.vh-enhanced body.vh-site .is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 1180px) {
  body.vh-site .hero,
  body.vh-site .cta-section {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "desc"
      "art"
      "cta";
  }

  body.vh-site .cta-section {
    grid-template-areas:
      "title"
      "desc"
      "art"
      "actions"
      "social";
  }

  body.vh-site .hero::after,
  body.vh-site .cta-section::after { min-height: 320px; }
  body.vh-site .hero-brand-panel { min-height: 420px; }
  body.vh-site .features-grid,
  body.vh-site .interface-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  body.vh-site .container { padding: 16px 0 88px; }
  body.vh-site .container::before { inset: 82px -18px 20px; border-radius: 30px; }
  body.vh-site header { grid-template-columns: 1fr; gap: 18px; padding: 18px; }
  body.vh-site .header-controls {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body.vh-site .language-selector { width: 100%; }
  body.vh-site .language-btn {
    width: 100%;
    justify-content: center;
  }
  body.vh-site .nav-links {
    width: 100%;
    justify-content: flex-start;
  }
  body.vh-site .features-grid,
  body.vh-site .screenshots-grid,
  body.vh-site .interface-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  body.vh-site .logo {
    width: 100%;
    gap: 12px;
  }
  body.vh-site .logo-text {
    flex-wrap: wrap;
    gap: 8px;
    font-size: clamp(1.34rem, 7.8vw, 1.86rem);
    letter-spacing: 0.1em;
  }
  body.vh-site .hero,
  body.vh-site .features,
  body.vh-site .screenshots,
  body.vh-site .cheat-interface,
  body.vh-site .cta-section,
  body.vh-site .seo-section,
  body.vh-site footer { border-radius: 28px; }
  body.vh-site .hero { min-height: unset; padding: 24px; gap: 14px; }
  body.vh-site .hero h1 { max-width: 100%; font-size: clamp(2.35rem, 13.8vw, 3.6rem); letter-spacing: 0.08em; transform: scaleX(0.95); }
  body.vh-site .hero::after {
    min-height: 260px;
    border-radius: 24px;
    background:
      linear-gradient(180deg, rgba(7, 17, 27, 0.18), rgba(7, 17, 27, 0.06)),
      url("images/showcase-lobby.svg") center/cover no-repeat,
      url("images/hero-neon-grid.svg") center/cover no-repeat;
  }
  body.vh-site .hero-brand-panel {
    min-height: 360px;
    border-radius: 24px;
  }
  body.vh-site .hero-brand-core {
    gap: 0;
    padding: 22px 18px;
  }
  body.vh-site .hero-brand-photo-shell {
    width: min(100%, 300px);
    transform: translateY(-10px);
  }
  body.vh-site .hero-brand-photo { border-radius: 54% 46% 48% 52% / 44% 56% 44% 56%; }
  body.vh-site .hero-brand-status { font-size: 0.68rem; letter-spacing: 0.18em; }
  body.vh-site .hero-brand-subline {
    font-size: 0.66rem;
    letter-spacing: 0.22em;
  }
  body.vh-site .hero-cta,
  body.vh-site .btn-group { width: 100%; }
  body.vh-site .cta-row,
  body.vh-site .support-row,
  body.vh-site .btn-group { flex-direction: column; align-items: stretch; }
  body.vh-site .cta-row .btn,
  body.vh-site .support-row .btn,
  body.vh-site .btn-group .btn { width: 100%; max-width: none; }
  body.vh-site .header-controls { gap: 10px; }
  body.vh-site .language-btn {
    min-height: 48px;
    padding: 12px 14px;
    font-size: 0.82rem;
  }
  body.vh-site .language-dropdown {
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    min-width: 0;
    width: 100%;
    max-height: min(58vh, 340px);
    overflow-y: auto;
  }
  body.vh-site .nav-links {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding-bottom: 0;
  }
  body.vh-site .nav-link {
    min-width: 0;
    min-height: 52px;
    justify-content: center;
    padding: 11px 10px;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
  }
  body.vh-site .section-title,
  body.vh-site .cta-section h2,
  body.vh-site .seo-section h2,
  body.vh-site .interface-title { font-size: clamp(1.6rem, 9vw, 2.4rem); }
  body.vh-site .feature-card,
  body.vh-site .screenshot-card,
  body.vh-site .interface-section { padding: 18px; }
  body.vh-site .section-header { padding-left: 64px; min-height: 52px; font-size: 0.9rem; }
  body.vh-site .section-header::before { width: 48px; height: 48px; border-radius: 16px; }
  body.vh-site .cta-section::after { min-height: 260px; }
}

@media (max-width: 480px) {
  body.vh-site .container {
    padding: 12px 12px 68px;
  }
  body.vh-site .container::before {
    inset: 70px -6px 14px;
    border-radius: 24px;
  }
  body.vh-site header {
    padding: 14px;
    border-radius: 24px;
    gap: 14px;
  }
  body.vh-site .logo-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }
  body.vh-site .logo-text {
    font-size: clamp(1.18rem, 7vw, 1.54rem);
    letter-spacing: 0.08em;
  }
  body.vh-site .language-btn,
  body.vh-site .nav-link {
    min-height: 46px;
    font-size: 0.72rem;
    border-radius: 16px;
  }
  body.vh-site .language-btn {
    padding: 10px 12px;
    gap: 8px;
  }
  body.vh-site .language-dropdown {
    padding: 6px;
    border-radius: 18px;
  }
  body.vh-site .language-option {
    padding: 11px 12px;
    border-radius: 14px;
  }
  body.vh-site .nav-links {
    gap: 8px;
  }
  body.vh-site .nav-link {
    padding: 10px 8px;
  }
  body.vh-site .hero {
    padding: 20px 16px;
  }
  body.vh-site .hero p {
    font-size: 0.96rem;
    line-height: 1.68;
  }
  body.vh-site .hero-brand-panel {
    min-height: 310px;
  }
  body.vh-site .hero-brand-core {
    padding: 16px 12px;
  }
  body.vh-site .hero-brand-photo-shell {
    width: min(100%, 250px);
    transform: translateY(-8px);
  }
  body.vh-site .hero-brand-photo {
    top: 6px;
  }
  body.vh-site .hero-brand-photo-ghost {
    top: calc(50% + 6px);
  }
  body.vh-site .hero-brand-status {
    font-size: 0.62rem;
    letter-spacing: 0.14em;
    padding: 9px 14px;
  }
  body.vh-site .hero-brand-subline {
    font-size: 0.6rem;
    letter-spacing: 0.16em;
  }
  body.vh-site .btn {
    min-height: 52px;
    padding: 13px 16px;
    font-size: 0.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.vh-site .hero h1::after {
    animation: none !important;
    background-size: 100% 100%, 100% 100% !important;
  }

  body.vh-site::before,
  body.vh-site .matrix-bg,
  body.vh-site .orbs,
  body.vh-site .hero::after,
  body.vh-site .hero-brand-panel,
  body.vh-site .hero-brand-panel::after,
  body.vh-site .hero-brand-noise,
  body.vh-site .hero-brand-orbit,
  body.vh-site .hero-brand-photo-shell::before,
  body.vh-site .hero-brand-photo-shell::after,
  body.vh-site .hero-brand-photo,
  body.vh-site .hero-brand-photo-flare,
  body.vh-site .hero-brand-status,
  body.vh-site .hero-brand-subline,
  body.vh-site .cta-section::after,
  body.vh-site .scanlines { animation: none !important; }
  html.vh-enhanced body.vh-site header,
  html.vh-enhanced body.vh-site .hero,
  html.vh-enhanced body.vh-site .features,
  html.vh-enhanced body.vh-site .screenshots,
  html.vh-enhanced body.vh-site .cheat-interface,
  html.vh-enhanced body.vh-site .cta-section,
  html.vh-enhanced body.vh-site .seo-section,
  html.vh-enhanced body.vh-site footer,
  html.vh-enhanced body.vh-site .feature-card,
  html.vh-enhanced body.vh-site .screenshot-card,
  html.vh-enhanced body.vh-site .interface-section { opacity: 1; transform: none; transition: none; }
}

@keyframes vh-grid-drift {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(0, -24px, 0) scale(1.04); }
}

@keyframes vh-orb-shift {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(16px, -18px, 0) scale(1.06); }
}

@keyframes vh-float-panel {
  0% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(-10px) rotate(-0.4deg); }
}

@keyframes vh-brand-panel-float {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  100% { transform: translateY(-8px) rotate(-0.4deg) scale(1.01); }
}

@keyframes vh-header-logo-glow {
  0%, 100% {
    transform: translateY(0);
    box-shadow:
      inset 0 0 0 1px rgba(125, 249, 208, 0.06),
      0 0 24px rgba(80, 245, 255, 0.12),
      0 16px 36px rgba(0, 0, 0, 0.26);
  }
  50% {
    transform: translateY(-2px);
    box-shadow:
      inset 0 0 0 1px rgba(125, 249, 208, 0.08),
      0 0 30px rgba(201, 92, 255, 0.16),
      0 18px 40px rgba(0, 0, 0, 0.28);
  }
}

@keyframes vh-download-bar {
  0% {
    background-size: 100% 100%, 0% 100%;
    box-shadow:
      inset 0 0 0 1px rgba(125, 249, 208, 0.06),
      0 0 14px rgba(47, 182, 255, 0.14);
  }
  62% {
    background-size: 100% 100%, 100% 100%;
    box-shadow:
      inset 0 0 0 1px rgba(125, 249, 208, 0.1),
      0 0 22px rgba(80, 245, 255, 0.24),
      0 0 36px rgba(255, 122, 61, 0.1);
  }
  100% {
    background-size: 100% 100%, 0% 100%;
    box-shadow:
      inset 0 0 0 1px rgba(125, 249, 208, 0.06),
      0 0 14px rgba(47, 182, 255, 0.14);
  }
}

@keyframes vh-brand-emblem-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-10px) scale(1.018); }
}

@keyframes vh-brand-photo-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.015); }
}

@keyframes vh-brand-photo-ghost {
  0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(1.07); }
  50% { opacity: 0.48; transform: translate(-50%, -50%) scale(1.11); }
}

@keyframes vh-brand-shell-morph {
  0%, 100% { border-radius: 58% 42% 53% 47% / 44% 59% 41% 56%; }
  25% { border-radius: 49% 51% 39% 61% / 58% 43% 57% 42%; }
  50% { border-radius: 43% 57% 55% 45% / 47% 40% 60% 53%; }
  75% { border-radius: 60% 40% 45% 55% / 54% 61% 39% 46%; }
}

@keyframes vh-brand-photo-shine {
  0%, 22% { transform: translateX(-115%) rotate(-6deg); opacity: 0; }
  34% { opacity: 0.48; }
  52% { transform: translateX(126%) rotate(-6deg); opacity: 0; }
  100% { transform: translateX(126%) rotate(-6deg); opacity: 0; }
}

@keyframes vh-brand-sweep {
  0%, 18% { transform: translateX(-120%) skewX(-18deg); opacity: 0; }
  34% { opacity: 0.58; }
  52% { transform: translateX(220%) skewX(-18deg); opacity: 0; }
  100% { transform: translateX(220%) skewX(-18deg); opacity: 0; }
}

@keyframes vh-brand-text-shift {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes vh-brand-flicker {
  0%, 100% { opacity: 1; }
  10% { opacity: 0.98; }
  12% { opacity: 0.93; }
  16% { opacity: 1; }
  52% { opacity: 0.99; }
  54% { opacity: 0.94; }
  58% { opacity: 1; }
}

@keyframes vh-brand-core-pulse {
  0%, 100% { transform: scale(0.96); opacity: 0.54; }
  50% { transform: scale(1.08); opacity: 0.92; }
}

@keyframes vh-brand-subline-pulse {
  0%, 100% { opacity: 0.62; letter-spacing: 0.34em; }
  50% { opacity: 0.92; letter-spacing: 0.38em; }
}

@keyframes vh-brand-status-pulse {
  0%, 100% {
    opacity: 0.78;
    box-shadow:
      0 0 18px rgba(80, 245, 255, 0.08),
      inset 0 0 0 1px rgba(80, 245, 255, 0.04);
  }
  50% {
    opacity: 1;
    box-shadow:
      0 0 24px rgba(201, 92, 255, 0.12),
      inset 0 0 0 1px rgba(80, 245, 255, 0.08);
  }
}

@keyframes vh-brand-twinkle {
  0% { opacity: 0.44; transform: scale(1); }
  100% { opacity: 0.84; transform: scale(1.02); }
}

@keyframes vh-brand-rotate-a {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes vh-brand-rotate-b {
  0% { transform: rotate(0deg) scale(0.94); }
  100% { transform: rotate(360deg) scale(0.94); }
}

body.vh-site.vh-modal-open {
  overflow: hidden;
}

body.vh-site .feature-card {
  position: relative;
  cursor: pointer;
}

body.vh-site .feature-card[hidden] {
  display: none !important;
}

body.vh-site .feature-card:focus-visible {
  outline: 2px solid rgba(125, 249, 208, 0.34);
  outline-offset: 3px;
}

body.vh-site .feature-card::after {
  content: attr(data-more-label);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(125, 249, 208, 0.18);
  background: rgba(8, 18, 28, 0.72);
  color: rgba(224, 230, 255, 0.76);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.vh-site .feature-card p {
  margin-bottom: 0;
}

body.vh-site .vh-support-note,
body.vh-site .vh-footer-support {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(125, 249, 208, 0.12);
  background: rgba(8, 18, 28, 0.58);
  color: var(--vh-muted-strong);
  line-height: 1.55;
}

body.vh-site .vh-footer-support {
  justify-content: center;
}

body.vh-site .vh-support-note strong,
body.vh-site .vh-footer-support strong {
  color: var(--vh-amber);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.vh-site .vh-support-link,
body.vh-site .vh-modal-support {
  color: var(--vh-mint);
  font-weight: 800;
  text-decoration: none;
}

body.vh-site .vh-support-link:hover,
body.vh-site .vh-modal-support:hover,
body.vh-site .vh-support-link:focus-visible,
body.vh-site .vh-modal-support:focus-visible {
  color: var(--vh-cyan);
}

body.vh-site .vh-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 4200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(2, 7, 12, 0.82);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

body.vh-site .vh-modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.vh-site .vh-modal-card {
  position: relative;
  width: min(620px, 100%);
  padding: 28px;
  border-radius: 30px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  background:
    radial-gradient(circle at top left, rgba(80, 245, 255, 0.12), transparent 30%),
    radial-gradient(circle at top right, rgba(201, 92, 255, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(11, 19, 29, 0.98), rgba(7, 15, 23, 0.98));
  box-shadow:
    0 36px 90px rgba(0, 0, 0, 0.48),
    inset 0 0 0 1px rgba(125, 249, 208, 0.03);
}

body.vh-site .vh-modal-card--login {
  width: min(440px, 100%);
}

body.vh-site .vh-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  border-radius: 14px;
  background: rgba(8, 18, 28, 0.84);
  color: var(--vh-amber);
  font-size: 1.2rem;
  cursor: pointer;
}

body.vh-site .vh-modal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(125, 249, 208, 0.14);
  background: rgba(8, 18, 28, 0.76);
  color: rgba(224, 230, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.vh-site .vh-modal-title {
  margin: 18px 0 10px;
  color: var(--vh-amber);
  font-family: "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 0.94;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.vh-site .vh-modal-summary {
  margin: 0 0 16px;
  color: var(--vh-muted-strong);
  line-height: 1.72;
}

body.vh-site .vh-modal-description {
  margin: 0;
  color: var(--vh-ink);
  line-height: 1.8;
  white-space: pre-line;
}

body.vh-site .vh-modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body.vh-site .vh-modal-contact {
  color: var(--vh-muted);
  font-size: 0.92rem;
}

body.vh-site .vh-form {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

body.vh-site .vh-field {
  display: grid;
  gap: 8px;
  color: var(--vh-muted-strong);
  font-size: 0.9rem;
  font-weight: 700;
}

body.vh-site .vh-input {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(252, 230, 186, 0.1);
  border-radius: 16px;
  background: rgba(4, 12, 20, 0.92);
  color: var(--vh-ink);
  font: inherit;
  user-select: text !important;
}

body.vh-site .vh-input::placeholder {
  color: rgba(224, 230, 255, 0.38);
}

body.vh-site .vh-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}

body.vh-site .vh-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid rgba(252, 230, 186, 0.12);
  border-radius: 16px;
  color: var(--vh-ink);
  font: inherit;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  background: rgba(8, 18, 28, 0.84);
}

body.vh-site .vh-btn--primary {
  color: #07111b;
  border-color: rgba(125, 249, 208, 0.24);
  background: linear-gradient(135deg, var(--vh-mint), var(--vh-cyan));
}

body.vh-site .vh-btn--ghost {
  color: var(--vh-amber);
}

body.vh-site .vh-login-status {
  min-height: 20px;
  margin: 0;
  color: var(--vh-muted);
  font-size: 0.92rem;
}

body.vh-site .vh-login-status.is-error {
  color: #ffb4ca;
}

body.vh-site .vh-login-status.is-success {
  color: var(--vh-mint);
}

@media (max-width: 640px) {
  body.vh-site .vh-modal-card {
    padding: 24px 18px;
    border-radius: 24px;
  }

  body.vh-site .vh-modal-title {
    font-size: clamp(1.7rem, 10vw, 2.3rem);
  }

  body.vh-site .vh-modal-footer,
  body.vh-site .vh-support-note,
  body.vh-site .vh-footer-support,
  body.vh-site .vh-form-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  body.vh-site .vh-btn {
    width: 100%;
  }
}