/* Virtual Pix Booth home page and My Account (plugin page design). Sections
   are core blocks with these classes, so the text stays editable in WordPress. */
.vpb-site{--vpb-gap:clamp(64px,9vw,112px)}
.vpb-site .vpb-main{display:block}
.vpb-site .vpb-landing > *,.vpb-site .vpb-band{margin:0 !important}
.vpb-site .vpb-band{width:100%;box-sizing:border-box;padding:var(--vpb-gap) 24px;position:relative}
.vpb-site .vpb-band > *{max-width:1112px;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}
.vpb-site .vpb-band p{margin:0 0 1em}
.vpb-site .vpb-band h2{font-size:clamp(28px,3.6vw,44px);line-height:1.12;margin:0 0 .45em}
.vpb-site .vpb-band h3{font-size:19px;line-height:1.3;margin:0 0 .4em;color:var(--vpb-ink);font-weight:700}
.vpb-site .vpb-intro{font-size:19px;color:var(--vpb-text)}
.vpb-site .vpb-band > .vpb-intro{padding-right:max(0px,calc(min(100vw - 48px,1112px) - 36em))}
/* Classic (non-block) themes wrap each group's blocks in .wp-block-group__inner-container:
   let grids see the cards, and centre band content the same way. */
.vpb-site .vpb-landing > .wp-block-group__inner-container,.vpb-site .vpb-grid > .wp-block-group__inner-container,.vpb-site .vpb-steps > .wp-block-group__inner-container{display:contents}
.vpb-site .vpb-band > .wp-block-group__inner-container{max-width:none;margin:0 !important;padding:0}
.vpb-site .vpb-band > .wp-block-group__inner-container > *{max-width:1112px;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}
.vpb-site .vpb-band > .wp-block-group__inner-container > .vpb-intro{padding-right:max(0px,calc(min(100vw - 48px,1112px) - 36em))}
.vpb-site .vpb-pricing > .wp-block-group__inner-container > .vpb-intro,.vpb-site .vpb-cta > .wp-block-group__inner-container > .vpb-intro{padding-right:0;max-width:36em}
.vpb-site .vpb-cta > .wp-block-group__inner-container > .vpb-intro{margin:0 auto 28px !important;color:#c8cffb}
.vpb-site .wp-block-button__link{box-sizing:border-box;max-width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;font-family:var(--vpb-body);font-weight:700;font-size:17px;text-decoration:none !important;background:var(--vpb-pink) !important;color:#fff !important;border:2px solid var(--vpb-pink);box-shadow:0 10px 24px rgba(255,45,139,.3);transition:background .15s,transform .1s}
.vpb-site .wp-block-button__link:hover{background:var(--vpb-pink-2) !important}
.vpb-site .wp-block-button__link:active{transform:translateY(1px)}
.vpb-site .is-style-outline .wp-block-button__link{background:transparent !important;color:var(--vpb-ink) !important;border-color:var(--vpb-line);box-shadow:none}
.vpb-site .is-style-outline .wp-block-button__link:hover{border-color:var(--vpb-ink);background:transparent !important}
.vpb-site .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:0}

/* ---- hero: midnight, the print coming out of the booth ---------------- */
.vpb-site .vpb-hero{background-color:var(--vpb-night);background-image:radial-gradient(rgba(140,160,255,.16) 1px,transparent 1.6px);background-size:24px 24px;color:#fff;padding:clamp(56px,7vw,96px) 24px 0;overflow:hidden}
.vpb-site .vpb-hero h1{color:#fff;font-size:clamp(38px,5.6vw,68px);line-height:1.04;letter-spacing:-.03em;margin:0 0 22px;font-weight:600;max-width:11em}
.vpb-site .vpb-hero .vpb-intro{color:#c8cffb;font-size:clamp(17px,1.6vw,20px);margin-bottom:30px;max-width:32em}
.vpb-site .vpb-hero .is-style-outline .wp-block-button__link{color:#fff !important;border-color:rgba(255,255,255,.35)}
.vpb-site .vpb-hero .is-style-outline .wp-block-button__link:hover{border-color:#fff}
.vpb-site .vpb-hero .vpb-fine{margin:18px 0 0;color:#9aa4e2;font-size:15px}
.vpb-site .vpb-hero-cols{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:0 !important}
.vpb-site .vpb-hero-cols > .wp-block-column{flex:none !important;width:auto !important;margin:0 !important;min-width:0}
.vpb-site .vpb-art{position:relative;padding:12px 8% 40px 4%}
.vpb-site .vpb-print{margin:0 !important;background:#fff;padding:14px 14px 0;border-radius:6px;transform:rotate(3.2deg);box-shadow:0 34px 70px rgba(2,4,30,.55),0 2px 0 rgba(255,255,255,.4) inset;position:relative;z-index:1}
.vpb-site .vpb-print img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px}
.vpb-site .vpb-print figcaption{margin:0 !important;padding:12px 6px 14px 30%;font-family:var(--vpb-display);font-weight:600;font-size:clamp(12px,1.2vw,15px);letter-spacing:-.01em;color:var(--vpb-night);text-align:right}
.vpb-site .vpb-appicon{position:absolute;left:-3%;bottom:6px;width:clamp(96px,11vw,148px);margin:0 !important;z-index:2;transform:rotate(-8deg);filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.vpb-site .vpb-appicon img{display:block;width:100%;height:auto}
/* pixels flying off the booth (like the logo) */
.vpb-site .vpb-art::before{content:"";position:absolute;width:14px;height:14px;border-radius:3px;left:-4%;bottom:clamp(120px,13vw,170px);z-index:3;background:var(--vpb-cyan);
	box-shadow:-24px -22px 0 -2px var(--vpb-blue),4px -40px 0 -4px var(--vpb-pink),-30px -64px 0 -3px #fff,-6px -84px 0 0 var(--vpb-violet),-52px -100px 0 -5px var(--vpb-cyan),-18px -122px 0 -6px var(--vpb-pink);
	animation:vpb-drift 6s ease-in-out infinite alternate}
@keyframes vpb-drift{from{transform:translate(0,0)}to{transform:translate(10px,-12px)}}
.vpb-site .vpb-outputs{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;padding:26px 0 30px !important;margin:clamp(48px,6vw,80px) auto 0 !important;border-top:1px solid rgba(255,255,255,.12);color:#dbe1ff;font-weight:600;font-size:15px}
.vpb-site .vpb-outputs li{display:flex;align-items:center;gap:10px;margin:0}
.vpb-site .vpb-outputs li::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--vpb-cyan)}
.vpb-site .vpb-outputs li:nth-child(4n+2)::before{background:var(--vpb-blue)}
.vpb-site .vpb-outputs li:nth-child(4n+3)::before{background:var(--vpb-violet)}
.vpb-site .vpb-outputs li:nth-child(4n+4)::before{background:var(--vpb-pink)}

/* ---- features: rows with a colour tile, not boxes --------------------- */
.vpb-site .vpb-features{background:#fff}
.vpb-site .vpb-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 40px;margin-top:48px !important}
.vpb-site .vpb-feat{position:relative;padding:72px 0 0 !important;margin:0 !important;border-top:2px solid var(--vpb-line)}
.vpb-site .vpb-feat::before{content:"";position:absolute;left:0;top:-2px;width:52px;height:2px;background:var(--vpb-blue)}
.vpb-site .vpb-feat::after{content:"";position:absolute;left:0;top:22px;width:34px;height:34px;background:var(--vpb-blue);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.vpb-site .vpb-feat:nth-child(3n+2)::before,.vpb-site .vpb-feat:nth-child(3n+2)::after{background:var(--vpb-violet)}
.vpb-site .vpb-feat:nth-child(3n+3)::before,.vpb-site .vpb-feat:nth-child(3n+3)::after{background:var(--vpb-pink)}
.vpb-site .vpb-feat p{color:var(--vpb-text);margin:0}
.vpb-site .vpb-ico-mirror::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='7'/%3E%3Cpath d='M9 8.5l3-3M9.5 12.5l5.5-5.5'/%3E%3Cpath d='M18.5 16.5l.6 1.4 1.4.6-1.4.6-.6 1.4-.6-1.4-1.4-.6 1.4-.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='7'/%3E%3Cpath d='M9 8.5l3-3M9.5 12.5l5.5-5.5'/%3E%3Cpath d='M18.5 16.5l.6 1.4 1.4.6-1.4.6-.6 1.4-.6-1.4-1.4-.6 1.4-.6z'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-spin::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='17' rx='8.5' ry='3'/%3E%3Cpath d='M12 14V4'/%3E%3Cpath d='M12 4l5 3'/%3E%3Cpath d='M5.2 10.5A8.5 3 0 0 0 7 15.2'/%3E%3Cpath d='M7 15.2l-2.3.3M7 15.2l-.6-2.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='17' rx='8.5' ry='3'/%3E%3Cpath d='M12 14V4'/%3E%3Cpath d='M12 4l5 3'/%3E%3Cpath d='M5.2 10.5A8.5 3 0 0 0 7 15.2'/%3E%3Cpath d='M7 15.2l-2.3.3M7 15.2l-.6-2.2'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-theme::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.4 0 1.9-1 1.4-2.1-.6-1.2.2-2.4 1.5-2.4H17a4 4 0 0 0 4-4C21 7 17 3 12 3z'/%3E%3Ccircle cx='7.5' cy='11' r='1.2'/%3E%3Ccircle cx='10' cy='7' r='1.2'/%3E%3Ccircle cx='15' cy='7.5' r='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.4 0 1.9-1 1.4-2.1-.6-1.2.2-2.4 1.5-2.4H17a4 4 0 0 0 4-4C21 7 17 3 12 3z'/%3E%3Ccircle cx='7.5' cy='11' r='1.2'/%3E%3Ccircle cx='10' cy='7' r='1.2'/%3E%3Ccircle cx='15' cy='7.5' r='1.2'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-camera::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5h3.5L8.5 5.5h7l2 3H21V19H3z'/%3E%3Ccircle cx='12' cy='13.2' r='3.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5h3.5L8.5 5.5h7l2 3H21V19H3z'/%3E%3Ccircle cx='12' cy='13.2' r='3.6'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-design::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5l7-7 2.5 2.5-7 7z'/%3E%3Cpath d='M18 13l-1.5-7.5L2.5 2.5 5.5 16.5 13 18z'/%3E%3Cpath d='M2.5 2.5l7.6 7.6'/%3E%3Ccircle cx='11.2' cy='11.2' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5l7-7 2.5 2.5-7 7z'/%3E%3Cpath d='M18 13l-1.5-7.5L2.5 2.5 5.5 16.5 13 18z'/%3E%3Cpath d='M2.5 2.5l7.6 7.6'/%3E%3Ccircle cx='11.2' cy='11.2' r='1.8'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-share::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Cpath d='M14 14h3v3h-3zM18.5 18.5H21V21h-2.5zM14 20.5h2M20.5 14v2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Cpath d='M14 14h3v3h-3zM18.5 18.5H21V21h-2.5zM14 20.5h2M20.5 14v2'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-ai::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.9 5.1L18 10l-5.1 1.9L11 17l-1.9-5.1L4 10l5.1-1.9z'/%3E%3Cpath d='M18.5 14.5l.9 2.1 2.1.9-2.1.9-.9 2.1-.9-2.1-2.1-.9 2.1-.9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.9 5.1L18 10l-5.1 1.9L11 17l-1.9-5.1L4 10l5.1-1.9z'/%3E%3Cpath d='M18.5 14.5l.9 2.1 2.1.9-2.1.9-.9 2.1-.9-2.1-2.1-.9 2.1-.9z'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-cutout::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='3.3'/%3E%3Cpath d='M5.8 20.5c.6-3.6 3.1-5.6 6.2-5.6s5.6 2 6.2 5.6'/%3E%3Cpath d='M3 7V3h4M17 3h4v4M21 17v4h-4M7 21H3v-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='3.3'/%3E%3Cpath d='M5.8 20.5c.6-3.6 3.1-5.6 6.2-5.6s5.6 2 6.2 5.6'/%3E%3Cpath d='M3 7V3h4M17 3h4v4M21 17v4h-4M7 21H3v-4'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-album::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='14.5' height='12.5' rx='2'/%3E%3Cpath d='M7 20.5h11.5a2.5 2.5 0 0 0 2.5-2.5V8'/%3E%3Ccircle cx='7.8' cy='9.3' r='1.4'/%3E%3Cpath d='M17.5 14l-3.8-3.8L5.5 17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='14.5' height='12.5' rx='2'/%3E%3Cpath d='M7 20.5h11.5a2.5 2.5 0 0 0 2.5-2.5V8'/%3E%3Ccircle cx='7.8' cy='9.3' r='1.4'/%3E%3Cpath d='M17.5 14l-3.8-3.8L5.5 17'/%3E%3C/svg%3E")}

/* ---- how it works: a real sequence, so numbered ----------------------- */
.vpb-site .vpb-how{background:var(--vpb-paper);counter-reset:vpb-step}
.vpb-site .vpb-steps{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px !important;position:relative}
.vpb-site .vpb-steps::before{content:"";position:absolute;left:28px;right:16%;top:28px;border-top:3px dotted #c5cbee;z-index:0}
.vpb-site .vpb-step{counter-increment:vpb-step;position:relative;z-index:1;margin:0 !important;padding:0 !important}
.vpb-site .vpb-step::before{content:counter(vpb-step);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;margin-bottom:22px;font-family:var(--vpb-display);font-weight:700;font-size:24px;color:#fff;background:var(--vpb-blue);box-shadow:0 0 0 6px var(--vpb-paper)}
.vpb-site .vpb-step:nth-child(2)::before{background:var(--vpb-violet)}
.vpb-site .vpb-step:nth-child(3)::before{background:var(--vpb-pink)}
.vpb-site .vpb-step p{color:var(--vpb-text);margin:0;max-width:22em}

/* ---- pricing ----------------------------------------------------------- */
.vpb-site .vpb-pricing{background:#fff;text-align:center}
.vpb-site .vpb-pricing > .vpb-intro{padding-right:0;max-width:36em}
.vpb-site .vpb-pricing .sbp{margin-top:36px;text-align:left}
.vpb-site .sbp-price strong{font-family:var(--vpb-display);font-weight:600;letter-spacing:-.03em}
.vpb-site .sbp-plan h3{font-family:var(--vpb-display);font-weight:600;font-size:21px}
.vpb-site .sbp-plan{border-radius:18px}
.vpb-site .sbp-hi{box-shadow:0 22px 50px rgba(255,45,139,.16)}
.vpb-site .sbp-tag{font-family:var(--vpb-body)}

/* ---- questions --------------------------------------------------------- */
.vpb-site .vpb-faq{background:var(--vpb-paper)}
.vpb-site .vpb-faq-cols{display:grid !important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.vpb-site .vpb-faq-cols > .wp-block-column{flex:none !important;width:auto !important;margin:0 !important;min-width:0}
.vpb-site .vpb-faq .wp-block-details{background:#fff;border:1px solid var(--vpb-line);border-radius:14px;padding:0;margin:0 0 10px !important;overflow:hidden}
.vpb-site .vpb-faq summary{list-style:none;cursor:pointer;padding:20px 60px 20px 22px;font-weight:700;font-size:17px;position:relative;color:var(--vpb-ink)}
.vpb-site .vpb-faq summary::-webkit-details-marker{display:none}
.vpb-site .vpb-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--vpb-blue);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.vpb-site .vpb-faq details[open] summary::after{transform:rotate(45deg)}
.vpb-site .vpb-faq details p{padding:0 22px 20px;margin:0;color:var(--vpb-text)}

/* ---- last call --------------------------------------------------------- */
.vpb-site .vpb-cta{background-color:var(--vpb-night);background-image:radial-gradient(rgba(140,160,255,.16) 1px,transparent 1.6px);background-size:24px 24px;text-align:center;color:#c8cffb}
.vpb-site .vpb-cta h2{color:#fff;max-width:16em;margin-left:auto !important;margin-right:auto !important}
.vpb-site .vpb-cta > .vpb-intro{margin:0 auto 28px !important;color:#c8cffb;padding-right:0;max-width:36em}
.vpb-site .vpb-cta .wp-block-buttons{justify-content:center}
.vpb-site .vpb-cta::before{content:"";position:absolute;top:44px;left:calc(50% - 7px);width:12px;height:12px;border-radius:3px;background:var(--vpb-cyan);box-shadow:-26px 14px 0 -2px var(--vpb-blue),24px 10px 0 -3px var(--vpb-pink),4px 30px 0 -4px var(--vpb-violet)}

/* ---- inner pages (My Account) ------------------------------------------ */
.vpb-site .vpb-pagehead{background-color:var(--vpb-night);background-image:radial-gradient(rgba(140,160,255,.16) 1px,transparent 1.6px);background-size:24px 24px;padding:44px 0 46px}
.vpb-site .vpb-pagehead h1{color:#fff;margin:0;font-size:clamp(28px,4vw,40px)}
.vpb-site .vpb-pagehead p{color:#c8cffb;margin:8px 0 0}
.vpb-site .vpb-page{padding-top:40px;padding-bottom:80px}
.vpb-site .vpb-page > .snapbooth-account{max-width:860px}
.vpb-site .sba-acct h3{font-family:var(--vpb-display);font-weight:600;font-size:20px;letter-spacing:-.01em}
.vpb-site .sba-acct-card{border-radius:18px;padding:22px 24px;box-shadow:0 2px 0 var(--vpb-line)}
.vpb-site .sba-acct table{border-collapse:collapse;width:100%;max-width:560px}
.vpb-site .sba-acct td,.vpb-site .sba-acct th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--vpb-line)}
.vpb-site .sba-acct a.button{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--vpb-line);color:var(--vpb-ink);text-decoration:none;font-weight:700;background:#fff}
.vpb-site .sba-acct a.button:hover{border-color:var(--vpb-ink)}
.vpb-site .sba-acct-login{max-width:440px}

@media (max-width:900px){
	.vpb-site .vpb-hero-cols,.vpb-site .vpb-faq-cols{grid-template-columns:1fr}
	.vpb-site .vpb-art{max-width:520px;margin:12px auto 0;padding:10px 6% 46px}
	.vpb-site .vpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.vpb-site .vpb-band{padding-left:16px;padding-right:16px}
	.vpb-site .vpb-grid,.vpb-site .vpb-steps{grid-template-columns:1fr;gap:32px}
	.vpb-site .vpb-steps::before{left:27px;right:auto;top:28px;bottom:40px;border-top:0;border-left:3px dotted #c5cbee}
	.vpb-site .vpb-hero .wp-block-button,.vpb-site .vpb-hero .wp-block-button__link{width:100%}
	.vpb-site .vpb-outputs{gap:10px 20px;font-size:14px}
	.vpb-site .vpb-feat{padding:22px 0 0 54px !important}
	.vpb-site .vpb-feat::after{top:24px;width:30px;height:30px}
	.vpb-site .vpb-art::before{left:4%}
	.vpb-site .vpb-print figcaption{padding-left:18%;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.vpb-site .vpb-art::before{animation:none}.vpb-site .vpb-faq summary::after{transition:none}}
.vpb-site .vpb-page > .sba-acct-login{max-width:440px}
.vpb-site .vpb-page a:not(.sbp-btn):not(.button):not(.wp-block-button__link){color:var(--vpb-blue);font-weight:600}

.vpb-site .vpb-ico-layout::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='6' height='18' rx='1'/%3E%3Crect x='12' y='6' width='9' height='12' rx='1'/%3E%3Cpath d='M3 9h6M3 15h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='6' height='18' rx='1'/%3E%3Crect x='12' y='6' width='9' height='12' rx='1'/%3E%3Cpath d='M3 9h6M3 15h6'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-browser::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M6 6.5h.01M8.5 6.5h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M6 6.5h.01M8.5 6.5h.01'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-webcam::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='6.5'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3Cpath d='M8 21h8M12 16.5V21'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='6.5'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3Cpath d='M8 21h8M12 16.5V21'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-star::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.5 6 .8-4.4 4.1 1.1 5.9L12 16.6l-5.3 2.9 1.1-5.9-4.4-4.1 6-.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.5 6 .8-4.4 4.1 1.1 5.9L12 16.6l-5.3 2.9 1.1-5.9-4.4-4.1 6-.8z'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-sticker::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12.5A8.5 8.5 0 1 1 11.5 3.5'/%3E%3Cpath d='M20.5 12.5h-5a4 4 0 0 1-4-4v-5l9 9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12.5A8.5 8.5 0 1 1 11.5 3.5'/%3E%3Cpath d='M20.5 12.5h-5a4 4 0 0 1-4-4v-5l9 9z'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-print::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3.5h10V9'/%3E%3Crect x='3' y='9' width='18' height='8' rx='2'/%3E%3Cpath d='M7 14h10v6.5H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3.5h10V9'/%3E%3Crect x='3' y='9' width='18' height='8' rx='2'/%3E%3Cpath d='M7 14h10v6.5H7z'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-kiosk::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='14' rx='1.5'/%3E%3Cpath d='M12 16.5v4M8 21h8M9 7h6M9 10.5h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='14' rx='1.5'/%3E%3Cpath d='M12 16.5v4M8 21h8M9 7h6M9 10.5h4'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-lead::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V2.8h6V4M8.5 10h7M8.5 14h7M8.5 18h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V2.8h6V4M8.5 10h7M8.5 14h7M8.5 18h4'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-report::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20.5h16M7 20.5v-6M12 20.5V7.5M17 20.5V11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20.5h16M7 20.5v-6M12 20.5V7.5M17 20.5V11'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-pay::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 10h19M6 15h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 10h19M6 15h4'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-light::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.5'/%3E%3Ccircle cx='12' cy='4.5' r='1.4'/%3E%3Ccircle cx='19.5' cy='12' r='1.4'/%3E%3Ccircle cx='12' cy='19.5' r='1.4'/%3E%3Ccircle cx='4.5' cy='12' r='1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.5'/%3E%3Ccircle cx='12' cy='4.5' r='1.4'/%3E%3Ccircle cx='19.5' cy='12' r='1.4'/%3E%3Ccircle cx='12' cy='19.5' r='1.4'/%3E%3Ccircle cx='4.5' cy='12' r='1.4'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-voice::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5v5h3.5L12 18V6L7.5 9.5z'/%3E%3Cpath d='M15.5 9a4.2 4.2 0 0 1 0 6M18.2 6.5a8 8 0 0 1 0 11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5v5h3.5L12 18V6L7.5 9.5z'/%3E%3Cpath d='M15.5 9a4.2 4.2 0 0 1 0 6M18.2 6.5a8 8 0 0 1 0 11'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-alert::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16v-5a6 6 0 0 1 12 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16v-5a6 6 0 0 1 12 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-sync::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 10.5A7.7 7.7 0 0 0 5.6 7.2L4 9'/%3E%3Cpath d='M4 4.5V9h4.5'/%3E%3Cpath d='M4.5 13.5a7.7 7.7 0 0 0 13.9 3.3L20 15'/%3E%3Cpath d='M20 19.5V15h-4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 10.5A7.7 7.7 0 0 0 5.6 7.2L4 9'/%3E%3Cpath d='M4 4.5V9h4.5'/%3E%3Cpath d='M4.5 13.5a7.7 7.7 0 0 0 13.9 3.3L20 15'/%3E%3Cpath d='M20 19.5V15h-4.5'/%3E%3C/svg%3E")}
.vpb-site .vpb-ico-offline::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h10a4 4 0 0 0 .6-7.95A6 6 0 0 0 6.3 11.6 3.3 3.3 0 0 0 7 18z'/%3E%3Cpath d='M3.5 3.5l17 17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h10a4 4 0 0 0 .6-7.95A6 6 0 0 0 6.3 11.6 3.3 3.3 0 0 0 7 18z'/%3E%3Cpath d='M3.5 3.5l17 17'/%3E%3C/svg%3E")}

/* ---- feature groups ---------------------------------------------------- */
.vpb-site .vpb-group{margin-top:clamp(48px,6vw,72px) !important}
.vpb-site .vpb-band h3.vpb-group-title{font-family:var(--vpb-display);font-weight:600;font-size:clamp(20px,2vw,24px);letter-spacing:-.01em;margin:0 !important;padding-bottom:14px;border-bottom:1px solid var(--vpb-line)}
.vpb-site .vpb-group .vpb-grid{margin-top:32px !important;gap:40px 40px}
.vpb-site .vpb-group .vpb-feat{border-top:0;padding-top:58px !important}
.vpb-site .vpb-group .vpb-feat::before{display:none}
.vpb-site .vpb-group .vpb-feat::after{top:6px}
.vpb-site .vpb-band h4{font-size:18px;line-height:1.3;margin:0 0 .35em;color:var(--vpb-ink);font-weight:700}

/* ---- the lights controller -------------------------------------------- */
.vpb-site .vpb-lights{background-color:var(--vpb-night);background-image:radial-gradient(rgba(140,160,255,.14) 1px,transparent 1.6px);background-size:24px 24px;color:#c8cffb}
.vpb-site .vpb-lights h2{color:#fff}
.vpb-site .vpb-lights h3{color:#fff;font-size:16px;margin:26px 0 10px}
.vpb-site .vpb-lights .vpb-intro{color:#c8cffb;font-size:18px}
.vpb-site .vpb-lights-cols{display:grid !important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin:0 !important}
.vpb-site .vpb-lights-cols > .wp-block-column{flex:none !important;width:auto !important;margin:0 !important;min-width:0}
.vpb-site .vpb-board{margin:0 !important}
.vpb-site .vpb-board img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(2,4,30,.6))}
.vpb-site .vpb-box{list-style:none;padding:0 !important;margin:0 0 24px !important;display:grid;gap:8px}
.vpb-site .vpb-box li{position:relative;padding-left:28px;margin:0;color:#dbe1ff}
.vpb-site .vpb-box li::before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--vpb-cyan);box-shadow:0 0 10px var(--vpb-cyan)}
.vpb-site .vpb-box li:nth-child(3n+2)::before{background:var(--vpb-pink);box-shadow:0 0 10px var(--vpb-pink)}
.vpb-site .vpb-box li:nth-child(3n+3)::before{background:var(--vpb-violet);box-shadow:0 0 10px var(--vpb-violet)}
.vpb-site .vpb-lights .vpb-fine{color:#9aa4e2;font-size:15px;margin:18px 0 0}
.vpb-buy{display:grid;gap:14px;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);max-width:520px}
.vpb-buy p{margin:0 !important}
.vpb-buy-price strong{font-family:var(--vpb-display);font-weight:600;font-size:40px;letter-spacing:-.03em;color:#fff;margin-right:10px}
.vpb-buy-price span{color:#c8cffb;font-size:16px}
.vpb-buy-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}
.vpb-buy-qty{display:flex;align-items:center;gap:8px;color:#c8cffb;font-size:15px}
.vpb-buy-qty select{min-height:48px;padding:0 12px;border-radius:12px;border:1.5px solid rgba(255,255,255,.3);background:var(--vpb-night-2);color:#fff;font:inherit;font-size:16px}
.vpb-buy-btn{min-height:54px;padding:0 28px;border-radius:999px;border:0;background:var(--vpb-pink);color:#fff;font-family:var(--vpb-body);font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 10px 24px rgba(255,45,139,.35)}
.vpb-buy-btn:hover{background:var(--vpb-pink-2)}
.vpb-buy-guide a{color:var(--vpb-cyan) !important;font-weight:700;text-decoration:none}
.vpb-buy-guide a:hover{text-decoration:underline}
.vpb-buy-soon{color:#fcd34d;font-weight:600}
@media (min-width:901px){.vpb-site .vpb-board img{width:106%;max-width:none;margin-left:-3%}}
@media (max-width:900px){.vpb-site .vpb-lights-cols{grid-template-columns:1fr}.vpb-site .vpb-lights-art{max-width:640px;margin:0 auto}}
@media (max-width:640px){
	.vpb-site .vpb-group .vpb-feat{padding:2px 0 0 54px !important}
	.vpb-site .vpb-group .vpb-feat::after{top:2px}
	.vpb-buy{padding:18px}
	.vpb-buy-btn{width:100%}
}