/* MiniPage.me colourful page heroes: bold background, bright heading, white text (palette set per page with --vb / --vh) */
.vv{background:var(--vb)!important;background-image:radial-gradient(120% 90% at 85% 0%,rgb(255 255 255/.10),transparent 60%)!important;color:#fff!important}
.vv h1,.vv h1 *{color:var(--vh)!important;-webkit-text-fill-color:var(--vh)!important;background:none!important}
.vv h1{font-weight:900!important;letter-spacing:-.03em}
.vv p,.vv li,.vv small,.vv .lead,.vv [class$="-lead"],.vv [class$="-lede"],.vv .pm-free,.vv label:not(.fp-cf label){color:#fff!important}
.vv p{opacity:.96}
.vv [class$="-crumb"] a,.vv [class$="-crumb"] li,.vv .crumb,.vv .crumb a,.vv [class$="-crumb"] li::after,.vv [class$="-crumb"] li::before{color:var(--vh)!important;opacity:.95}
.vv [class$="-eye"],.vv .kick,.vv .pm-new{background:rgb(255 255 255/.14)!important;color:var(--vh)!important;border-color:transparent!important}
.vv [class$="-eye"] svg,.vv .pm-new svg{color:var(--vh)!important}
.vv [class$="-chips"] li,.vv .pm-feats span{background:rgb(255 255 255/.12)!important;color:#fff!important;border-color:rgb(255 255 255/.18)!important}
.vv [class$="-ticks"] li,.vv [class$="-ticks"] li::before{color:#fff!important}
.vv .btn:not(.ghost),.vv .btn-x,.vv .pm-cta,.vv [class$="-cta"] a:first-child,.vv button[type=submit],.vv a[class*="-btn"]:not([class*="ghost"]){background:var(--vh)!important;color:var(--vb)!important;border-color:var(--vh)!important;box-shadow:0 14px 30px -16px rgb(0 0 0/.55)!important}
.vv .btn.ghost,.vv [class$="-cta"] a+a,.vv a.fh-2{background:transparent!important;color:#fff!important;border:2px solid rgb(255 255 255/.75)!important}
.vv .stats li{background:rgb(255 255 255/.1)!important;border-color:transparent!important;color:#fff!important}.vv .stats b{color:var(--vh)!important}
.vv .fp-cf label{background:#fff!important;border-color:#fff!important}.vv .fp-cf label span{color:#6B5560!important}.vv .fp-cf input{color:#1B1B1B!important}
/* a colour band for pages whose title sits right in the page (QR tools, pricing, about …) */
.vv-band{margin:6px 0 22px;padding:30px clamp(18px,4vw,44px) 34px;border-radius:28px;overflow:hidden}
.vv-band h1{margin:10px 0 10px!important;font-size:clamp(32px,5vw,56px)!important;line-height:1.04!important}
.vv-band .crumb{margin:0!important}
.vv-band .lead{margin:0!important;max-width:44em;font-size:clamp(15.5px,1.6vw,18.5px)!important}
@media(max-width:600px){.vv-band{border-radius:22px;padding:22px 18px 26px}}
/* full width, edge to edge, starting behind the floating header (like /for/ pages) */
html{overflow-x:clip}
.vv-top{margin-top:-96px!important;padding-top:calc(96px + var(--vt,34px))!important}
@media(max-width:1024px){.vv-top{margin-top:-84px!important;padding-top:calc(84px + var(--vt,24px))!important}}
.vv-band{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:calc(50vw - 50%)!important;padding-right:calc(50vw - 50%)!important;border-radius:0!important;padding-bottom:44px!important;margin-bottom:30px!important}
.vv-band .pm-hero,.vv-band.hero3{box-shadow:none!important}
.vv-band .pm-hero{background:transparent!important;border:0!important;padding-left:0!important;padding-right:0!important;margin:0!important}
.vv-band .pm-hero::before,.vv-band .pm-hero::after{display:none!important}