/* VOLT design v4. Scoped presentation only; no changes to API, pricing or account logic. */
@font-face{font-family:Cairo;src:url("assets/design-v4/fonts/Cairo-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/design-v4/fonts/Cairo-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/design-v4/fonts/Cairo-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/design-v4/fonts/Cairo-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/design-v4/fonts/Cairo-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/design-v4/fonts/Cairo-900.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@property --vm-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
#voltHeroV4 .hero-art .vhero{ width: 100%; }
#voltHeroV4 .vhero{ position: relative; container-type: inline-size; direction: ltr; user-select: none; -webkit-user-select: none; }
#voltHeroV4 .vhero-stage{ --vp-w: 63em; --vp-h: 47em; --vp-top: 7em; --vs-w: 54em; --vs-top: 11em; position: relative; font-size: 1cqw; width: 100%; aspect-ratio: 100 / 62; transform: perspective(1800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transform-style: preserve-3d; transition: transform .6s var(--vm-ease); font-family: Cairo, Arial, sans-serif; }
#voltHeroV4 .vhero-glow{ position: absolute; left: 6%; right: 4%; top: 22%; bottom: 6%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 132, 255, .38), rgba(0, 132, 255, 0)); filter: blur(2em); animation: vmGlowPulse 4.5s ease-in-out infinite; pointer-events: none; }
@keyframes vmGlowPulse{ 0%, 100% { opacity: .65; transform: scale(.96); } 50% { opacity: 1; transform: scale(1.04); } }
#voltHeroV4 .vpr{ position: absolute; right: 0; top: var(--vp-top); width: var(--vp-w); height: var(--vp-h); border-radius: 1.3em; overflow: hidden; display: grid; grid-template-rows: 2.6em minmax(0, 1fr) 16.5em; background: linear-gradient(180deg, #0E1522, #080D16); border: .1em solid #233753; box-shadow: 0 3em 6em -1.5em rgba(0, 0, 0, .75), 0 0 0 .1em rgba(53, 243, 255, .05); transform: translateZ(-30px); }
#voltHeroV4 .vpr-top{ display: flex; align-items: center; gap: .55em; padding: 0 1.2em; background: #0A0F18; border-bottom: .1em solid #19263B; color: #6F86A6; font-size: 1.05em; font-weight: 600; white-space: nowrap; }
#voltHeroV4 .vpr-top i{ width: .75em; height: .75em; border-radius: 50%; background: #26364D; flex: none; }
#voltHeroV4 .vpr-top span{ margin-left: .6em; }
#voltHeroV4 .vpr-top em{ margin-left: auto; font-style: normal; color: #4F6584; letter-spacing: .02em; -webkit-text-fill-color: currentColor; background: none; animation: none; }
#voltHeroV4 .vpr-mid{ display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: .8em; padding: .8em; min-height: 0; }
#voltHeroV4 .vpr-bin{ border-radius: .7em; background: #0B1220; border: .1em solid #17243A; padding: .8em; display: grid; grid-template-columns: 1fr 1fr; gap: .55em; align-content: start; }
#voltHeroV4 .vpr-bin span{ aspect-ratio: 16 / 10; border-radius: .35em; background: linear-gradient(135deg, #1E3050, #12203A); border: .08em solid #22385A; }
#voltHeroV4 .vpr-bin span:nth-child(3n){ background: linear-gradient(135deg, #2B2458, #171537); }
#voltHeroV4 .vpr-bin span:nth-child(4n){ background: linear-gradient(135deg, #14403A, #0D2523); }
#voltHeroV4 .vpr-viewer{ position: relative; border-radius: .7em; overflow: hidden; background: #000; border: .1em solid #17243A; }
#voltHeroV4 .vpr-viewer .vscene{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
#voltHeroV4 .vscene .sun{ animation: vmSun 8s ease-in-out infinite alternate; transform-origin: center; transform-box: fill-box; }
@keyframes vmSun{ to { transform: translateY(6%) scale(1.06); } }
#voltHeroV4 .vscene .shimmer{ animation: vmWater 4s ease-in-out infinite alternate; }
@keyframes vmWater{ to { opacity: .35; transform: translateX(3%); } }
#voltHeroV4 .vfx-chip{ position: absolute; right: .8em; top: .8em; z-index: 3; display: inline-flex; align-items: center; gap: .45em; padding: .35em .8em; border-radius: 2em; background: rgba(4, 10, 20, .72); border: .08em solid rgba(255, 255, 255, .14); color: #E9F4FF; font-size: 1.05em; font-weight: 700; backdrop-filter: blur(6px); transition: opacity .3s; }
#voltHeroV4 .vfx-chip i{ width: .65em; height: .65em; border-radius: 50%; background: var(--tc, #35F3FF); box-shadow: 0 0 .7em var(--tc, #35F3FF); }
#voltHeroV4 .vtc{ position: absolute; right: .8em; bottom: .8em; z-index: 3; color: #CFE6FF; font-size: .95em; font-weight: 700; font-variant-numeric: tabular-nums; padding: .3em .6em; border-radius: .4em; background: rgba(4, 10, 20, .6); }
#voltHeroV4 .vov-cap{ position: absolute; left: var(--vcx, 64%); bottom: 14%; z-index: 2; transform: translateX(-50%); max-width: 86%; padding: .5em .9em; border-radius: .6em; background: rgba(4, 9, 18, .78); border: .08em solid rgba(255, 213, 0, .45); box-shadow: 0 0 1.4em rgba(0, 0, 0, .5); font-size: 1.7em; font-weight: 800; line-height: 1.35; color: #fff; white-space: nowrap; opacity: 0; transition: opacity .35s, transform .45s var(--vm-ease); direction: rtl; }
#voltHeroV4 .vov-cap::before{ content: ""; position: absolute; left: -.15em; top: 18%; bottom: 18%; width: .16em; border-radius: .1em; background: #FFC400; }
#voltHeroV4 .vov-cap span{ display: inline-block; opacity: .18; transform: translateY(.25em); transition: opacity .25s, transform .3s var(--vm-ease), color .25s; margin: 0 .12em; }
#voltHeroV4 .vov-cap span.on{ opacity: 1; transform: none; }
#voltHeroV4 .vov-cap span.hot{ color: #FFD43B; }
#voltHeroV4 .vov-title{ position: absolute; inset: 0 0 0 var(--vtl, 34%); z-index: 2; display: flex; align-items: center; justify-content: center; gap: .04em; font-size: 6.2em; font-weight: 900; color: #fff; letter-spacing: .02em; text-shadow: 0 0 .35em rgba(0, 184, 255, .8); pointer-events: none; opacity: 0; }
#voltHeroV4 .vov-title span{ display: inline-block; transform: skewX(-10deg); }
#voltHeroV4 .vov-glass{ position: absolute; right: 6%; bottom: 12%; z-index: 2; display: flex; align-items: center; gap: .8em; padding: .8em 1.2em; border-radius: 1em; background: linear-gradient(135deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, .06)); border: .1em solid rgba(255, 255, 255, .45); box-shadow: inset 0 .1em .3em rgba(255, 255, 255, .5), 0 1em 2em rgba(0, 0, 0, .35); backdrop-filter: blur(10px) saturate(1.4); -webkit-backdrop-filter: blur(10px) saturate(1.4); color: #fff; opacity: 0; transform: translateX(30%); transition: opacity .45s, transform .7s var(--vm-spring); }
#voltHeroV4 .vov-glass i{ width: 2.2em; height: 2.2em; border-radius: .6em; background: linear-gradient(145deg, #1BD3C7, #00A7FF); box-shadow: 0 0 1em rgba(27, 211, 199, .7); }
#voltHeroV4 .vov-glass b{ display: block; font-size: 1.35em; line-height: 1.1; }
#voltHeroV4 .vov-glass small{ display: block; font-size: 1em; color: rgba(255, 255, 255, .78); }
#voltHeroV4 .vov-track{ position: absolute; z-index: 2; left: 38%; top: 30%; width: 9em; height: 9em; opacity: 0; pointer-events: none; }
#voltHeroV4 .vov-track::before,#voltHeroV4 .vov-track::after{ content: ""; position: absolute; inset: 0; border: .18em solid #35F3FF; border-radius: .4em; clip-path: polygon(0 0, 30% 0, 30% 8%, 8% 8%, 8% 30%, 0 30%, 0 70%, 8% 70%, 8% 92%, 30% 92%, 30% 100%, 0 100%, 0 0, 100% 0, 100% 30%, 92% 30%, 92% 8%, 70% 8%, 70% 0, 100% 0, 100% 100%, 70% 100%, 70% 92%, 92% 92%, 92% 70%, 100% 70%, 100% 100%, 0 100%); }
#voltHeroV4 .vov-track::after{ inset: 38%; border-radius: 50%; clip-path: none; border-width: .14em; }
#voltHeroV4 .vov-track b{ position: absolute; left: 0; top: -1.9em; font-size: 1em; font-weight: 700; color: #35F3FF; white-space: nowrap; text-shadow: 0 0 .5em rgba(0, 0, 0, .9); }
#voltHeroV4 .vov-wave{ position: absolute; left: var(--vcx, 64%); bottom: 14%; z-index: 2; display: flex; align-items: center; gap: .3em; height: 6em; transform: translateX(-50%); opacity: 0; }
#voltHeroV4 .vov-wave i{ width: .55em; border-radius: .3em; background: linear-gradient(180deg, #7AF6FF, #00B8FF); box-shadow: 0 0 .8em rgba(0, 184, 255, .8); height: 30%; }
#voltHeroV4 .vhero[data-fx="captions"] .vov-cap{ opacity: 1; }
#voltHeroV4 .vhero[data-fx="motion"] .vov-title{ opacity: 1; }
#voltHeroV4 .vhero[data-fx="motion"] .vov-title span{ animation: vmLetter 1s var(--vm-spring) both; }
#voltHeroV4 .vhero[data-fx="motion"] .vov-title span:nth-child(2){ animation-delay: .09s; }
#voltHeroV4 .vhero[data-fx="motion"] .vov-title span:nth-child(3){ animation-delay: .18s; }
#voltHeroV4 .vhero[data-fx="motion"] .vov-title span:nth-child(4){ animation-delay: .27s; }
@keyframes vmLetter{ from { opacity: 0; transform: translateY(.9em) skewX(-10deg) rotate(8deg) scale(.6); filter: blur(.2em); } to { opacity: 1; transform: skewX(-10deg); filter: none; } }
#voltHeroV4 .vhero[data-fx="templates"] .vov-glass{ opacity: 1; transform: none; }
#voltHeroV4 .vhero[data-fx="tracker"] .vov-track{ opacity: 1; animation: vmTrack 2.6s ease-in-out both; }
@keyframes vmTrack{ 0% { transform: translate(0, 0); } 35% { transform: translate(6em, -2em); } 70% { transform: translate(11em, 2.5em); } 100% { transform: translate(15em, .5em); } }
#voltHeroV4 .vhero[data-fx="sound"] .vov-wave{ opacity: 1; }
#voltHeroV4 .vhero[data-fx="sound"] .vov-wave i{ animation: vmEq .7s ease-in-out infinite alternate; }
#voltHeroV4 .vov-wave i:nth-child(2n){ animation-delay: -.2s !important; }
#voltHeroV4 .vov-wave i:nth-child(3n){ animation-delay: -.45s !important; animation-duration: .55s !important; }
#voltHeroV4 .vov-wave i:nth-child(5n){ animation-delay: -.1s !important; animation-duration: .9s !important; }
@keyframes vmEq{ from { height: 18%; } to { height: 100%; } }
#voltHeroV4 .vpr-tl{ position: relative; display: grid; grid-template-columns: 4.6em minmax(0, 1fr); gap: 0; padding: .5em .9em .8em 0; background: #0A0F19; border-top: .1em solid #19263B; }
#voltHeroV4 .vpr-heads,#voltHeroV4 .vpr-lanes{ display: grid; grid-template-rows: 1.7em 2.8em 3em 3.6em 2.6em; row-gap: .35em; }
#voltHeroV4 .vpr-heads span{ display: flex; align-items: center; justify-content: center; margin: 0 .5em; border-radius: .35em; font-size: .9em; font-weight: 800; color: #8EA4C3; background: #121C2D; }
#voltHeroV4 .vpr-heads span:first-child{ background: none; }
#voltHeroV4 .vpr-heads span.on{ background: #1E4FD6; color: #fff; }
#voltHeroV4 .vpr-lanes{ position: relative; }
#voltHeroV4 .vruler{ position: relative; border-bottom: .08em solid #1E2C42; background: repeating-linear-gradient(90deg, #2A3B55 0 .08em, transparent .08em 5%); background-size: 100% 35%; background-repeat: repeat-x; background-position: bottom; }
#voltHeroV4 .vruler b{ position: absolute; top: 0; font-size: .75em; font-weight: 600; color: #5E7596; }
#voltHeroV4 .vlane{ display: flex; gap: .15em; min-width: 0; }
#voltHeroV4 .vclip{ position: relative; height: 100%; border-radius: .35em; overflow: hidden; flex: none; transition: flex-basis .7s var(--vm-ease), opacity .4s, box-shadow .4s, filter .4s; }
#voltHeroV4 .vclip.v2{ background: linear-gradient(180deg, #8A5BFF, #5B32D6); border-top: .14em solid #C5A8FF; }
#voltHeroV4 .vclip.v1{ background: linear-gradient(180deg, #2F6FE0, #1E4FAF); border-top: .14em solid #77A9FF; }
#voltHeroV4 .vclip.v1::after{ content: ""; position: absolute; inset: .35em .3em; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .14) 0 2.6em, transparent 2.6em 3em); border-radius: .2em; }
#voltHeroV4 .vclip.a1{ background: #0F3B2C; border-top: .14em solid #3CE49B; }
#voltHeroV4 .vclip.a2{ background: #0D3240; border-top: .14em solid #2CC9E0; }
#voltHeroV4 .vclip svg{ position: absolute; inset: 12% 0; width: 100%; height: 76%; }
#voltHeroV4 .vclip.a1 svg{ fill: #3CE49B; }
#voltHeroV4 .vclip.a2 svg{ fill: #2CC9E0; opacity: .8; }
#voltHeroV4 .vclip.ghost{ background: transparent; border: 0; }
#voltHeroV4 .vclip.gap{ background: repeating-linear-gradient(135deg, rgba(35, 69, 255, 0) 0 .35em, rgba(35, 69, 255, 0) .35em .7em); border-top: .14em solid transparent; }
#voltHeroV4 .vclip.gap svg{ fill: #2C5A49; opacity: .7; }
#voltHeroV4 .vhero.vm-mark .vclip.gap{ background: repeating-linear-gradient(135deg, rgba(35, 69, 255, .65) 0 .35em, rgba(35, 69, 255, .18) .35em .7em); border-top-color: #4D6BFF; box-shadow: inset 0 0 0 .1em #4D6BFF; }
#voltHeroV4 .vhero.vm-cut .vclip.gap{ flex-basis: 0 !important; opacity: 0; }
#voltHeroV4 .vhero[data-fx="sound"] .vclip.a1{ box-shadow: 0 0 1.2em rgba(53, 243, 255, .6); }
#voltHeroV4 .vhero[data-fx="sound"] .vclip.a1 svg{ fill: #7AF6FF; filter: drop-shadow(0 0 .3em #35F3FF); }
#voltHeroV4 .vhero[data-fx="captions"] .vclip.v2{ box-shadow: 0 0 1.2em rgba(255, 196, 0, .55); }
#voltHeroV4 .vhero[data-fx="motion"] .vclip.v2,#voltHeroV4 .vhero[data-fx="templates"] .vclip.v2{ box-shadow: 0 0 1.2em rgba(138, 91, 255, .8); }
#voltHeroV4 .vplayhead{ position: absolute; top: 0; bottom: -.2em; left: 0; width: 0; z-index: 3; animation: vmPlay 7s linear infinite; pointer-events: none; }
#voltHeroV4 .vplayhead::before{ content: ""; position: absolute; left: -.08em; top: .2em; bottom: 0; width: .16em; background: #35F3FF; box-shadow: 0 0 .7em #35F3FF; }
#voltHeroV4 .vplayhead::after{ content: ""; position: absolute; left: -.6em; top: 0; width: 1.2em; height: 1.1em; background: #35F3FF; clip-path: polygon(0 0, 100% 0, 100% 55%, 50% 100%, 0 55%); }
@keyframes vmPlay{ from { left: 0%; } to { left: 100%; } }
#voltHeroV4 .vsuite{ position: absolute; left: 0; top: var(--vs-top); width: var(--vs-w); z-index: 4; padding: 1.8em; border-radius: 2em; background: linear-gradient(160deg, rgba(20, 38, 66, .9), rgba(7, 15, 29, .94)); border: .14em solid rgba(70, 150, 255, .7); box-shadow: 0 0 2.6em rgba(0, 132, 255, .5), 0 0 8em rgba(0, 90, 255, .22), inset 0 .12em 0 rgba(160, 220, 255, .22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: translateZ(80px) rotateY(14deg) rotateX(3deg); transform-origin: 100% 50%; }
#voltHeroV4 .vsuite::before{ content: ""; position: absolute; inset: -.16em; border-radius: inherit; padding: .16em; background: conic-gradient(from var(--vm-ang), transparent 0 64%, rgba(53, 243, 255, .2) 72%, #35F3FF 80%, #fff 82%, #00B8FF 85%, transparent 92%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: vmSpin 5s linear infinite; pointer-events: none; }
@keyframes vmSpin{ to { --vm-ang: 360deg; } }
#voltHeroV4 .vsuite-head{ position: relative; padding: 1.1em 1.4em 1.2em; margin-bottom: 1.3em; border-radius: 1.2em; background: rgba(8, 18, 35, .75); border: .1em solid rgba(60, 120, 200, .35); overflow: hidden; }
#voltHeroV4 .vsuite-head small{ display: block; font-size: .95em; font-weight: 700; letter-spacing: .2em; color: #8FB4DA; }
#voltHeroV4 .vsuite-head b{ display: block; font-size: 2.7em; font-weight: 800; line-height: 1.25; color: #fff; }
#voltHeroV4 .vsuite-head span{ display: block; font-size: 1.05em; color: #93A9C6; }
#voltHeroV4 .vsuite-head svg{ position: absolute; right: 1.6em; top: 50%; width: 3.6em; height: 5.4em; transform: translateY(-50%); opacity: .5; filter: drop-shadow(0 0 .6em rgba(0, 184, 255, .6)); }
#voltHeroV4 .vsuite-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1em; }
#voltHeroV4 .vtile{ position: relative; display: flex; align-items: center; gap: .9em; padding: 1.05em; border-radius: 1.1em; background: rgba(13, 27, 48, .88); border: .1em solid rgba(52, 96, 150, .55); transition: transform .4s var(--vm-spring), border-color .3s, box-shadow .3s, background-color .3s; }
#voltHeroV4 .vtile b{ font-size: 1.42em; font-weight: 700; line-height: 1.15; color: #EAF3FF; }
#voltHeroV4 .vtile > i{ position: absolute; top: .65em; right: .8em; font-size: .85em; font-weight: 700; font-style: normal; color: #7D97B8; }
#voltHeroV4 .vic{ width: 4.1em; height: 4.1em; border-radius: 1em; flex: none; display: grid; place-items: center; color: var(--g, #fff); background: linear-gradient(145deg, var(--a), var(--b)); border: .1em solid var(--r, rgba(255, 255, 255, .4)); box-shadow: 0 0 1.4em color-mix(in srgb, var(--a) 55%, transparent), inset 0 .12em .2em rgba(255, 255, 255, .6), inset 0 -.25em .5em rgba(0, 0, 0, .2); }
#voltHeroV4 .vic svg{ width: 2.2em; height: 2.2em; }
#voltHeroV4 .vtile.is-on{ transform: translateY(-.35em) scale(1.05); background: rgba(19, 40, 70, .96); border-color: var(--a); box-shadow: 0 0 0 .12em color-mix(in srgb, var(--a) 70%, transparent), 0 0 2.4em color-mix(in srgb, var(--a) 50%, transparent); }
#voltHeroV4 .vtile.is-on .vic{ animation: vmIconPop .6s var(--vm-spring); }
@keyframes vmIconPop{ 40% { transform: scale(1.18) rotate(-6deg); } }
#voltHeroV4 .vcursor{ position: absolute; left: 0; top: 0; z-index: 6; width: 2.4em; height: 2.4em; transform: translate(var(--cx, 60%), var(--cy, 120%)); transition: transform .75s var(--vm-ease); pointer-events: none; filter: drop-shadow(0 .3em .5em rgba(0, 0, 0, .6)); }
#voltHeroV4 .vcursor svg{ width: 100%; height: 100%; }
#voltHeroV4 .vcursor::after{ content: ""; position: absolute; left: -.6em; top: -.6em; width: 2em; height: 2em; border-radius: 50%; border: .18em solid #35F3FF; opacity: 0; }
#voltHeroV4 .vcursor.click::after{ animation: vmRipple .6s ease-out; }
@keyframes vmRipple{ from { opacity: 1; transform: scale(.3); } to { opacity: 0; transform: scale(2.4); } }
#voltHeroV4 .vbadge-pr{ position: absolute; z-index: 5; top: 1.4em; right: 33em; width: 6.2em; height: 6.2em; border-radius: 1.4em; display: grid; place-items: center; font-size: 1em; background: linear-gradient(145deg, #2A1A6E, #120B3A); border: .16em solid #9B87FF; box-shadow: 0 0 2em rgba(140, 110, 255, .55), inset 0 .1em .3em rgba(255, 255, 255, .3); transform: translateZ(120px); animation: vmFloat 5s ease-in-out infinite; }
#voltHeroV4 .vbadge-pr b{ font-size: 2.9em; font-weight: 800; color: #C9BBFF; letter-spacing: -.02em; }
@keyframes vmFloat{ 0%, 100% { translate: 0 0; } 50% { translate: 0 -1.1em; } }
#voltHeroV4 .vspark{ position: absolute; z-index: 1; width: .5em; height: .5em; border-radius: 50%; background: #7AF6FF; box-shadow: 0 0 1em #35F3FF; opacity: 0; animation: vmSpark 5s ease-in-out infinite; }
@keyframes vmSpark{ 0% { opacity: 0; transform: translateY(2em) scale(.5); } 30% { opacity: .9; } 100% { opacity: 0; transform: translateY(-8em) scale(1.2); } }
@container (max-width: 620px){#voltHeroV4 .vhero-stage{ font-size: 1.55cqw; aspect-ratio: 100 / 104; --vp-w: 64.5em; --vp-h: 38em; --vp-top: 0em; --vs-w: 60em; --vs-top: 27em; }
#voltHeroV4 .vpr{ grid-template-rows: 2.4em minmax(0, 1fr) 13.5em; }
#voltHeroV4 .vpr-mid{ grid-template-columns: minmax(0, 1fr); }
#voltHeroV4 .vpr-bin{ display: none; }
#voltHeroV4 .vpr-heads,#voltHeroV4 .vpr-lanes{ grid-template-rows: 1.4em 2.2em 2.4em 2.8em 2em; row-gap: .25em; }
#voltHeroV4 .vsuite{ left: 2.2em; transform: translateZ(60px) rotateX(4deg); padding: 1.3em; border-radius: 1.6em; }
#voltHeroV4 .vsuite-head{ padding: .9em 1.1em; margin-bottom: 1em; }
#voltHeroV4 .vsuite-head b{ font-size: 2.3em; }
#voltHeroV4 .vsuite-head span{ display: none; }
#voltHeroV4 .vsuite-grid{ gap: .7em; }
#voltHeroV4 .vtile{ flex-direction: column; align-items: flex-start; gap: .6em; padding: .9em; }
#voltHeroV4 .vtile b{ font-size: 1.25em; }
#voltHeroV4 .vic{ width: 3.4em; height: 3.4em; }
#voltHeroV4 .vic svg{ width: 1.8em; height: 1.8em; }
#voltHeroV4 .vbadge-pr{ top: auto; bottom: 1em; right: 1.5em; width: 5em; height: 5em; }
#voltHeroV4 .vbadge-pr b{ font-size: 2.3em; }
#voltHeroV4 .vhero-stage{ --vcx: 50%; --vtl: 0%; }
#voltHeroV4 .vov-cap{ font-size: 1.45em; }
#voltHeroV4 .vov-track{ left: 20%; }
#voltHeroV4 .vov-title{ font-size: 5em; }}
#voltHeroV4 .vhero-desc{ margin-top: 12px; max-width: 54ch; font-size: clamp(15px, 1.1vw, 17px); line-height: 1.9; color: var(--muted); }
#voltHeroV4 .vfacts{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: clamp(30px, 3.6vw, 52px); }
#voltHeroV4 .vfact{ position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: linear-gradient(150deg, rgba(16, 30, 52, .88), rgba(8, 17, 31, .92)); border: 1px solid #22406a; transition: border-color .3s, transform .4s var(--vm-spring); }
#voltHeroV4 .vfact::after{ content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(53, 243, 255, .8), transparent); transform: translateX(-100%); animation: vmFactLine 5s ease-in-out infinite; }
#voltHeroV4 .vfact:nth-child(2)::after{ animation-delay: 1.2s; }
#voltHeroV4 .vfact:nth-child(3)::after{ animation-delay: 2.4s; }
#voltHeroV4 .vfact:nth-child(4)::after{ animation-delay: 3.6s; }
@keyframes vmFactLine{ 0%, 60% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
#voltHeroV4 .vfact:hover{ border-color: #2f7fd0; transform: translateY(-3px); }
#voltHeroV4 .vfact-ic{ width: 46px; height: 46px; border-radius: 13px; flex: none; display: grid; place-items: center; color: #7AF6FF; background: linear-gradient(145deg, #0f3a6e, #0a2346); border: 1px solid #2f6fc0; box-shadow: 0 0 16px rgba(0, 140, 255, .3); }
#voltHeroV4 .vfact-ic .icon{ width: 23px; height: 23px; }
#voltHeroV4 .vfact b{ display: block; font-size: clamp(17px, 1.4vw, 21px); font-weight: 800; color: #fff; line-height: 1.35; }
#voltHeroV4 .vfact small{ display: block; font-size: 13px; color: var(--muted); line-height: 1.5; }
#voltHeroV4 .vfact b[dir="ltr"]{ text-align: right; }
#motion-showcase .vwalk{ display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr); gap: 18px; align-items: start; }
#motion-showcase .vwalk-player{ padding: 10px; border-radius: 22px; background: linear-gradient(160deg, rgba(18, 36, 62, .92), rgba(7, 15, 28, .95)); border: 1px solid #2a5a90; box-shadow: 0 0 40px rgba(0, 120, 255, .22), inset 0 1px 0 rgba(160, 220, 255, .14); }
#motion-showcase .vwalk-frame{ position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; }
#motion-showcase .vwalk-frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
#motion-showcase .vwalk-poster{ position: absolute; inset: 0; display: block; padding: 0; border: 0; cursor: pointer; background: radial-gradient(60% 80% at 50% 45%, rgba(0, 150, 255, .35), transparent 70%), linear-gradient(160deg, #0d2140, #050b16); }
#motion-showcase .vwalk-poster.no-img::before{ content: "VOLT"; position: absolute; left: 50%; top: 22%; transform: translateX(-50%) skewX(-11deg); font: 900 clamp(36px, 6vw, 84px)/1 Cairo, Arial, sans-serif; letter-spacing: .04em; color: rgba(246, 251, 255, .12); }
#motion-showcase .vwalk-poster img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s var(--vm-ease); }
#motion-showcase .vwalk-poster:hover img{ transform: scale(1.04); }
#motion-showcase .vwalk-shade{ position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(3, 8, 17, 0), rgba(3, 8, 17, .5)); }
#motion-showcase .vwalk-play{ position: absolute; left: 50%; top: 50%; width: 86px; height: 86px; margin: -43px 0 0 -43px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #35F3FF, #0066FF); border: 2px solid rgba(255, 255, 255, .6); animation: vmPlayRing 2.2s ease-out infinite; transition: transform .35s var(--vm-spring); }
#motion-showcase .vwalk-poster:hover .vwalk-play{ transform: scale(1.1); }
#motion-showcase .vwalk-play .icon{ width: 34px; height: 34px; margin-left: 5px; }
#motion-showcase .vwalk-badge{ position: absolute; right: 12px; bottom: 12px; padding: 4px 9px; border-radius: 8px; background: rgba(3, 8, 17, .85); color: #fff; font: 700 13px/1.3 Cairo, Arial, sans-serif; }
#motion-showcase .vwalk-now{ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 8px 6px; }
#motion-showcase .vwalk-now small{ display: block; font-size: 12px; color: var(--muted); }
#motion-showcase .vwalk-now b{ display: block; font-size: clamp(16px, 1.3vw, 20px); color: #fff; line-height: 1.45; }
#motion-showcase .vwalk-now .ghost-btn{ flex: none; }
#motion-showcase .vwalk-now .ghost-btn .icon{ width: 20px; height: 20px; color: #ff4d5e; }
#motion-showcase .vwalk-list{ display: flex; flex-direction: column; min-height: 0; max-height: var(--vwh, 560px); padding: 12px; border-radius: 22px; background: linear-gradient(160deg, rgba(14, 28, 48, .92), rgba(7, 15, 28, .95)); border: 1px solid #22406a; }
#motion-showcase .vwalk-head{ display: flex; align-items: center; gap: 12px; padding: 4px 6px 12px; margin-bottom: 8px; border-bottom: 1px solid #1d3654; }
#motion-showcase .vwalk-count{ width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #35F3FF, #0066FF); color: #031021; font-weight: 900; font-size: 18px; box-shadow: 0 0 18px rgba(0, 160, 255, .5); }
#motion-showcase .vwalk-head small{ display: block; font-size: 12px; color: #7AF6FF; }
#motion-showcase .vwalk-head b{ display: block; font-size: 16px; color: #fff; }
#motion-showcase #vWalkList{ list-style: none; margin: 0; padding: 0 0 0 4px; overflow-y: auto; display: grid; gap: 6px; scrollbar-width: thin; scrollbar-color: #284b74 transparent; }
#motion-showcase .vwalk-item{ width: 100%; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; border: 1px solid transparent; background: rgba(12, 24, 42, .6); color: #dbe8f7; text-align: start; transition: background-color .25s, border-color .25s, box-shadow .25s, transform .25s var(--vm-spring); }
#motion-showcase .vwalk-item .n{ width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: #10233d; border: 1px solid #284b74; font-weight: 800; font-size: 13px; color: #8fb4da; transition: inherit; }
#motion-showcase .vwalk-item .ttl{ font-size: 14px; font-weight: 600; line-height: 1.5; }
#motion-showcase .vwalk-item time{ font-size: 12px; color: #7d97b8; font-variant-numeric: tabular-nums; }
#motion-showcase .vwalk-item:hover{ background: rgba(18, 38, 66, .9); border-color: #2a5a90; transform: translateX(-3px); }
#motion-showcase .vwalk-item.is-active{ border-color: #35c8ff; background: linear-gradient(270deg, rgba(0, 140, 255, .2), rgba(0, 140, 255, .05)); box-shadow: 0 0 18px rgba(0, 140, 255, .2); }
#motion-showcase .vwalk-item.is-active .n{ background: linear-gradient(135deg, #35F3FF, #0066FF); color: #031021; border-color: transparent; }
#motion-showcase .vwalk-item.is-active time{ color: #7AF6FF; }
#pricing .vguard{ display: flex; align-items: center; gap: 16px; max-width: 900px; margin: 22px auto 0; padding: 16px 20px; border-radius: 16px; background: linear-gradient(135deg, rgba(37, 229, 161, .09), rgba(37, 229, 161, .02)); border: 1px solid rgba(37, 229, 161, .42); }
#pricing .vguard-ic{ width: 48px; height: 48px; flex: none; border-radius: 14px; display: grid; place-items: center; color: #25E5A1; background: rgba(37, 229, 161, .1); border: 1px solid rgba(37, 229, 161, .45); box-shadow: 0 0 18px rgba(37, 229, 161, .25); }
#pricing .vguard-ic .icon{ width: 25px; height: 25px; }
#pricing .vguard b{ display: block; color: #fff; font-size: 16px; }
#pricing .vguard p{ font-size: 14px; line-height: 1.75; margin-top: 2px; }
#pricing .vguard .ghost-btn{ margin-inline-start: auto; flex: none; }
:is(#voltHeroV4,#motion-showcase,#pricing){--vm-ease:cubic-bezier(.2,.8,.2,1);--vm-spring:cubic-bezier(.34,1.56,.64,1);--vm-energy:linear-gradient(90deg,#35f3ff,#00b8ff 45%,#2345ff);font-family:Cairo,"IBM Plex Sans Arabic",Arial,sans-serif;scroll-margin-top:110px}
:is(#voltHeroV4,#motion-showcase,#pricing) :is(button,input){font-family:inherit}
:is(#voltHeroV4,#motion-showcase,#pricing) .icon{width:24px;height:24px;flex:0 0 auto;display:inline-block}
:is(#voltHeroV4,#motion-showcase,#pricing) .vpill{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;margin-bottom:12px;border:1px solid #35f3ff59;border-radius:999px;background:#00b8ff14;color:#8af8ff;font-size:13px;font-weight:700;line-height:1.6;box-shadow:0 0 18px #00b8ff1f}
:is(#motion-showcase,#pricing) .vpill .icon{width:15px;height:15px}
:is(#voltHeroV4,#motion-showcase,#pricing) :is(a,button):focus-visible{outline:2px solid #b1f7ff;outline-offset:4px}
#voltHeroV4{padding:30px 0 26px;position:relative;isolation:isolate}
#vHero{scroll-margin-top:105px}
#voltHeroV4 .vm-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
#voltHeroV4 .home-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.3fr);gap:22px;align-items:center;min-height:0;padding-block:0}
#voltHeroV4 .hero-copy{padding:0;position:relative;z-index:2;max-width:none;min-width:0;text-align:start}
#voltHeroV4 .eyebrow.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #2995c955;border-radius:999px;background:#0d2138;color:#73eaf6;font-size:12px;font-weight:700;letter-spacing:0}
#voltHeroV4 .eyebrow.pill:before{content:"";width:7px;height:7px;background:#4febef;box-shadow:0 0 14px #4febef;border-radius:50%}
#voltHeroV4 h1.hero-heading{font-size:clamp(38px,4.1vw,64px);line-height:1.26;font-weight:900;letter-spacing:-.5px;margin:17px 0;color:#edf6ff;max-width:none}
#voltHeroV4 .hero-heading br{display:inline!important}
#voltHeroV4 .hero-heading em{font-style:normal;background:linear-gradient(90deg,#2ed6ff,#8af8ff 25%,#1c8bff 50%,#2ed6ff 75%,#8af8ff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:voltDesignFlow 6s linear infinite}
@keyframes voltDesignFlow{to{background-position:-200% 0}}
#voltHeroV4 .lead{font-size:clamp(16px,1.3vw,20px);color:#e6f1fe;line-height:1.8;margin:0}
#voltHeroV4 .vhero-desc{margin:9px 0 0;color:#9bb0c9;max-width:54ch;font-size:15px;line-height:1.95}
#voltHeroV4 .hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0;align-items:center}
#voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){min-height:46px;min-width:0;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;line-height:1.5;border-radius:11px;letter-spacing:0}
#voltHeroV4 .hero-actions .icon{width:18px;height:18px}
#voltHeroV4 .trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:11px;color:#95afca}
#voltHeroV4 .trust-row>span+span{border-inline-start:1px solid #29465e;padding-inline-start:12px}
#voltHeroV4 .hero-art{position:relative;min-width:0;width:100%;max-width:850px;justify-self:center;margin:0}
#voltHeroV4 .vsuite{padding:1.3em}
#voltHeroV4 .vsuite-head{padding:.75em 1em;margin-bottom:.7em}
#voltHeroV4 .vsuite-head b{font-size:2.15em}
#voltHeroV4 .vsuite-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65em}
#voltHeroV4 .vtile{min-width:0;min-height:4.6em;flex-direction:row;align-items:center;gap:.5em;padding:.55em .45em}
#voltHeroV4 .vtile b{font-size:1.08em;line-height:1.18;overflow-wrap:anywhere}
#voltHeroV4 .vtile>i{top:.3em;right:.4em;font-size:.68em;opacity:.55}
#voltHeroV4 .vic{width:3.2em;height:3.2em}
#voltHeroV4 .vic svg{width:1.8em;height:1.8em}
#voltHeroV4 .vfacts{margin-top:24px}
#voltHeroV4 .vfact{min-width:0}
#voltHeroV4 .vfact small{font-size:12px;color:#8ca7c4}
#voltHeroV4 .vfact b{font-size:17px}
#voltHeroV4 .vfact b[dir=ltr]{text-align:start}
#voltHeroV4 .design-motion-paused *,#voltHeroV4 .design-motion-paused *:before,#voltHeroV4 .design-motion-paused *:after{animation-play-state:paused!important}
#motion-showcase{padding:32px 0 42px}
#motion-showcase .vsec-head{text-align:center;max-width:780px;margin:0 auto 23px;display:block}
#motion-showcase .vsec-head h2{font-size:clamp(28px,3.3vw,45px);line-height:1.45;margin:0 0 9px;font-weight:800}
#motion-showcase .vsec-head h2 em{color:#5ce5f5;font-style:normal}
#motion-showcase .vsec-head p{font-size:15px;line-height:1.9;margin:0;color:#99aec7}
#motion-showcase .vwalk-frame{min-height:200px}
#motion-showcase .vwalk-poster{width:100%;height:100%}
#motion-showcase .vwalk-poster[hidden]{display:none!important}
#motion-showcase .vwalk-play{animation:none;box-shadow:0 0 35px #008dff66}
#motion-showcase .vwalk-play .icon{width:34px;height:34px}
#motion-showcase .vwalk-head small{font-size:12px}
#motion-showcase .vwalk-head b{font-size:16px}
#motion-showcase .vwalk-now .ghost-btn{min-height:38px;padding:8px 12px;font-size:12px;display:inline-flex;align-items:center;gap:7px;border-radius:9px}
#motion-showcase .vwalk-now small{font-size:11px;color:#8ca6c4}
#motion-showcase .vwalk-now b{font-size:17px}
#motion-showcase .walk-controls-note{margin:11px 8px 4px;color:#87a3bf;font-size:11px;line-height:1.8}
#motion-showcase #vWalkList{padding:0 0 0 4px;margin:0;overflow-y:auto;min-height:0}
#pricing.volt-pricing-v4{padding-block:38px 54px;max-width:1280px}
#pricing .pricing-page-wrap{max-width:1200px;margin:0 auto}
#pricing .page-head{text-align:center;margin-bottom:18px}
#pricing .page-head h2{font-size:clamp(28px,3.4vw,43px);line-height:1.45;margin:0 0 8px;font-weight:800}
#pricing .page-head p{color:#a3b5ca;font-size:16px;line-height:1.8;margin:0}
#pricing .billing-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
#pricing .billing-switch{display:flex;gap:3px;background:#0a1927;border:1px solid #34536e;padding:4px;border-radius:10px;direction:inherit;box-shadow:0 0 17px #008aff12}
#pricing .billing-switch .billing-btn{min-width:90px;padding:10px 16px;min-height:40px;border:1px solid transparent;border-radius:7px;background:transparent;color:#dce8f5;font-size:14px;font-weight:700;display:block}
#pricing .billing-switch .billing-btn.active{border-color:#61ceff;background:linear-gradient(120deg,#07bef9,#006cff);color:#fff;box-shadow:0 0 16px #0084ff4d}
#pricing .saving-badge{padding:10px 14px;min-height:41px;display:inline-flex;align-items:center;border:1px solid #aa7a28;border-radius:10px;background:#2d220b;color:#ffd879;box-shadow:0 0 15px #dfa31f1f;font-size:12px}
#pricing #currencyBaseNote{display:block;max-width:790px;margin:0 auto 24px;font-size:12px;line-height:1.9;color:#91a8bf;text-align:center;min-height:1.9em;background:transparent;border:0;padding:0}
#pricing .plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 auto;max-width:1200px}
#pricing .plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid #46627b;border-radius:17px;background:linear-gradient(145deg,#111e2e,#09131f);text-align:center;box-shadow:inset 0 1px 0 #9acaff15;overflow:hidden;transform:none;gap:0}
#pricing .plan-card.featured{border:1.5px solid #0eb9f5;background:linear-gradient(130deg,#102b48,#071a2c);box-shadow:0 0 26px #0080ff22,inset 0 1px 0 #5dcaff26}
#pricing .plan-card:before,#pricing .plan-card:after{display:none}
#pricing .device-art{display:flex;align-items:center;justify-content:center;width:100%;height:105px;margin:0 0 11px;color:#69b6ff}
#pricing .plan-card.featured .device-art{color:#44dff6}
#pricing .plan-card:last-child .device-art{color:#ad8cf9}
#pricing .plan-monitors{height:105px;width:100%;max-width:280px;overflow:visible;filter:drop-shadow(0 0 8px currentColor)}
#pricing .plan-monitors rect{fill:currentColor;fill-opacity:.12}
#pricing .screen-line{opacity:.25;stroke-width:1}
#pricing .plan-card h3{font-size:clamp(26px,2.4vw,34px);font-weight:800;line-height:1.35;margin:0;color:#f3f7fc}
#pricing .plan-subtitle{font-size:14px;line-height:1.8;margin:2px 0 0;color:#9dafc6}
#pricing .price-box{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:7px;border:1px solid #304c67;background:#0c182b;border-radius:10px;padding:11px 8px;margin:14px 0 10px;direction:ltr;line-height:1.3}
#pricing .price-box b{font-size:34px;line-height:1.4;font-weight:800;color:#f2f7ff;letter-spacing:0}
#pricing .price-box small,#pricing .price-box span{font-size:13px;color:#d6e5f2}
#pricing .price-box small{direction:rtl}
html[dir=ltr] #pricing .price-box small{direction:ltr}
#pricing .annual-offer{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:11px;min-height:25px;background:transparent;padding:0;border:0;color:#f3cd78}
#pricing .annual-offer.hidden{display:none!important}
#pricing .annual-offer .old-price{font-size:11px;display:flex;gap:6px;align-items:center;color:#9aaec4}
#pricing .annual-offer .discount-badge{font-size:11px;padding:3px 7px;border-radius:7px}
#pricing .plan-perks{list-style:none;margin:9px 0 18px;padding:13px 0 0;border-top:1px solid #2c4863;text-align:start;display:grid;gap:8px}
#pricing .plan-perks li{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;color:#e2ebf5;line-height:1.8}
#pricing .plan-perks .icon{width:22px;height:22px;flex:none;border:1px solid #2795e7;background:#08315d;color:#b7e7ff;border-radius:50%;padding:4px}
#pricing .plan-card .primary-btn{margin-top:auto;width:100%;min-height:44px;border-radius:9px;border:1px solid #3ebeff;display:flex;justify-content:center;gap:30px;align-items:center;font-size:13px;background:linear-gradient(120deg,#08bffa,#0068ff);color:#fff;box-shadow:0 0 22px #0084ff22;padding:10px 12px}
#pricing .plan-card:not(.featured) .primary-btn{background:linear-gradient(140deg,#0750a3,#083360);box-shadow:none}
#pricing .plan-card .primary-btn .icon{width:20px;height:20px}
html[dir=ltr] #pricing .primary-btn .icon{transform:scaleX(-1)}
#pricing .vguard{max-width:1000px;padding:20px;margin-top:24px}
#pricing .vguard .icon{width:25px;height:25px}
#pricing .vguard b{font-size:18px}
#pricing .vguard p{margin:3px 0 0;color:#9fb8c9;font-size:14px;line-height:1.85}
#pricing .vguard .ghost-btn{border:1px solid #426883;background:#0a1c2c;color:#e5f2ff;border-radius:9px;padding:10px 16px;min-height:41px;line-height:1.6;font-size:13px;white-space:nowrap}
#pricing .settlement-note{display:flex;align-items:center;justify-content:center;gap:10px;max-width:720px;margin:15px auto 0;padding:9px 14px;line-height:1.7;border:1px solid #2d4e6c;border-radius:12px;background:#0a1625;font-size:11px;color:#b4c8dd;text-align:center}
#pricing .settlement-note .icon{width:18px;height:18px;color:#38aaff}
#buyer-protection.start-flow-v4{position:relative;isolation:isolate;padding:46px 0 49px}
#buyer-protection.start-flow-v4:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#1a436326 1px,transparent 1px),linear-gradient(90deg,#1a436326 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
#buyer-protection.start-flow-v4>*{position:relative;z-index:1}
#buyer-protection .start-flow-head{text-align:center;margin:0 auto 22px;max-width:660px}
#buyer-protection .start-flow-kicker{font-size:11px;letter-spacing:.05em;color:#55e9f2;font-weight:700}
#buyer-protection .start-flow-head h2{margin:5px 0 3px;font-size:clamp(24px,2.6vw,34px);line-height:1.35;letter-spacing:0;color:#f0f7ff;font-weight:800}
#buyer-protection .start-flow-head p{margin:0;color:#9db2c7;font-size:13px;line-height:1.7}
#buyer-protection .start-flow-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;list-style:none;padding:0;margin:0}
#buyer-protection .start-flow-list:before{content:"";position:absolute;inset-inline:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#20cfff,#117bdb,transparent);box-shadow:0 0 10px #20bbff55;pointer-events:none}
#buyer-protection .start-flow-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:86px;margin:0;padding:14px 13px;border:1px solid #36618c;border-radius:13px;background:linear-gradient(145deg,#0e2032,#07111e);box-shadow:inset 0 1px 0 #ade4ff17,0 7px 23px #0004}
#buyer-protection .start-flow-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#063657;color:#52d5ff}
#buyer-protection .start-flow-icon svg{width:21px;height:21px}
#buyer-protection .start-flow-copy{display:grid;gap:3px;min-width:0;flex:1}
#buyer-protection .start-flow-copy b{color:#edf6ff;font-size:14px;line-height:1.3;font-weight:700}
#buyer-protection .start-flow-copy small{color:#98adc5;font-size:11px;line-height:1.5}
#buyer-protection .start-flow-number{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #299cda;border-radius:50%;font-size:11px;font-weight:800;color:#83e9ff;background:#0d2840}
#volt-showcase.volt-showcase-v52{padding-block:56px 58px}
#faq.faq-section-v52{padding-block:58px 62px}
#buyer-protection,#volt-showcase,#faq{font-family:Cairo,"IBM Plex Sans Arabic",Arial,sans-serif}
#buyer-protection :is(h2,h3,p,button),#volt-showcase :is(h2,h3,p,button),#faq :is(h2,h3,p,button){font-family:inherit}
@media(min-width:1800px){#voltHeroV4 .home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:36px}}
@media(max-width:1100px){#voltHeroV4 .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px}#voltHeroV4 h1.hero-heading{font-size:41px}#voltHeroV4 .vfacts{grid-template-columns:repeat(2,minmax(0,1fr))}#pricing .plan-card{padding:18px}#pricing .plan-perks li{font-size:12px}}
@media(max-width:900px){#motion-showcase .vwalk{grid-template-columns:minmax(0,1fr)}#motion-showcase .vwalk-list{max-height:390px}#voltHeroV4 .home-hero{display:flex;flex-direction:column;gap:22px}#voltHeroV4 .hero-copy{width:100%;max-width:680px;text-align:center}#voltHeroV4 .hero-art{width:min(100%,730px)}#voltHeroV4 .hero-actions,#voltHeroV4 .trust-row{justify-content:center}#voltHeroV4 .vhero-desc{margin-inline:auto}#voltHeroV4 h1.hero-heading{font-size:clamp(38px,6vw,53px)}#buyer-protection .start-flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}#buyer-protection .start-flow-list:before{display:none}#pricing .plans-grid{gap:12px}#pricing .plan-card{padding:15px}#pricing .device-art{height:85px}#pricing .plan-monitors{height:85px}#pricing .price-box b{font-size:28px}}
@media(max-width:700px){#pricing .plans-grid{grid-template-columns:1fr;max-width:440px}#pricing .plan-card{padding:24px}#pricing .plan-card h3{font-size:31px}#pricing .device-art,#pricing .plan-monitors{height:105px}#pricing .price-box b{font-size:34px}#pricing .plan-perks li{font-size:14px}#pricing .vguard{flex-wrap:wrap;padding:18px;gap:12px}#pricing .vguard>div{flex:1;min-width:180px}#pricing .vguard .ghost-btn{margin-inline-start:60px}#voltHeroV4{padding-block:24px 22px}#motion-showcase{padding-block:28px 38px}#buyer-protection.start-flow-v4{padding-block:33px 36px}#volt-showcase.volt-showcase-v52{padding-block:42px 44px}#pricing.volt-pricing-v4{padding-block:32px 44px}#voltHeroV4 .vfact{padding:13px;gap:10px}#voltHeroV4 .vfact-ic{width:36px;height:36px;border-radius:10px}#voltHeroV4 .vfact b{font-size:14px}#voltHeroV4 .vfact small{font-size:10px}#voltHeroV4 .vfacts{gap:10px}#voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){font-size:12px;padding:10px 13px}#motion-showcase .vwalk-now{flex-wrap:wrap}#motion-showcase .vwalk-play{width:66px;height:66px;margin:-33px 0 0 -33px}#motion-showcase .vwalk-item .ttl{font-size:12px}}
@media(max-width:520px){#buyer-protection .start-flow-list{grid-template-columns:1fr;gap:9px}#buyer-protection .start-flow-item{min-height:69px;padding:10px 12px}#buyer-protection .start-flow-head{margin-bottom:16px}#buyer-protection .start-flow-head h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){#voltHeroV4 *,#voltHeroV4 *:before,#voltHeroV4 *:after,#motion-showcase *,#motion-showcase *:before,#motion-showcase *:after{animation:none!important;transition:none!important}}

/* Compact header; the original account dropdown, sign-in and language controls survive. */
.topbar-design-v4,.gift-design-v4,.downloads-design-v4{font-family:Cairo,Arial,sans-serif}
.topbar.topbar-design-v4{height:72px;padding:7px 0;border:0;background:rgba(4,11,19,.94);box-shadow:0 8px 28px #0004}
.topbar-design-v4>.shell{height:58px;width:min(1380px,calc(100% - 48px));padding:0 15px;border:1px solid #345777;border-radius:13px;background:linear-gradient(110deg,#0e1b2b,#0b1826 65%,#101f30);box-shadow:inset 0 1px #c1e8ff10;gap:18px}
.topbar-design-v4 .brand img{width:111px;height:43px;object-fit:contain}
.topbar-design-v4 .desktop-nav{gap:clamp(13px,2vw,30px);margin:auto}
.topbar-design-v4 .desktop-nav a{font-size:12px;font-weight:700;white-space:nowrap;color:#c5d5e5;position:relative;padding:9px 0}
.topbar-design-v4 .desktop-nav a:after{content:"";position:absolute;bottom:4px;inset-inline:0;height:2px;transform:scaleX(0);background:#42d9ff;transition:transform .2s}
.topbar-design-v4 .desktop-nav a:hover:after,.topbar-design-v4 .desktop-nav a:focus-visible:after{transform:scaleX(1)}
.topbar-design-v4 .top-actions{gap:7px;margin-inline-start:0}
.topbar-design-v4 .top-actions>.icon-btn,.topbar-design-v4 .top-actions>.ghost-btn,.topbar-design-v4 .top-actions>.primary-btn{min-height:36px;border-radius:8px;padding:0 12px;white-space:nowrap;font-size:12px}
.topbar-design-v4 .top-actions>.primary-btn{background:linear-gradient(110deg,#07b8fd,#0878fa);border-color:#50c5ff}
.topbar-design-v4 .top-actions>.icon-btn{min-width:37px;padding:0 9px}
.topbar-design-v4 :is(a,button):focus-visible{outline:2px solid #92edff;outline-offset:3px}
#buyer-protection{scroll-margin-top:92px}
@media(max-width:1050px){.topbar-design-v4 .desktop-nav{gap:12px}.topbar-design-v4 .desktop-nav a{font-size:11px}.topbar-design-v4>.shell{width:calc(100% - 24px);gap:12px}}
@media(max-width:800px){.topbar-design-v4>.shell{width:calc(100% - 20px)}.topbar-design-v4 .desktop-nav{display:none}}

/* Welcome gift; #giftDriveBtnV57 still opens the real Google Drive gift. */
.gift-design-v4{padding:25px 0 70px!important;min-height:calc(100vh - 200px)}
.gift-design-v4 .gift-hero-v59{padding:22px 0 0}
.gift-layout-v4{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:4vw;min-height:410px}
.gift-art-v4{position:relative;height:395px;display:grid;place-items:center;isolation:isolate;order:2}
.gift-aura-v4{position:absolute;width:80%;height:65%;border-radius:50%;background:#007cff4b;filter:blur(72px);z-index:-1}
.gift-art-v4:after{content:"";position:absolute;bottom:25px;width:72%;height:26px;background:#037dff99;filter:blur(30px);border-radius:50%;z-index:-1}
.gift-box-v4{position:relative;width:235px;height:202px;border:2px solid #65d7ff;border-radius:17px;background:linear-gradient(135deg,#0b375e 5%,#0b2654 52%,#03122b 95%);box-shadow:0 0 20px #00d4ff9c,0 35px 75px #075aff80,inset 0 0 38px #31adff4d;transform:perspective(500px) rotateY(-9deg) rotateX(3deg);animation:giftFloatV57 5.2s ease-in-out infinite;display:grid;place-items:center}
.gift-box-v4:after{content:"VOLT";position:absolute;bottom:14px;color:#f2faff;font-size:25px;font-weight:900;letter-spacing:-.06em;text-shadow:0 0 10px #37aaff}
.gift-lid-v4{position:absolute;bottom:calc(100% - 13px);left:-8px;right:-8px;height:32px;border:2px solid #72d9ff;border-radius:13px;background:linear-gradient(#1c5e9a,#093264);box-shadow:0 0 22px #008fffbb}
.gift-ribbon-v4{position:absolute;inset:0 39% 0;background:linear-gradient(90deg,#1a63c9,#55dfff 50%,#006bd1);opacity:.82;box-shadow:0 0 22px #22bbff;pointer-events:none}
.gift-lid-v4:after{content:"∞";position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:105px;line-height:.6;color:#2fbfff;text-shadow:0 0 19px #39afff;font-family:serif}
.gift-mark-v4{position:relative;font-size:106px;font-weight:900;line-height:1;color:#21d5ff;text-shadow:0 0 18px #16c6ff,0 0 45px #007cff}
.gift-tool-v4{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:14px;font-size:29px;font-weight:800;border:2px solid currentColor;box-shadow:0 0 24px currentColor;background:#143250aa}
.gift-tool-a{top:38px;inset-inline-start:14%;color:#ffbf38;transform:rotate(-12deg)}.gift-tool-b{bottom:66px;inset-inline-start:9%;color:#669aff;transform:rotate(-13deg)}.gift-tool-c{top:126px;inset-inline-end:9%;color:#bc8aff;transform:rotate(12deg)}
.gift-content-v4{order:1;max-width:650px;text-align:start}
.gift-content-v4 .kicker,.downloads-head-v4 .kicker{color:#58daff;font-size:11px;letter-spacing:.14em}
.gift-content-v4 h1{margin:13px 0;font-size:clamp(32px,3vw,48px);line-height:1.52;font-weight:900;letter-spacing:0}
.gift-content-v4 h1 em,.downloads-head-v4 h1 em{font-style:normal;background:linear-gradient(95deg,#3ed5ff,#79ebff,#158eff);background-clip:text;-webkit-background-clip:text;color:transparent}
.gift-content-v4>p{color:#abbcd0;font-size:15px;line-height:1.8;margin:0}
.gift-actions-v4{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0 12px}
.gift-actions-v4>*{min-height:43px;border-radius:9px;font-size:13px}
.gift-points-v4{display:flex;gap:7px;flex-wrap:wrap}.gift-points-v4 span{padding:7px 10px;border:1px solid #294764;border-radius:7px;background:#0c1d2c;font-size:11px;color:#c9d9e8}
.gift-drive-note-v4{display:flex;align-items:center;justify-content:center;gap:14px;margin:17px auto 0;min-height:75px;padding:13px 20px;border:1px solid #3a5b7c;border-radius:13px;background:linear-gradient(120deg,#0f2035,#091626);text-align:start}
.gift-drive-icon-v4{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:9px;background:#123f71;color:#3dd1fc;font-size:27px}
.gift-drive-note-v4 b,.gift-drive-note-v4 small{display:block}.gift-drive-note-v4 b{font-size:16px}.gift-drive-note-v4 small{font-size:12px;color:#9baec4;margin-top:2px}

/* Platform cards navigate to protected release artifacts, never to mock downloads. */
.downloads-design-v4{padding:24px 0 70px}
.downloads-head-v4{text-align:start;padding:4px 0 16px;position:relative}
.downloads-head-v4 h1{font-size:clamp(28px,3vw,46px);line-height:1.4;margin:9px 0 2px;color:#f4f8ff;font-weight:900;letter-spacing:0}
.downloads-head-v4>p{margin:0;color:#9cb0c6;font-size:14px}.release-version-v4{position:absolute;top:2px;inset-inline-end:0;color:#7492af;font-size:11px}
.platform-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.platform-card-v4{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:260px;padding:24px 19px;border:1px solid #385c80;border-radius:14px;background:linear-gradient(145deg,#101e30,#0a1626);box-shadow:inset 0 1px #8fc9ff17;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.platform-card-v4:hover,.platform-card-v4.is-selected{transform:translateY(-3px);border-color:#4ccaff;box-shadow:0 0 26px #0685ff2b,inset 0 1px #8fc9ff20}
.platform-visual-v4{display:grid;place-items:center;min-height:215px;perspective:600px;order:2}
.product-panel-v4{position:relative;width:135px;height:182px;transform:rotateY(-13deg) rotateX(3deg);border:2px solid #258bf7;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(140deg,#0d4276,#091b40 68%,#020b18);box-shadow:5px 8px #071428,0 0 28px #076fe677,inset 0 0 30px #0c9cff33;color:#fff}
.product-panel-v4:before{content:"";position:absolute;inset:5px;border:1px solid #57cdff38;border-radius:5px}
.product-bolt-v4{font-size:98px;line-height:.95;font-weight:900;color:#2de9ff;text-shadow:0 0 14px #11a8ff,0 0 34px #0080ff}
.product-panel-v4 b{font-size:24px;font-style:italic;letter-spacing:-.04em}.product-panel-v4 i{position:absolute;bottom:7px;inset-inline-end:6px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #5fcaff;border-radius:7px;background:#184a96;color:white;font-size:15px;font-style:normal}
.platform-info-v4{min-width:0;text-align:start;order:1}.platform-info-v4 h2{display:flex;align-items:center;gap:9px;font-size:clamp(16px,1.65vw,24px);line-height:1.25;margin:0 0 12px;white-space:nowrap}.platform-info-v4 h2 span{color:#38bdff;font-size:25px}
.platform-info-v4>b{display:block;color:#61d5ff;font-size:13px}.platform-info-v4 p{font-size:12px;line-height:1.7;color:#a8b9ca;margin:4px 0 13px}
.platform-cta-v4{display:flex;width:100%;min-height:37px;font-size:12px;border-radius:8px;background:linear-gradient(100deg,#0bc0ff,#1168e9)}
.platform-meta-v4{display:flex;justify-content:space-between;align-items:center;gap:9px;border-top:1px solid #31506e;margin-top:12px;padding-top:9px;font-size:11px}.platform-meta-v4>span{color:#a893ff;font-weight:800}.platform-meta-v4 small{color:#9eb2c6;font-weight:500}.platform-meta-v4 a{color:#6ccefa;text-decoration:none}.platform-update-v4{display:block;margin-top:7px;color:#91a5ba;font-size:10px}
.downloads-live-v4{border:1px solid #385b7d;border-radius:13px;background:linear-gradient(110deg,#0f2035,#091626);margin-top:14px;padding:16px 18px}
.downloads-live-head-v4{display:flex;justify-content:space-between;align-items:center;gap:15px}.downloads-live-head-v4 h2{font-size:20px;margin:2px 0}.downloads-live-head-v4 p{font-size:11px;color:#9aafc2;margin:0 0 10px}
.downloads-live-head-v4 .ghost-btn{min-height:37px;font-size:12px}.downloads-live-v4 .loading-card{padding:20px;font-size:12px}
.downloads-live-v4 .download-card{border-radius:11px;background:#08182b;flex-wrap:wrap}.downloads-live-v4 .download-card:focus-within,.downloads-live-v4 .download-card.highlight-v4{border-color:#3ccbff;box-shadow:0 0 0 2px #068efa40}
#downloadsPageList{scroll-margin-top:95px}
.download-bottom-v4{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;margin-top:12px}.download-steps-v4,.download-help-v4{border:1px solid #365779;border-radius:13px;background:#0a192a;padding:18px}
.download-steps-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.download-steps-v4>div{display:grid;align-content:center;justify-items:center;text-align:center;gap:3px;min-width:0}.download-steps-v4 b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #418aca;border-radius:50%;color:#61d8ff;font-size:11px}.download-steps-v4 span{color:#f0f6ff;font-size:13px;font-weight:750}.download-steps-v4 small{color:#94a9bd;font-size:10px}
.download-help-v4{text-align:center}.download-help-v4 b{font-size:16px}.download-help-v4 p{font-size:11px;color:#9ab0c4;margin:4px 0 9px}.download-help-v4 .ghost-btn{min-height:34px;font-size:11px}
@media(max-width:980px){.gift-layout-v4{gap:12px}.platform-card-v4{grid-template-columns:32% 68%;padding:18px 14px}.product-panel-v4{width:108px;height:151px}.product-bolt-v4{font-size:72px}.product-panel-v4 b{font-size:19px}.platform-info-v4 h2{white-space:normal}}
@media(max-width:760px){.gift-layout-v4{grid-template-columns:1fr}.gift-content-v4{order:1}.gift-art-v4{order:2;height:310px}.gift-box-v4{transform:scale(.84)}.platform-grid-v4{grid-template-columns:1fr}.platform-card-v4{grid-template-columns:35% 65%}.download-bottom-v4{grid-template-columns:1fr}}
@media(max-width:490px){.gift-content-v4 h1{font-size:30px}.gift-art-v4{height:255px}.gift-box-v4{transform:scale(.68)}.gift-tool-v4{transform:scale(.75)}.gift-drive-note-v4{margin-top:5px}.platform-card-v4{grid-template-columns:1fr;gap:2px}.platform-visual-v4{min-height:158px}.product-panel-v4{height:142px}.platform-info-v4 h2{font-size:21px}.download-steps-v4{padding:13px 7px;gap:3px}.download-steps-v4 span{font-size:11px}.download-steps-v4 small{font-size:9px}.downloads-head-v4 h1{padding-inline-end:45px}}
@media(prefers-reduced-motion:reduce){.gift-box-v4{animation:none!important}.platform-card-v4{transition:none}}

/* October 18 reference revisions: clear CTAs and a single moving tool strip. */
#weeklyOfferV34.weekly-offer-v34{display:none!important}
#voltToolMarqueeV5{position:relative;z-index:1;overflow:hidden;padding:10px 0;margin:3px 0 13px;border-block:1px solid #23496c;background:linear-gradient(90deg,#06101c,#0b1c30 12%,#0b1c30 88%,#06101c);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);direction:ltr}
#voltToolMarqueeV5 .vm-marquee-track{display:flex;gap:9px;align-items:center;width:max-content;animation:voltToolMarqueeV5 42s linear infinite}
#voltToolMarqueeV5:hover .vm-marquee-track{animation-play-state:paused}
#voltToolMarqueeV5 .vm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border:1px solid #234e70;border-radius:999px;background:#102035;color:#d9ebff;white-space:nowrap;font:700 11px Cairo,Arial,sans-serif;box-shadow:inset 0 1px #bdedff0c}
#voltToolMarqueeV5 .vic{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--a,#32bdff);border-radius:7px;background:linear-gradient(135deg,var(--a,#32bdff),var(--b,#204baf));color:#fff}
#voltToolMarqueeV5 .vic svg{width:14px;height:14px}
@keyframes voltToolMarqueeV5{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){#voltToolMarqueeV5 .vm-marquee-track{animation:none}}
#voltHeroV4 .hero-actions{gap:15px}
#voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){min-height:52px;padding:11px 21px;font-size:16px;font-weight:800;box-shadow:0 0 17px #0084ff2d}
#voltHeroV4 .hero-actions .ghost-btn{border-color:#4695bd;background:#091b2a;box-shadow:0 0 14px #069aff1e}
#voltHeroV4 .hero-actions .icon{width:22px;height:22px;flex:none;color:#83ddff}
#voltHeroV4 .hero-actions .primary-btn .icon{color:white}
#voltHeroV4 .trust-row{margin-top:15px;font-size:12px;color:#b4c8d8}
#pricing .billing-row{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 auto 21px;direction:rtl}
#pricing .billing-switch,#pricing .saving-badge{margin:0;align-self:center;line-height:1.2;transform:none!important;animation:none!important}
#pricing .saving-badge{min-height:49px;white-space:nowrap;box-sizing:border-box}
#pricing .billing-switch{min-height:49px;box-sizing:border-box;align-items:center}

/* Wide release cards follow the supplied page while protected artifacts stay real. */
.downloads-design-v4{padding-top:20px}
.downloads-design-v4>.shell{width:min(1580px,calc(100% - 28px))}
.downloads-head-v4{padding:0 8px 18px;isolation:isolate}
.downloads-head-v4:before{content:"";position:absolute;z-index:-1;inset:-23px auto -5px 0;width:min(47%,650px);opacity:.12;pointer-events:none;background:url("assets/design-v4/walkthrough.jpg") center/cover no-repeat;mask-image:linear-gradient(90deg,#000,transparent)}
.downloads-head-v4 h1{font-size:clamp(29px,3.2vw,49px);margin:2px 0 0}
.downloads-head-v4>p{font-size:15px}
.downloads-head-v4 .release-version-v4{top:0;inset-inline-end:auto;inset-inline-start:0}
.platform-grid-v4{gap:16px}
.platform-card-v4{min-height:375px;grid-template-columns:46% 54%;padding:28px clamp(24px,2vw,38px);border-color:#3a6388;border-radius:15px;background:linear-gradient(135deg,#0d1929,#0c1a2c 47%,#071322);box-shadow:inset 0 1px #c4e4ff0f}
.platform-visual-v4{min-height:300px}
.product-panel-v4{width:190px;height:250px;border-color:#49a3ff;border-radius:10px;box-shadow:6px 8px #071428,0 0 28px #076fe69a,inset 0 0 35px #0c9cff44}
.product-bolt-v4{display:grid;place-items:center;width:110px;height:145px;color:#20deff;filter:drop-shadow(0 0 13px #00adff) drop-shadow(0 0 24px #007cff)}
.product-bolt-v4 svg{width:100%;height:100%}
.product-panel-v4 b{font-size:31px;line-height:1;margin-top:-8px}
.product-panel-v4 i{width:37px;height:37px;padding:7px;bottom:10px;inset-inline-end:8px}
.product-panel-v4 i svg,.platform-info-v4 h2 span svg{width:100%;height:100%;display:block}
.platform-info-v4 h2{font-size:clamp(20px,1.7vw,28px);gap:13px;margin:0 0 15px;line-height:1.35}
.platform-info-v4 h2 span{width:25px;height:25px;display:grid;place-items:center;flex:none}
.platform-info-v4>b{font-size:14px}
.platform-info-v4 p{font-size:13px;margin:7px 0 17px;max-width:32ch}
.platform-cta-v4{min-height:45px;display:flex;gap:9px;font-size:13px;font-weight:800}
.platform-cta-v4 svg{width:19px;height:19px;flex:none}
.platform-meta-v4{margin-top:14px;padding-top:11px;font-size:12px}
.platform-meta-v4>span{display:flex;gap:7px;align-items:center;font-size:13px}
.platform-meta-v4>span:first-letter{color:#caa5ff}
.platform-update-v4{font-size:11px;margin-top:11px}
.downloads-live-v4{min-height:88px;padding:13px 20px}
.downloads-live-head-v4 h2{font-size:21px}
.download-bottom-v4{grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr)}
.download-steps-v4,.download-help-v4{min-height:145px;display:grid;align-content:center}
.download-steps-v4{position:relative}
.download-steps-v4:after{content:"";position:absolute;top:43%;inset-inline:8%;height:1px;background:linear-gradient(90deg,transparent,#238dff,#36d9ff,transparent);pointer-events:none}
.download-steps-v4>div{position:relative;z-index:1}
.download-steps-v4 b{background:#09233d;box-shadow:0 0 10px #0088ff46}
.download-help-v4 .ghost-btn{justify-self:center;gap:8px}
.download-help-v4 .ghost-btn svg{width:17px;height:17px;color:#59cfff}
@media(max-width:1040px){.platform-card-v4{grid-template-columns:40% 60%;padding:21px}.product-panel-v4{width:155px;height:205px}.product-bolt-v4{width:90px;height:120px}.platform-info-v4 h2{white-space:normal}}
@media(max-width:780px){.downloads-design-v4>.shell{width:calc(100% - 22px)}.platform-grid-v4{grid-template-columns:1fr}.platform-card-v4{grid-template-columns:42% 58%;min-height:260px}.platform-visual-v4{min-height:225px}.download-bottom-v4{grid-template-columns:1fr}}
@media(max-width:490px){#voltHeroV4 .hero-actions{justify-content:center;gap:8px}#voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){min-height:46px;padding:9px 12px;font-size:12px}#voltHeroV4 .trust-row{font-size:10px}#pricing .billing-row{gap:5px}#pricing .saving-badge{font-size:10px;padding:7px}.platform-card-v4{grid-template-columns:1fr;gap:6px}.platform-visual-v4{min-height:180px}.product-panel-v4{width:130px;height:170px}.product-bolt-v4{width:70px;height:95px}.product-panel-v4 b{font-size:22px}.download-steps-v4:after{display:none}}

/* The VOLT tool panel now stands alone; the Premiere mark sits on its edge. */
#voltHeroV4 .vhero-stage{font-size:1cqw;aspect-ratio:100/72}
#voltHeroV4 .vsuite{left:4%;top:8%;width:92%;padding:2.2em;transform:translateZ(55px) rotateY(5deg) rotateX(2deg);transform-origin:center}
#voltHeroV4 .vsuite-head{padding:1.3em 1.5em;margin-bottom:1.2em}
#voltHeroV4 .vsuite-head small{font-size:1.25em}
#voltHeroV4 .vsuite-head b{font-size:3em}
#voltHeroV4 .vsuite-head span{font-size:1.55em;line-height:1.4}
#voltHeroV4 .vsuite-grid{gap:1em}
#voltHeroV4 .vtile{min-height:10em;gap:1em;padding:1em}
#voltHeroV4 .vtile b{font-size:1.75em;line-height:1.22}
#voltHeroV4 .vtile>i{font-size:.85em}
#voltHeroV4 .vic{width:4.6em;height:4.6em}
#voltHeroV4 .vic svg{width:2.65em;height:2.65em}
#voltHeroV4 .vbadge-pr{position:absolute;left:auto;right:-2.1em;top:-2.9em;bottom:auto;width:8.8em;height:8.8em;border-radius:2em;z-index:8;display:grid;place-items:center;overflow:visible;animation:none;background:linear-gradient(135deg,#7255f0 0%,#3521a0 36%,#110d36 100%);border:.22em solid #a391ff;box-shadow:.7em .8em 0 #0b0922,1.3em 1.5em 2em #030716b8,0 0 2.4em #9668ff88,inset .35em .35em .6em #d5caff88,inset -.35em -.5em .9em #08041d;transform:translateZ(100px) rotate(-7deg)}
#voltHeroV4 .vbadge-pr:before{content:"";position:absolute;inset:.6em;border:.12em solid #bbabff85;border-radius:1.3em;pointer-events:none}
#voltHeroV4 .vbadge-pr:after{content:"";position:absolute;inset:.35em .5em auto;height:27%;border-radius:1em 1em 50% 50%;background:linear-gradient(#fff7,transparent);pointer-events:none}
#voltHeroV4 .pr-logo-face{font:800 4.1em/1 Arial,sans-serif;letter-spacing:-.085em;color:#e3d7ff;text-shadow:0 .08em .02em #140b44,0 0 .5em #9a7aff;transform:translateZ(2em);padding-right:.15em}
html[dir=rtl] #voltHeroV4 .home-hero{direction:rtl}
html[dir=rtl] #voltHeroV4 .hero-copy{grid-column:1;grid-row:1;text-align:right}
html[dir=rtl] #voltHeroV4 .hero-art{grid-column:2;grid-row:1}
#motion-showcase .vsec-head{text-align:center}
#motion-showcase .vsec-head p{max-width:65ch;width:100%;margin-inline:auto;text-align:center;text-wrap:balance}
@container (max-width:620px){
 #voltHeroV4 .vhero-stage{font-size:1cqw;aspect-ratio:100/105}
 #voltHeroV4 .vsuite{left:3%;top:4%;width:94%;padding:1.4em;transform:translateZ(30px) rotateX(2deg)}
 #voltHeroV4 .vsuite-head{padding:1em 1.3em;margin-bottom:1.1em}
 #voltHeroV4 .vsuite-head b{font-size:4em}
 #voltHeroV4 .vsuite-head span{display:block;font-size:2em;line-height:1.35}
 #voltHeroV4 .vsuite-head small{font-size:1.5em}
 #voltHeroV4 .vsuite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8em}
 #voltHeroV4 .vtile{flex-direction:row;align-items:center;min-height:9em;gap:1.1em;padding:.6em 1em}
 #voltHeroV4 .vtile b{font-size:2.35em;line-height:1.2}
 #voltHeroV4 .vtile>i{display:none}
 #voltHeroV4 .vic{width:5.4em;height:5.4em}
 #voltHeroV4 .vic svg{width:3.2em;height:3.2em}
 #voltHeroV4 .vbadge-pr{right:-1.5em;top:-3.5em;width:10em;height:10em}
 #voltHeroV4 .pr-logo-face{font-size:4.7em}
}
@media(min-width:761px) and (max-width:900px){
 html[dir=rtl] #voltHeroV4 .home-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:13px}
 html[dir=rtl] #voltHeroV4 .hero-copy{text-align:right}
 html[dir=rtl] #voltHeroV4 .hero-art{width:100%}
 html[dir=rtl] #voltHeroV4 h1.hero-heading{font-size:clamp(28px,3.8vw,38px)}
 html[dir=rtl] #voltHeroV4 .vhero-desc{font-size:12px}
}
@media(max-width:760px){
 html[dir=rtl] #voltHeroV4 .home-hero{display:flex;flex-direction:column}
 html[dir=rtl] #voltHeroV4 .hero-copy,html[dir=rtl] #voltHeroV4 .hero-art{grid-column:auto;grid-row:auto;text-align:center}
 html[dir=rtl] #voltHeroV4 .hero-art{width:min(100%,730px)}
}

/* Responsive spacing and type for the public pages. Keep account pages intact. */
.topbar.topbar-design-v4{height:80px;padding:8px 0}
.topbar-design-v4>.shell{height:64px;width:min(1610px,calc(100% - 48px));padding-inline:clamp(16px,1.5vw,27px);gap:clamp(16px,2vw,32px)}
.topbar-design-v4 .brand img{width:125px;height:48px}
.topbar-design-v4 .desktop-nav{gap:clamp(18px,2.1vw,36px)}
.topbar-design-v4 .desktop-nav a{font-size:clamp(13px,.85vw,15px);line-height:1.5}
.topbar-design-v4 .top-actions{gap:9px}
.topbar-design-v4 .top-actions>.icon-btn,.topbar-design-v4 .top-actions>.ghost-btn,.topbar-design-v4 .top-actions>.primary-btn{min-height:40px;font-size:13px;padding-inline:13px}
.topbar-design-v4 .top-actions>.icon-btn{min-width:40px}
#voltHeroV4 .shell,#motion-showcase .shell,#buyer-protection.start-flow-v4,#pricing.volt-pricing-v4{width:min(1540px,calc(100% - clamp(28px,5vw,88px)));max-width:none}
#voltHeroV4{padding-block:clamp(34px,3.7vw,70px) clamp(45px,4.2vw,78px)}
#voltHeroV4 .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,3.5vw,66px)}
#voltHeroV4 .hero-copy{max-width:680px}
#voltHeroV4 h1.hero-heading{font-size:clamp(38px,3.25vw,62px);line-height:1.34;text-wrap:balance;margin:16px 0 20px}
#voltHeroV4 .lead{font-size:clamp(17px,1.25vw,22px);line-height:1.75}
#voltHeroV4 .vhero-desc{font-size:clamp(14px,.9vw,17px);line-height:1.9;max-width:57ch;margin-top:12px}
#voltHeroV4 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,430px);gap:12px;margin-top:24px}
#voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){width:100%;min-width:0;min-height:52px;box-sizing:border-box;padding-inline:11px;white-space:nowrap}
#voltHeroV4 .trust-row{margin-top:22px;gap:12px;font-size:12px;line-height:1.7}
#voltHeroV4 .hero-art{max-width:800px}
#voltHeroV4 .vsuite{top:13%}
#voltHeroV4 .vbadge-pr{left:50%;right:auto;top:-5.8em;transform:translateX(-50%) translateZ(100px) rotate(-7deg);transition:transform .28s ease,filter .28s ease,box-shadow .28s ease;cursor:default}
#voltHeroV4 .vbadge-pr:hover{transform:translateX(-50%) translateY(-.75em) translateZ(125px) rotate(1deg) scale(1.07);filter:brightness(1.15);box-shadow:.7em 1.1em 0 #0b0922,1.3em 1.8em 2.5em #030716b8,0 0 3em #a080ffb8,inset .35em .35em .6em #d5caff88}
html[dir=rtl] #voltHeroV4 .vsuite-head{direction:rtl;text-align:right;padding-inline:1.5em 6.5em}
html[dir=rtl] #voltHeroV4 .vsuite-head svg{left:1.6em;right:auto}
#voltHeroV4 .vfacts{margin-top:clamp(40px,4vw,66px);gap:clamp(12px,1.4vw,22px)}
#voltHeroV4 .vfact{padding:clamp(14px,1.4vw,20px)}
#voltHeroV4 .vfact b{font-size:clamp(15px,1.1vw,18px)}
#voltHeroV4 .vfact small{font-size:clamp(11px,.8vw,13px);line-height:1.65}
#motion-showcase{padding-block:clamp(44px,4.5vw,72px)}
#buyer-protection.start-flow-v4{padding-block:clamp(48px,4.5vw,76px)}
#voltToolMarqueeV5{margin:0 0 clamp(28px,3vw,52px);padding:14px 0}
#voltToolMarqueeV5 .vm-chip{font-size:12px;padding:7px 12px 7px 7px}
#volt-showcase.volt-showcase-v52{padding-block:clamp(54px,5vw,82px)}
#faq.faq-section-v52{padding-block:clamp(56px,5vw,78px)}
#faq .faq-item-v52 summary{font-size:clamp(14px,1vw,16px)!important;line-height:1.7!important;padding-block:18px!important}
#faq .faq-item-v52 p{font-size:14px!important;line-height:1.9!important}
#pricing.volt-pricing-v4{padding-block:clamp(44px,4.2vw,70px)}
.downloads-design-v4>.shell{width:min(1540px,calc(100% - clamp(28px,5vw,88px)))}
.downloads-design-v4{padding-block:clamp(32px,3vw,52px) 70px}
.downloads-head-v4>p,.platform-info-v4 p{line-height:1.85;font-size:clamp(13px,.95vw,16px)}
.platform-info-v4>b,.platform-cta-v4{font-size:14px}
.platform-meta-v4{font-size:12px}
.platform-update-v4{font-size:11px;line-height:1.7}
.platform-grid-v4{gap:clamp(16px,1.7vw,26px)}
.platform-card-v4{padding:clamp(18px,2vw,30px)}
@media(max-width:1080px){
 .topbar-design-v4 .desktop-nav{display:none!important}
 .mobile-quicknav{display:block;position:sticky;top:80px;z-index:62;border-bottom:1px solid rgba(84,246,255,.13);background:rgba(3,8,16,.94);backdrop-filter:blur(18px)}
 .mobile-quicknav>.shell{width:100%;padding:0 18px;display:flex;justify-content:center;gap:clamp(8px,2vw,22px);overflow-x:auto;scrollbar-width:none}
 .mobile-quicknav a{flex:0 0 auto;text-decoration:none;color:#bdcde1;font-size:13px;font-weight:700;padding:13px 12px;border-bottom:2px solid transparent;white-space:nowrap}
 .mobile-quicknav a:hover,.mobile-quicknav a:focus-visible{color:#5de8ff;border-bottom-color:#5de8ff}
 #voltHeroV4 .home-hero,html[dir=rtl] #voltHeroV4 .home-hero{display:flex;flex-direction:column;gap:30px}
 #voltHeroV4 .hero-copy,html[dir=rtl] #voltHeroV4 .hero-copy{width:100%;max-width:760px;text-align:center}
 #voltHeroV4 .hero-art,html[dir=rtl] #voltHeroV4 .hero-art{width:min(100%,740px)}
 #voltHeroV4 h1.hero-heading,html[dir=rtl] #voltHeroV4 h1.hero-heading{font-size:clamp(36px,5vw,56px)}
 #voltHeroV4 .vhero-desc,html[dir=rtl] #voltHeroV4 .vhero-desc{font-size:15px;margin-inline:auto}
 #voltHeroV4 .hero-actions{margin-inline:auto}
 #voltHeroV4 .trust-row{justify-content:center}
 #voltHeroV4 .vfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .topbar.topbar-design-v4{height:68px;padding:6px 0}
 .topbar-design-v4>.shell{height:56px;width:calc(100% - 20px);padding-inline:12px;gap:8px}
 .topbar-design-v4 .brand img{width:101px;height:42px}
 .topbar-design-v4 .top-actions>.icon-btn,.topbar-design-v4 .top-actions>.ghost-btn,.topbar-design-v4 .top-actions>.primary-btn{min-height:36px;padding-inline:9px;font-size:11px}
 .mobile-quicknav{top:68px}
 .mobile-quicknav>.shell{justify-content:flex-start;padding-inline:12px;gap:5px}
 .mobile-quicknav a{font-size:12px;padding:11px 10px}
 #voltHeroV4 .shell,#motion-showcase .shell,#buyer-protection.start-flow-v4,#pricing.volt-pricing-v4,.downloads-design-v4>.shell{width:calc(100% - 28px)}
 #voltHeroV4{padding-block:32px 42px}
 #voltHeroV4 .home-hero{gap:25px}
 #voltHeroV4 h1.hero-heading,html[dir=rtl] #voltHeroV4 h1.hero-heading{font-size:clamp(32px,8.8vw,43px);line-height:1.36;margin:13px 0 15px}
 #voltHeroV4 .lead{font-size:17px}
 #voltHeroV4 .vhero-desc{font-size:14px;line-height:1.85}
 #voltHeroV4 .hero-actions{gap:9px;margin-top:21px}
 #voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){min-height:48px;font-size:clamp(12px,3.5vw,15px)}
 #voltHeroV4 .trust-row{margin-top:18px;gap:8px;font-size:11px;justify-content:center}
 #voltHeroV4 .trust-row>span+span{padding-inline-start:8px}
 #voltHeroV4 .vfacts{margin-top:34px;gap:10px}
 #voltHeroV4 .vfact{padding:13px}
 #voltHeroV4 .vfact b{font-size:14px}
 #voltHeroV4 .vfact small{font-size:11px}
 #voltHeroV4 .vsuite{top:9%}
 #voltHeroV4 .vbadge-pr{top:-4.6em}
 html[dir=rtl] #voltHeroV4 .vsuite-head{padding-inline:1.3em 5.8em}
 html[dir=rtl] #voltHeroV4 .vsuite-head svg{left:1.1em}
 #buyer-protection.start-flow-v4{padding-block:46px 50px}
 #voltToolMarqueeV5{margin-bottom:27px}
}
@media(max-width:360px){
 #voltHeroV4 .hero-actions{grid-template-columns:1fr;max-width:260px}
 #voltHeroV4 .trust-row>span+span{border:0;padding:0}
}
@media(prefers-reduced-motion:reduce){#voltHeroV4 .vbadge-pr{transition:none}}

/* Two deliberate Arabic headline lines on desktop; small screens can reflow. */
html[dir=rtl] #voltHeroV4 h1.hero-heading{font-size:clamp(34px,2.7vw,54px);line-height:1.5;letter-spacing:0;margin-bottom:clamp(24px,2.3vw,34px)}
html[dir=rtl] #voltHeroV4 .hero-heading .hero-title-line{display:block;white-space:nowrap;font-weight:800;line-height:1.6}
html[dir=rtl] #voltHeroV4 .hero-heading em{display:block;white-space:nowrap;font-weight:600;font-size:.94em;line-height:1.55;margin-block-start:.26em;letter-spacing:0}
.google-register-note-v6{margin:9px 0 16px;color:#a7bbcf;font-size:12px;line-height:1.75;text-align:center}
.google-contact-card-v61 .google-contact-copy-v61{color:#adc4d8!important;font-size:14px;line-height:1.85!important}
.google-contact-card-v61 .google-contact-hint-v61{color:#9bb1c6!important;font-size:12px;line-height:1.7}
@media(max-width:1080px){html[dir=rtl] #voltHeroV4 h1.hero-heading{font-size:clamp(34px,4.6vw,54px)}}
@media(max-width:700px){
 html[dir=rtl] #voltHeroV4 h1.hero-heading{font-size:clamp(30px,8vw,42px)}
 html[dir=rtl] #voltHeroV4 .hero-heading .hero-title-line,
 html[dir=rtl] #voltHeroV4 .hero-heading em{white-space:normal}
 html[dir=rtl] #voltHeroV4 .hero-heading em{margin-block-start:.18em}
 .google-register-note-v6{font-size:11px}
}

/* Revision 8: one licensed downloads destination and the supplied VOLT gift design. */
.downloads-design-v4 [hidden]{display:none!important}
.download-gate-v8{width:100%;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:30px clamp(16px,4vw,48px);border:1px solid #365c80;border-radius:16px;background:radial-gradient(circle at 50% 0,#12498570,transparent 58%),linear-gradient(145deg,#102238,#071523)}
.download-gate-v8 h2{margin:0;color:#f3f8ff;font-size:clamp(21px,2.2vw,28px)}
.download-gate-v8 p{margin:0;max-width:62ch;color:#b2c5d7;line-height:1.8;font-size:clamp(13px,1vw,16px)}
.download-gate-v8 .primary-btn,.download-gate-v8 .ghost-btn{min-height:45px;margin-top:5px;padding-inline:28px}
.download-gate-icon-v8{display:grid;place-items:center;width:52px;height:52px;border:1px solid #46c5ff70;border-radius:15px;background:#0c3760;color:#43d8ff;font-size:39px;line-height:1}
.gift-design-v4{padding:12px 0 64px!important;min-height:0}
.gift-design-v4>.shell{width:min(1440px,calc(100% - clamp(24px,5vw,80px)))}
.gift-design-v4 .gift-hero-v59{padding:18px 0 9px}
.gift-layout-v4{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(18px,3vw,54px);min-height:440px}
.gift-art-v4{order:2;height:clamp(340px,34vw,500px);background-image:url('assets/design-v4/gift-reference.png');background-size:226% auto;background-position:6% 18%;background-repeat:no-repeat;border-radius:22px;filter:drop-shadow(0 16px 25px #0066ff32)}
.gift-content-v4{order:1;max-width:660px}
.gift-content-v4 .kicker{letter-spacing:.2em;font-size:12px}
.gift-content-v4 h1{font-size:clamp(36px,3.8vw,62px);line-height:1.35;margin:18px 0 14px;max-width:14.5em;text-wrap:balance}
.gift-content-v4>p{font-size:clamp(15px,1.3vw,21px);line-height:1.7;color:#b7cce0}
.gift-actions-v4{gap:14px;margin:25px 0 21px}
.gift-actions-v4>*{min-height:52px;padding-inline:24px;font-size:16px;min-width:190px;justify-content:center}
.gift-actions-v4 svg{width:20px;height:20px;margin-inline-end:8px}
.gift-points-v4{gap:9px}.gift-points-v4 span{font-size:12px;padding:9px 12px;color:#cfe2f4}
.gift-drive-note-v4{justify-content:flex-start;min-height:128px;padding:20px clamp(22px,4vw,54px);margin-top:0;background:radial-gradient(circle at 18% 70%,#074c903f,transparent 28%),linear-gradient(100deg,#0f2138,#071627);gap:20px}
.gift-drive-icon-v4{width:68px;height:68px;background:#122e54;border:1px solid #3791e866;border-radius:15px;box-shadow:0 0 26px #0b76ea48}
.gift-drive-note-v4 b{font-size:clamp(18px,2vw,25px)}.gift-drive-note-v4 small{font-size:clamp(12px,1vw,15px);margin-top:7px}
.gift-note-deco-v4{margin-inline-start:auto;width:170px;height:74px;opacity:.4;background:linear-gradient(120deg,#0c3767,#152c51);border:1px solid #3075ac;border-radius:14px;transform:skew(-7deg);box-shadow:13px 7px 0 #102b4c}
.gift-discover-v8{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);align-items:center;gap:25px;padding:25px clamp(22px,4vw,54px);margin-top:16px;border:1px solid #34608b;border-radius:15px;background:radial-gradient(circle at 22% 30%,#0a4e8866,transparent 40%),#0b1b2e}
.gift-discover-icons-v8{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.gift-discover-icons-v8 span{display:grid;place-items:center;width:67px;height:67px;border:1px solid #3caaf6;border-radius:15px;background:#143d6c;color:#68d6ff;font-size:34px;box-shadow:0 5px 20px #0064c84d}.gift-discover-icons-v8 span:nth-child(2){color:#b8a2ff}.gift-discover-icons-v8 span:nth-child(3){color:#ffca5d}.gift-discover-icons-v8 span:nth-child(4){color:#62f4d8}
.gift-discover-v8>div:last-child{text-align:start}.gift-discover-v8 h2{margin:7px 0 4px;font-size:clamp(24px,2.5vw,34px)}.gift-discover-v8 p{color:#a9bfd3;margin:0 0 12px}.gift-discover-v8 .ghost-btn{min-height:38px}
@media(max-width:900px){.gift-layout-v4{grid-template-columns:1fr;gap:6px}.gift-content-v4{order:1;max-width:none}.gift-art-v4{order:2;width:100%;height:min(64vw,420px)}.gift-discover-v8{grid-template-columns:1fr}.gift-note-deco-v4{display:none}}
@media(max-width:560px){.gift-design-v4>.shell{width:calc(100% - 24px)}.gift-content-v4 h1{font-size:clamp(29px,8vw,39px)}.gift-actions-v4>*{width:100%;min-width:0}.gift-art-v4{height:65vw;min-height:235px;background-size:226% auto;background-position:6% 18%}.gift-drive-note-v4{padding:17px;min-height:106px;gap:12px}.gift-drive-icon-v4{width:52px;height:52px}.gift-drive-icon-v4 svg{width:26px}.gift-discover-icons-v8 span{width:52px;height:52px;font-size:25px}.gift-points-v4 span{font-size:11px}}

/* VOLT mobile and zoom layout: the navigation shares the logo container. */
#voltHeroV4 .hero-art{min-height:0}
#voltHeroV4 .vhero-stage{aspect-ratio:100/86}
#voltHeroV4 .vfacts{position:relative;clear:both;z-index:1}
@container (max-width:620px){
  #voltHeroV4 .vhero-stage{aspect-ratio:100/125}
  #voltHeroV4 .vsuite{top:4%}
}
@media(max-width:1080px){
  .topbar.topbar-design-v4{height:auto;min-height:0;padding:6px 0;z-index:70}
  .topbar-design-v4>.shell{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto;
    align-items:center;column-gap:10px;row-gap:0;
    width:calc(100% - 24px);height:auto;min-height:0;
    padding:5px 13px 0;
  }
  .topbar-design-v4 .brand{grid-column:1;grid-row:1;justify-self:start}
  .topbar-design-v4 .top-actions{grid-column:2;grid-row:1;justify-self:end;margin:0}
  .topbar-design-v4 .desktop-nav{display:none!important}
  .topbar-design-v4 .mobile-quicknav{
    display:block;position:static;grid-column:1/-1;grid-row:2;
    min-width:0;width:100%;border:0;background:none;box-shadow:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .topbar-design-v4 .mobile-quicknav>.shell{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;height:auto;min-height:0;margin:0;padding:1px 0 0;
    gap:2px;overflow:visible;
  }
  .topbar-design-v4 .mobile-quicknav a{
    display:flex;justify-content:center;align-items:center;min-width:0;
    padding:8px 3px 9px;white-space:nowrap;font-size:clamp(10px,1.5vw,13px);
    line-height:1.35;text-align:center;border-bottom:2px solid transparent;
  }
  .topbar-design-v4 .mobile-quicknav a.active,
  .topbar-design-v4 .mobile-quicknav a[aria-current="page"]{color:#73eaff;border-bottom-color:#35dbff}
  .topbar-design-v4 .mobile-quicknav .gift-account-link-v57,
  .topbar-design-v4 .mobile-quicknav a[href="?page=gift"]{display:none!important}
}
@media(max-width:700px){
  .topbar.topbar-design-v4{padding:5px 0}
  .topbar-design-v4>.shell{width:calc(100% - 16px);padding:4px 9px 0;border-radius:13px}
  .topbar-design-v4 .brand img{width:clamp(88px,26vw,104px);height:40px}
  .topbar-design-v4 .mobile-quicknav a{font-size:clamp(10px,2.85vw,12px);padding:8px 1px 9px}
  .topbar-design-v4 .top-actions .ghost-btn.logged-out-only{display:none}
  #voltHeroV4{padding-top:27px}
  #voltHeroV4 .hero-actions{
    display:flex;flex-direction:column;width:100%;max-width:440px;gap:10px;
    margin-inline:auto;
  }
  #voltHeroV4 .hero-actions :is(.primary-btn,.ghost-btn){
    width:100%;min-height:52px;padding:10px 18px;font-size:15px;
  }
  #voltHeroV4 .hero-actions .primary-btn{
    border-color:#60cbff;background:linear-gradient(110deg,#008fff,#3459ff 70%,#7148fa);
    box-shadow:0 10px 28px #005bff48,inset 0 1px #ffffff42;
  }
  #voltHeroV4 .hero-actions .ghost-btn{background:#0b2033;border-color:#449dc6}
  #voltHeroV4 .vhero-stage{aspect-ratio:100/125}
  #voltHeroV4 .vfacts{margin-top:18px;gap:9px}
  #pricing.volt-pricing-v4{padding-block:16px 38px;scroll-margin-top:0}
  #pricing .page-head{margin-bottom:10px}
  #pricing .page-head .vpill{display:none}
  #pricing .page-head h2{font-size:clamp(21px,5.9vw,28px);line-height:1.3;margin-bottom:3px}
  #pricing .page-head p{font-size:11px;line-height:1.45}
  #pricing .billing-row{
    display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;
    gap:6px;width:100%;margin-bottom:9px;direction:inherit;
  }
  #pricing .billing-switch{flex:1 1 auto;min-width:0;min-height:41px;padding:3px}
  #pricing .billing-switch .billing-btn{
    flex:1 1 0;min-width:0;min-height:34px;padding:7px 4px;font-size:12px;
  }
  #pricing .saving-badge{
    flex:0 0 auto;min-height:41px;padding:7px 8px;font-size:clamp(9px,2.7vw,11px);
    white-space:nowrap;
  }
  #pricing #currencyBaseNote{margin-bottom:9px;font-size:10px;line-height:1.4;min-height:0}
  #pricing .plans-grid{display:grid;grid-template-columns:1fr;gap:8px;max-width:480px}
  #pricing .plan-card{
    display:grid;grid-template-columns:42px minmax(0,1fr) minmax(95px,auto);
    grid-template-rows:auto auto auto auto;column-gap:8px;row-gap:2px;
    min-height:0!important;padding:10px 11px;text-align:start;border-radius:14px;
  }
  #pricing .device-art{grid-column:1;grid-row:1/3;width:42px;height:47px;margin:0}
  #pricing .plan-monitors{height:45px;max-width:42px}
  #pricing .plan-card h3{grid-column:2;grid-row:1;align-self:end;font-size:clamp(16px,4.6vw,20px);line-height:1.25;margin:0}
  #pricing .plan-subtitle{grid-column:2;grid-row:2;font-size:10px;line-height:1.3;margin:0}
  #pricing .price-box{
    grid-column:3;grid-row:1/3;align-self:center;display:flex;flex-direction:column;
    align-items:center;gap:0;margin:0;padding:4px 5px;min-width:95px;
  }
  #pricing .price-box b{font-size:clamp(17px,4.3vw,22px);line-height:1.15}
  #pricing .price-box small,#pricing .price-box span{font-size:9px;line-height:1.15}
  #pricing .annual-offer{grid-column:1/-1;grid-row:3;min-height:0;margin:2px 0 0;justify-content:start;font-size:10px}
  #pricing .plan-perks{
    grid-column:1/-1;grid-row:4;display:flex;flex-wrap:wrap;gap:2px 8px;
    margin:5px 0 4px;padding:5px 0 0;
  }
  #pricing .plan-perks li{gap:3px;white-space:nowrap;font-size:9px;line-height:1.4}
  #pricing .plan-perks .icon{width:13px;height:13px;padding:2px}
  #pricing .plan-card .pricing-cta{
    grid-column:1/-1;grid-row:5;min-height:36px;margin:2px 0 0;
    padding:6px 10px;gap:8px;font-size:12px;
  }
  #pricing .plan-card .pricing-cta .icon{width:16px;height:16px}
}
@media(max-width:360px){
  .topbar-design-v4 .mobile-quicknav a{font-size:9.5px}
  #pricing .plan-card{grid-template-columns:34px minmax(0,1fr) minmax(82px,auto);padding:9px 8px;column-gap:5px}
  #pricing .device-art{width:34px}
  #pricing .price-box{min-width:82px}
  #pricing .plan-perks li{font-size:8.5px}
}
@media(max-width:700px){
  html[dir=rtl] #voltHeroV4 .hero-heading .hero-title-line,
  html[dir=rtl] #voltHeroV4 .hero-heading em{white-space:normal;text-wrap:balance}
}