/* Designed graphics (inc/site-visuals.php). Everything is sized in cqw, so a graphic
   looks the same in a wide split section and in a small card. */
.adqw-vis { container-type: inline-size; position: relative; width: 100%; }
.adqw-vis__stage {
	position: relative; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 22px; border: 1px solid #2f2347;
	font-size: 2.5cqw; line-height: 1.3; color: var(--soft);
	background:
		radial-gradient(60% 55% at 85% 10%, rgba(180,124,253,.30), transparent 70%),
		radial-gradient(55% 50% at 10% 95%, rgba(255,127,194,.22), transparent 70%),
		radial-gradient(40% 40% at 60% 70%, rgba(255,176,123,.10), transparent 70%),
		#100424;
	box-shadow: 0 40px 90px -50px rgba(0,0,0,.95);
}
.adqw-vis__stage::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .5;
	background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
	background-size: 5cqw 5cqw; -webkit-mask-image: radial-gradient(70% 70% at 50% 50%, #000, transparent); mask-image: radial-gradient(70% 70% at 50% 50%, #000, transparent); }
.adqw-vis i { font-style: normal; }
.adqw-vis b, .adqw-vis em, .adqw-vis small { font-style: normal; }

/* Shared parts */
.adqw-vis__win { position: absolute; z-index: 1; border-radius: 2.4cqw; background: linear-gradient(180deg, #1b0a3a, #140630); border: 1px solid #36285a; box-shadow: 0 4cqw 8cqw -4cqw rgba(0,0,0,.9); overflow: hidden; }
.adqw-vis__bar { display: flex; align-items: center; gap: 1cqw; height: 6.4cqw; padding: 0 2.4cqw; border-bottom: 1px solid #2c2046; background: rgba(255,255,255,.03); }
.adqw-vis__bar > i { width: 1.4cqw; height: 1.4cqw; border-radius: 50%; background: #3a2d58; }
.adqw-vis__bar > i:first-child { background: var(--pink); }
.adqw-vis__bar > span { margin-left: 1.6cqw; font-size: 2.1cqw; color: #a9a2c2; white-space: nowrap; }
.adqw-vis__chip { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 1.4cqw; padding: 1.6cqw 2.6cqw; border-radius: 99px; white-space: nowrap;
	background: rgba(24,9,46,.94); border: 1px solid #45346b; color: #fff; font: 600 2.4cqw/1 var(--head); box-shadow: 0 3cqw 6cqw -2cqw rgba(0,0,0,.9);
	animation: adqw-float 6s ease-in-out infinite; }
.adqw-vis__chip i { color: var(--pink); }
.adqw-vis__chip i + i { margin-left: -.6cqw; }
@keyframes adqw-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1.2cqw); } }
@keyframes adqw-spin { to { transform: rotate(360deg); } }
@keyframes adqw-unspin { to { transform: rotate(-360deg); } }
@keyframes adqw-blink { 50% { opacity: 0; } }
@keyframes adqw-pulse { 0% { transform: scale(.7); opacity: .9; } 100% { transform: scale(1.5); opacity: 0; } }
@keyframes adqw-pan { 0%, 12% { object-position: 50% 0; } 88%, 100% { object-position: 50% 100%; } }
/* skeleton lines */
.adqw-vq__ai p i, .adqw-vm__head p b, .adqw-vm__head p i, .adqw-vm__stats i, .adqw-va__ad p i, .adqw-va__org i,
.adqw-vc__article p i, .adqw-vc__video p i, .adqw-vp__top b, .adqw-vo__bill li i, .adqw-vo__total i, .adqw-vy__sum p i, .adqw-vy__sum div i, .adqw-vx__receipt i {
	display: block; height: 1.4cqw; border-radius: 1cqw; background: rgba(255,255,255,.13); }

/* One team */
.adqw-vt__ring { position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); }
.adqw-vt__ring--a { width: 66cqw; height: 66cqw; border: 1px dashed rgba(180,124,253,.35); }
.adqw-vt__ring--b { width: 42cqw; height: 42cqw; border: 1px solid rgba(255,127,194,.22); background: radial-gradient(circle, rgba(180,124,253,.16), transparent 70%); }
.adqw-vt__core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-content: center; text-align: center; width: 25cqw; height: 25cqw; border-radius: 50%; transform: translate(-50%, -50%);
	background: linear-gradient(#140630, #140630) padding-box, var(--grad) border-box; border: .5cqw solid transparent; box-shadow: 0 0 10cqw rgba(255,127,194,.35); }
.adqw-vt__core b { font: 700 3.6cqw/1.05 var(--head); background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.adqw-vt__core span { margin-top: .8cqw; font-size: 2.2cqw; color: #cfc9e2; }
.adqw-vt__orbit { position: absolute; z-index: 3; top: 50%; left: 50%; width: 0; height: 0; animation: adqw-spin 48s linear infinite; }
.adqw-vt__node { position: absolute; top: 0; left: 0; transform: rotate(calc(var(--i) * 60deg - 90deg)) translateX(33cqw) rotate(calc(var(--i) * -60deg + 90deg)) translate(-50%, -50%); }
.adqw-vt__node em { display: flex; align-items: center; gap: 1.2cqw; padding: 1.5cqw 2.4cqw; border-radius: 99px; white-space: nowrap;
	background: rgba(24,9,46,.95); border: 1px solid #45346b; color: #fff; font: 600 2.3cqw/1 var(--head); box-shadow: 0 2cqw 5cqw -1cqw rgba(0,0,0,.9); animation: adqw-unspin 48s linear infinite; }
.adqw-vt__node em i { color: var(--pink); }

/* Studio */
.adqw-vs { position: absolute; z-index: 1; top: 6%; left: 8%; right: 8%; display: grid; gap: 2.2cqw; }
.adqw-vs li { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 2.4cqw; align-items: center; width: 58cqw; margin-left: calc(var(--i) * 4cqw);
	padding: 1.8cqw 2.4cqw; border-radius: 2.2cqw; background: rgba(27,10,58,.92); border: 1px solid #36285a; box-shadow: 0 2.4cqw 5cqw -2cqw rgba(0,0,0,.9); }
.adqw-vs li > span { grid-row: span 2; display: grid; place-items: center; width: 7cqw; height: 7cqw; border-radius: 1.8cqw; background: var(--grad); color: #16052c; font-size: 3cqw; }
.adqw-vs li b { color: #fff; font: 600 3cqw/1.1 var(--head); }
.adqw-vs li small { font-size: 2.2cqw; color: #a9a2c2; }
.adqw-vs li:not(:last-child)::after { content: ''; position: absolute; left: 5.9cqw; top: 100%; width: 1px; height: 2.2cqw; background: linear-gradient(var(--pink), transparent); transform: translateX(2.5cqw); }
.adqw-vs__chip { left: 8%; bottom: 4%; }

/* Growth 360 */
.adqw-vg { top: 8%; left: 7%; right: 7%; bottom: 13%; }
.adqw-vg__body { padding: 3cqw; }
.adqw-vis svg.adqw-vg__chart { display: block; width: 100%; height: 22cqw; overflow: visible; }
.adqw-vg__line { stroke-dasharray: 600; stroke-dashoffset: 600; animation: adqw-draw 3.2s ease-out forwards; }
@keyframes adqw-draw { to { stroke-dashoffset: 0; } }
.adqw-vg__rows { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6cqw 3cqw; margin-top: 3cqw; }
.adqw-vg__rows li { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 1.4cqw; font-size: 2.2cqw; }
.adqw-vg__rows li > i { color: var(--violet); width: 2.8cqw; text-align: center; }
.adqw-vg__rows b { color: #fff; font-weight: 600; }
.adqw-vg__rows span { height: 1.2cqw; border-radius: 1cqw; background: rgba(255,255,255,.08); overflow: hidden; }
.adqw-vg__rows span i { display: block; height: 100%; border-radius: inherit; background: var(--grad); }
.adqw-vg__chip { left: 4%; bottom: 5%; }

/* Search */
.adqw-vq, .adqw-va { top: 7%; left: 7%; right: 7%; bottom: 11%; padding: 3cqw; }
.adqw-vq__search { display: flex; align-items: center; gap: 1.6cqw; height: 7cqw; padding: 0 2.6cqw; border-radius: 99px; background: #0d0320; border: 1px solid #3a2c5c; color: #fff; font-size: 2.5cqw; }
.adqw-vq__search > i:first-child { color: var(--pink); }
.adqw-vq__caret { width: 2px; height: 3cqw; background: var(--pink); animation: adqw-blink 1s steps(1) infinite; }
.adqw-vq__ai { margin-top: 2.6cqw; padding: 2.2cqw 2.6cqw; border-radius: 2cqw; background: linear-gradient(120deg, rgba(180,124,253,.18), rgba(255,127,194,.10)); border: 1px solid rgba(180,124,253,.35); }
.adqw-vq__ai b { display: flex; align-items: center; gap: 1.2cqw; color: #fff; font: 600 2.4cqw/1 var(--head); }
.adqw-vq__ai b i { color: var(--violet); }
.adqw-vq__ai p { display: grid; gap: 1cqw; margin: 1.8cqw 0 1.4cqw; }
.adqw-vq__ai p i:nth-child(2) { width: 86%; } .adqw-vq__ai p i:nth-child(3) { width: 62%; }
.adqw-vq__ai em { font-size: 2cqw; color: var(--pink); }
.adqw-vq__list { display: grid; gap: 1.6cqw; margin-top: 2.4cqw; counter-reset: r; }
.adqw-vq__list li { counter-increment: r; position: relative; padding: 1.6cqw 2.4cqw 1.6cqw 7cqw; border-radius: 1.8cqw; background: rgba(255,255,255,.03); border: 1px solid #2c2046; }
.adqw-vq__list li::before { content: counter(r); position: absolute; left: 2.2cqw; top: 50%; display: grid; place-items: center; width: 3.4cqw; height: 3.4cqw; margin-top: -1.7cqw; border-radius: 50%; background: #2a1d45; color: #cfc9e2; font: 600 1.9cqw/1 var(--head); }
.adqw-vq__list small { display: block; font-size: 1.9cqw; color: #8f88aa; }
.adqw-vq__list b { display: block; min-height: 2.4cqw; margin-top: .4cqw; color: #fff; font: 600 2.4cqw/1.2 var(--head); }
.adqw-vq__list li:not(.is-you) b { width: 60%; height: 1.6cqw; min-height: 0; margin-top: 1cqw; border-radius: 1cqw; background: rgba(255,255,255,.12); }
.adqw-vq__list li > i { display: block; width: 80%; height: 1.2cqw; margin-top: 1cqw; border-radius: 1cqw; background: rgba(255,255,255,.08); }
.adqw-vq__list .is-you { background: linear-gradient(#1d0b3e, #1d0b3e) padding-box, var(--grad) border-box; border: 1px solid transparent; box-shadow: 0 0 6cqw -2cqw rgba(255,127,194,.6); }
.adqw-vq__list .is-you::before { background: var(--grad); color: #16052c; }
.adqw-vq__list .is-you small { color: var(--pink); }
.adqw-vq__chip { right: 4%; bottom: 4%; }

/* Social */
.adqw-vm__phone, .adqw-vw__phone, .adqw-vp__screen { position: absolute; z-index: 2; overflow: hidden; border-radius: 5cqw; border: .9cqw solid #241640; background: #12052a; box-shadow: 0 5cqw 9cqw -4cqw rgba(0,0,0,.95), 0 0 0 1px #3a2c5c; }
.adqw-vm__notch { position: absolute; z-index: 3; top: 1.2cqw; left: 50%; width: 30%; height: 2.4cqw; margin-left: -15%; border-radius: 99px; background: #070112; }
.adqw-vm__phone { top: 6%; left: 9%; width: 40cqw; height: 72cqw; padding: 5.6cqw 2.6cqw 2.6cqw; }
.adqw-vm__head { display: flex; align-items: center; gap: 2cqw; }
.adqw-vm__avatar { flex: none; width: 8cqw; height: 8cqw; border-radius: 50%; background: linear-gradient(#12052a, #12052a) padding-box, var(--grad) border-box; border: .5cqw solid transparent; box-shadow: inset 0 0 0 .8cqw #12052a, inset 0 0 0 4cqw #2a1950; }
.adqw-vm__head p { flex: 1; display: grid; gap: 1cqw; }
.adqw-vm__head p b { width: 70%; background: rgba(255,255,255,.3); }
.adqw-vm__head p i { width: 45%; }
.adqw-vm__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6cqw; margin: 2.4cqw 0; }
.adqw-vm__stats i { height: 3.4cqw; border-radius: 1cqw; background: rgba(255,255,255,.07); }
.adqw-vm__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8cqw; }
.adqw-vm__grid span { display: grid; place-items: center; aspect-ratio: 1; border-radius: .8cqw; color: rgba(255,255,255,.85); font-size: 2.4cqw;
	background: linear-gradient(calc(var(--i) * 40deg), #b47cfd, #ff7fc2 55%, #ffb07b); opacity: calc(1 - var(--i) * .06); }
.adqw-vm__grid span:nth-child(3n+2) { background: linear-gradient(160deg, #2a1950, #45286f); }
.adqw-vm__grid span:nth-child(4n) { background: linear-gradient(200deg, #ff7fc2, #5b2a86); }
.adqw-vm__cal { position: absolute; z-index: 3; top: 14%; right: 7%; width: 40cqw; padding: 2.6cqw; border-radius: 2.4cqw; background: rgba(27,10,58,.95); border: 1px solid #36285a; box-shadow: 0 4cqw 8cqw -3cqw rgba(0,0,0,.9); }
.adqw-vm__cal b { display: flex; align-items: center; gap: 1.2cqw; color: #fff; font: 600 2.5cqw/1 var(--head); }
.adqw-vm__cal b i { color: var(--pink); }
.adqw-vm__cal div { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1cqw; margin-top: 2.2cqw; }
.adqw-vm__cal div i { aspect-ratio: 1; border-radius: .8cqw; background: rgba(255,255,255,.06); }
.adqw-vm__cal div i.on { background: var(--grad); }
.adqw-vm__cal div i.shoot { background: #fff; box-shadow: 0 0 0 .5cqw rgba(255,127,194,.5); }
.adqw-vm__chip { right: 7%; bottom: 14%; }

/* Ads */
.adqw-va { right: 42%; }
.adqw-va__ad { margin-top: 2.6cqw; padding: 2.4cqw; border-radius: 2cqw; background: linear-gradient(#1d0b3e, #1d0b3e) padding-box, var(--grad) border-box; border: 1px solid transparent; }
.adqw-va__ad small { display: block; font-size: 1.9cqw; color: #a9a2c2; }
.adqw-va__ad small em { margin-right: 1cqw; color: #fff; font-weight: 700; }
.adqw-va__ad b { display: block; margin-top: .8cqw; color: #fff; font: 600 2.8cqw/1.2 var(--head); }
.adqw-va__ad p { display: grid; gap: 1cqw; margin: 1.6cqw 0 2cqw; }
.adqw-va__ad p i:last-child { width: 70%; }
.adqw-va__ad span { display: inline-block; padding: 1.2cqw 2.4cqw; border-radius: 99px; background: var(--grad); color: #16052c; font: 600 2cqw/1 var(--head); }
.adqw-va__org { display: grid; gap: 1.2cqw; margin-top: 2.6cqw; padding: 2cqw 2.4cqw; border-radius: 2cqw; border: 1px solid #2c2046; }
.adqw-va__org i:last-child { width: 60%; }
.adqw-va__funnel { position: absolute; z-index: 2; top: 50%; right: 5%; width: 34cqw; display: grid; gap: 2cqw; transform: translateY(-50%); }
.adqw-va__funnel li { display: flex; align-items: center; gap: 1.4cqw; width: var(--w); margin-left: auto; padding: 2.2cqw 2.4cqw; border-radius: 2cqw; color: #fff; font: 600 2.4cqw/1 var(--head); white-space: nowrap;
	background: linear-gradient(100deg, rgba(180,124,253,.35), rgba(255,127,194,.30)); border: 1px solid rgba(255,127,194,.35); box-shadow: 0 3cqw 6cqw -3cqw rgba(0,0,0,.9); }
.adqw-va__funnel li:last-child { background: var(--grad); color: #16052c; border-color: transparent; }

/* Content */
.adqw-vc__article { position: absolute; z-index: 1; top: 8%; left: 7%; width: 54cqw; padding: 2.4cqw; border-radius: 2.4cqw; background: rgba(27,10,58,.95); border: 1px solid #36285a; box-shadow: 0 4cqw 8cqw -3cqw rgba(0,0,0,.9); }
.adqw-vc__cover { display: block; height: 18cqw; border-radius: 1.6cqw; background: linear-gradient(135deg, #b47cfd, #ff7fc2 55%, #ffb07b); position: relative; overflow: hidden; }
.adqw-vc__cover::after { content: ''; position: absolute; right: -6cqw; bottom: -10cqw; width: 26cqw; height: 26cqw; border-radius: 50%; background: rgba(22,5,44,.35); }
.adqw-vc__article small { display: inline-block; margin-top: 2cqw; padding: .8cqw 1.8cqw; border-radius: 99px; background: rgba(255,127,194,.16); color: var(--pink); font-size: 1.9cqw; font-weight: 600; }
.adqw-vc__article b { display: block; margin-top: 1.4cqw; color: #fff; font: 600 3cqw/1.2 var(--head); }
.adqw-vc__article p { display: grid; gap: 1cqw; margin-top: 1.8cqw; }
.adqw-vc__article p i:nth-child(even) { width: 82%; }
.adqw-vc__video { position: absolute; z-index: 2; top: 26%; right: 7%; width: 34cqw; height: 44cqw; padding: 2.4cqw; border-radius: 3cqw; border: .8cqw solid #241640; display: flex; flex-direction: column; justify-content: flex-end;
	background: linear-gradient(180deg, transparent 40%, rgba(10,1,24,.85)), linear-gradient(160deg, #45286f, #2a1950 50%, #6a2d6f); box-shadow: 0 5cqw 9cqw -4cqw rgba(0,0,0,.95), 0 0 0 1px #3a2c5c; }
.adqw-vc__video > span { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 10cqw; height: 10cqw; margin: -7cqw 0 0 -5cqw; border-radius: 50%; background: var(--grad); color: #16052c; font-size: 3.4cqw; }
.adqw-vc__video > span::before { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--pink); animation: adqw-pulse 2s ease-out infinite; }
.adqw-vc__video p { display: grid; gap: 1cqw; }
.adqw-vc__video p i:last-child { width: 60%; }
.adqw-vc__chips { position: absolute; z-index: 3; left: 7%; bottom: 7%; display: flex; gap: 1.6cqw; }
.adqw-vc__chips li { display: flex; align-items: center; gap: 1.2cqw; padding: 1.5cqw 2.4cqw; border-radius: 99px; background: rgba(24,9,46,.95); border: 1px solid #45346b; color: #fff; font: 600 2.2cqw/1 var(--head); }
.adqw-vc__chips i { color: var(--pink); }

/* Website */
.adqw-vw__browser { top: 8%; left: 5%; width: 76cqw; height: 60cqw; display: flex; flex-direction: column; }
.adqw-vw__url { flex: 1; max-width: 40cqw; height: 3cqw; border-radius: 99px; background: rgba(255,255,255,.07); }
.adqw-vw__view { position: relative; flex: 1; overflow: hidden; background: #0d0320; }
.adqw-vis .adqw-vw__shot { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; animation: adqw-pan 14s ease-in-out infinite alternate; }
.adqw-vw__phone { right: 6%; bottom: 6%; width: 22cqw; height: 44cqw; display: flex; flex-direction: column; border-radius: 3.6cqw; border-width: .7cqw; }
.adqw-vw__phone .adqw-vw__shot { animation-delay: -5s; }
.adqw-vw__wire { position: absolute; inset: 3cqw; display: grid; gap: 2cqw; align-content: start; }
.adqw-vw__wire i { height: 4cqw; border-radius: 1cqw; background: rgba(255,255,255,.08); }
.adqw-vw__wire i:first-child { height: 14cqw; background: linear-gradient(120deg, rgba(180,124,253,.4), rgba(255,127,194,.3)); }

/* App */
.adqw-vp__screen { width: 30cqw; height: 62cqw; padding: 5.4cqw 2.2cqw 2.2cqw; display: flex; flex-direction: column; gap: 2cqw; }
.adqw-vp__screen--a { top: 6%; left: 17%; transform: rotate(-4deg); }
.adqw-vp__screen--b { top: 13%; left: 51%; transform: rotate(4deg); }
.adqw-vp__top { display: flex; align-items: center; justify-content: space-between; }
.adqw-vp__top b { width: 45%; height: 2cqw; background: rgba(255,255,255,.3); }
.adqw-vp__top .adqw-vm__avatar { width: 5.4cqw; height: 5.4cqw; }
.adqw-vp__hero { display: grid; gap: 1.2cqw; align-content: end; height: 16cqw; padding: 2cqw; border-radius: 2cqw; background: var(--grad); }
.adqw-vp__hero i { display: block; height: 1.6cqw; width: 70%; border-radius: 1cqw; background: rgba(22,5,44,.45); }
.adqw-vp__hero i + i { width: 45%; }
.adqw-vp__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4cqw; }
.adqw-vp__cards span { height: 9cqw; border-radius: 1.6cqw; background: rgba(255,255,255,.07); border: 1px solid #2c2046; }
.adqw-vp__list { display: grid; gap: 1.4cqw; }
.adqw-vp__list li { height: 6.4cqw; border-radius: 1.6cqw; background: rgba(255,255,255,.06); border-left: .7cqw solid var(--violet); }
.adqw-vp__list li:nth-child(2) { border-left-color: var(--pink); } .adqw-vp__list li:nth-child(3) { border-left-color: var(--peach); }
.adqw-vp__btn { height: 5.6cqw; border-radius: 99px; background: var(--grad); }
.adqw-vp__tabs { display: flex; justify-content: space-around; margin-top: auto; padding-top: 1.6cqw; border-top: 1px solid #2c2046; }
.adqw-vp__tabs i { width: 3cqw; height: 3cqw; border-radius: .9cqw; background: rgba(255,255,255,.16); }
.adqw-vp__tabs i:first-child { background: var(--pink); }
.adqw-vp__chip { left: 50%; bottom: 6%; transform: translateX(-50%); animation: none; }

/* POS */
.adqw-vo { top: 8%; left: 6%; right: 6%; bottom: 14%; }
.adqw-vo__body { display: grid; grid-template-columns: 1.1fr 1fr; gap: 2.6cqw; padding: 2.8cqw; height: calc(100% - 6.4cqw); }
.adqw-vo__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4cqw; }
.adqw-vo__tiles span { border-radius: 1.6cqw; background: rgba(255,255,255,.06); border: 1px solid #2c2046; }
.adqw-vo__tiles span:nth-child(1), .adqw-vo__tiles span:nth-child(5) { background: linear-gradient(135deg, rgba(180,124,253,.5), rgba(255,127,194,.35)); border-color: transparent; }
.adqw-vo__bill { display: flex; flex-direction: column; padding: 2.2cqw; border-radius: 2cqw; background: #0d0320; border: 1px solid #2c2046; }
.adqw-vo__bill ul { display: grid; gap: 1.6cqw; }
.adqw-vo__bill li { display: grid; grid-template-columns: 1fr auto 7cqw; align-items: center; gap: 1.4cqw; font-size: 2.1cqw; color: #cfc9e2; }
.adqw-vo__bill li em { color: #8f88aa; }
.adqw-vo__total { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 1.8cqw; border-top: 1px dashed #3a2c5c; color: #fff; font: 600 2.6cqw/1 var(--head); }
.adqw-vo__total i { width: 11cqw; height: 2.4cqw; background: var(--grad); }
.adqw-vo__pay { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1cqw; margin-top: 1.8cqw; }
.adqw-vo__pay b { padding: 1.4cqw 0; border-radius: 1.2cqw; text-align: center; background: #241640; color: #fff; font: 600 2cqw/1 var(--head); }
.adqw-vo__pay b:nth-child(2) { background: var(--grad); color: #16052c; }
.adqw-vo__chip { left: 4%; bottom: 5%; }

/* Queue */
.adqw-vu__board { position: absolute; z-index: 1; top: 9%; left: 7%; width: 56cqw; padding: 3cqw 3.4cqw; border-radius: 2.6cqw; background: linear-gradient(#170733, #170733) padding-box, var(--grad) border-box; border: 2px solid transparent; box-shadow: 0 0 10cqw -3cqw rgba(255,127,194,.55); }
.adqw-vu__board small { font-size: 2.2cqw; letter-spacing: .1em; text-transform: uppercase; color: #a9a2c2; }
.adqw-vu__board b { display: block; width: fit-content; margin-top: .6cqw; font: 700 13cqw/1 var(--head); letter-spacing: -.02em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.adqw-vu__board span { display: flex; align-items: center; gap: 1.4cqw; margin-top: 1.4cqw; color: #fff; font: 600 3.2cqw/1 var(--head); }
.adqw-vu__board span i { color: var(--pink); font-size: 2.6cqw; }
.adqw-vu__next { position: absolute; z-index: 1; left: 7%; bottom: 8%; width: 56cqw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6cqw; }
.adqw-vu__next li { padding: 2cqw; border-radius: 2cqw; background: rgba(27,10,58,.95); border: 1px solid #36285a; }
.adqw-vu__next b { display: block; color: #fff; font: 600 3.2cqw/1 var(--head); }
.adqw-vu__next span { display: block; margin-top: 1cqw; font-size: 2cqw; color: #a9a2c2; }
.adqw-vu__sms { position: absolute; z-index: 2; top: 32%; right: 6%; width: 32cqw; display: flex; gap: 1.6cqw; padding: 2.4cqw; border-radius: 2.4cqw 2.4cqw 2.4cqw .6cqw; background: rgba(27,10,58,.97); border: 1px solid #45346b; box-shadow: 0 4cqw 8cqw -3cqw rgba(0,0,0,.9); animation: adqw-float 6s ease-in-out infinite; }
.adqw-vu__sms > i { color: var(--pink); font-size: 3.2cqw; }
.adqw-vu__sms p { font-size: 2.2cqw; line-height: 1.35; color: #cfc9e2; }
.adqw-vu__sms p b { display: block; color: #fff; font: 600 2.4cqw/1.2 var(--head); margin-bottom: .4cqw; }

/* Card machine */
.adqw-vx__device { position: absolute; z-index: 2; top: 7%; left: 20%; width: 34cqw; height: 66cqw; padding: 3cqw; border-radius: 4.6cqw; background: linear-gradient(160deg, #2a1950, #160832 60%); border: 1px solid #4a3772; box-shadow: 0 6cqw 10cqw -4cqw rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.12); }
.adqw-vx__screen { position: relative; display: grid; place-items: center; align-content: center; gap: 2cqw; height: 28cqw; border-radius: 2.4cqw; background: radial-gradient(circle at 50% 40%, rgba(255,127,194,.25), transparent 70%), #0b021c; border: 1px solid #2c2046; }
.adqw-vx__screen b { color: #fff; font: 600 3cqw/1 var(--head); }
.adqw-vx__waves { position: relative; width: 8cqw; height: 8cqw; }
.adqw-vx__waves i { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--pink); animation: adqw-pulse 2.4s ease-out infinite; }
.adqw-vx__waves i:nth-child(2) { animation-delay: .8s; } .adqw-vx__waves i:nth-child(3) { animation-delay: 1.6s; }
.adqw-vx__keys { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4cqw; margin-top: 3cqw; }
.adqw-vx__keys i { height: 4.4cqw; border-radius: 1.2cqw; background: rgba(255,255,255,.08); }
.adqw-vx__keys i:nth-child(10) { background: #ff7f9e; } .adqw-vx__keys i:nth-child(12) { background: var(--grad); }
.adqw-vx__card { position: absolute; z-index: 3; top: 22%; left: 47%; width: 34cqw; height: 21cqw; padding: 2.6cqw; border-radius: 2.4cqw; transform: rotate(-12deg); background: var(--grad); box-shadow: 0 5cqw 9cqw -4cqw rgba(0,0,0,.95); animation: adqw-float 5s ease-in-out infinite; }
.adqw-vx__chipc { display: block; width: 6cqw; height: 4.4cqw; border-radius: .9cqw; background: linear-gradient(135deg, #ffe0b8, #d79a5f); }
.adqw-vx__card i { position: absolute; left: 2.6cqw; right: 8cqw; bottom: 3cqw; height: 1.6cqw; border-radius: 1cqw; background: rgba(22,5,44,.35); }
.adqw-vx__receipt { position: absolute; z-index: 1; right: 9%; bottom: 9%; width: 22cqw; display: grid; gap: 1.2cqw; padding: 2.4cqw; border-radius: 1.4cqw 1.4cqw 0 0; background: #f4eefc; }
.adqw-vx__receipt i { background: rgba(22,5,44,.15); }
.adqw-vx__receipt i:nth-child(2) { width: 70%; }
.adqw-vx__receipt b { color: #16052c; font: 700 2.6cqw/1 var(--head); }

/* Checkout */
.adqw-vy { top: 8%; left: 6%; right: 6%; bottom: 15%; }
.adqw-vy__body { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2.6cqw; padding: 2.8cqw; }
.adqw-vy small { display: block; margin-bottom: 1.6cqw; font-size: 2cqw; color: #a9a2c2; }
.adqw-vy__sum { padding: 2.4cqw; border-radius: 2cqw; background: #0d0320; border: 1px solid #2c2046; }
.adqw-vy__sum p { display: grid; grid-template-columns: 1fr 8cqw; gap: 2cqw; margin-bottom: 1.8cqw; }
.adqw-vy__sum div { display: flex; justify-content: space-between; align-items: center; padding-top: 1.8cqw; margin-top: 2cqw; border-top: 1px dashed #3a2c5c; color: #fff; font: 600 2.6cqw/1 var(--head); }
.adqw-vy__sum div i { width: 12cqw; height: 2.4cqw; background: var(--grad); }
.adqw-vy__methods { display: grid; gap: 1.2cqw; align-content: start; }
.adqw-vy__methods small { margin-bottom: .4cqw; }
.adqw-vy__methods span { display: flex; align-items: center; gap: 1.6cqw; padding: 1.6cqw 2cqw; border-radius: 1.6cqw; border: 1px solid #2f2347; color: #e6e2f0; font-size: 2.2cqw; }
.adqw-vy__methods span i { width: 3cqw; color: var(--violet); }
.adqw-vy__methods span.on { background: linear-gradient(#1d0b3e, #1d0b3e) padding-box, var(--grad) border-box; border-color: transparent; color: #fff; }
.adqw-vy__btn { margin-top: .8cqw; padding: 1.8cqw; border-radius: 99px; text-align: center; background: var(--grad); color: #16052c; font: 600 2.4cqw/1 var(--head); }
.adqw-vy__chip { right: 5%; bottom: 5%; }
.adqw-vy__chip i { display: grid; place-items: center; width: 3.4cqw; height: 3.4cqw; border-radius: 50%; background: #3ccf91; color: #08251a; font-size: 1.8cqw; }

/* Inside a card: a smaller framed graphic at the top, the card title below it */
.adqw-cards__img:has(.adqw-vis) { padding: 5% 7% 0; background: radial-gradient(70% 60% at 80% 0%, rgba(180,124,253,.22), transparent 70%), #12052a; }
.adqw-cards__img .adqw-vis__stage { border-radius: 14px; }
.adqw-cards__img .adqw-vis__chip { display: none; }
.adqw-cards--image .adqw-cards__in:has(.adqw-vis) .adqw-cards__body { padding-top: 96px; background: linear-gradient(180deg, transparent, rgba(18,5,42,.94) 55%, #12052a); }
a.adqw-cards__in:hover .adqw-cards__img .adqw-vis { transform: scale(1.03); }
.adqw-cards__img .adqw-vis { transition: transform .5s; }
.adqw-split__media .adqw-vis + .adqw-split__badge { z-index: 5; left: auto; right: -14px; top: 18px; }
@media (max-width: 767px) {
	.adqw-split__media .adqw-vis + .adqw-split__badge { right: 8px; top: 8px; padding: 9px 12px; }
	.adqw-split__media .adqw-vis + .adqw-split__badge b { font-size: 22px; }
	.adqw-split__media .adqw-vis + .adqw-split__badge span { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.adqw-vis *, .adqw-vis *::before { animation: none !important; }
	.adqw-vg__line { stroke-dashoffset: 0; }
}