/* Spectrum, third pass: the glowing gradient from the footer carried through the page. Layered last. */
.spec3{--glow:radial-gradient(70% 90% at 6% 8%,#7A2BE0 0%,rgba(122,43,224,0) 58%),radial-gradient(60% 80% at 34% 28%,#2F6CF6 0%,rgba(47,108,246,0) 58%),radial-gradient(55% 75% at 52% 78%,#55DDEE 0%,rgba(85,221,238,0) 58%),radial-gradient(50% 80% at 72% 14%,#5B55E6 0%,rgba(91,85,230,0) 58%),radial-gradient(55% 85% at 92% 60%,#F03A8C 0%,rgba(240,58,140,0) 60%),radial-gradient(50% 70% at 100% 100%,#FFAE46 0%,rgba(255,174,70,0) 58%),radial-gradient(40% 50% at 50% 50%,rgba(255,255,255,.28),rgba(255,255,255,0) 70%),linear-gradient(135deg,#3A2BD6 0%,#1E9BF2 48%,#EE4A52 100%);--glow-v:radial-gradient(90% 40% at 10% 6%,#7A2BE0 0%,rgba(122,43,224,0) 58%),radial-gradient(80% 40% at 60% 28%,#2F6CF6 0%,rgba(47,108,246,0) 58%),radial-gradient(90% 40% at 30% 55%,#55DDEE 0%,rgba(85,221,238,0) 58%),radial-gradient(80% 40% at 90% 70%,#F03A8C 0%,rgba(240,58,140,0) 60%),radial-gradient(80% 40% at 40% 100%,#FFAE46 0%,rgba(255,174,70,0) 58%),radial-gradient(50% 30% at 50% 50%,rgba(255,255,255,.26),rgba(255,255,255,0) 70%),linear-gradient(180deg,#3A2BD6 0%,#1E9BF2 48%,#EE4A52 100%)}
/* white type cut with an ink outline, as on the footer wordmark */
.spec3 .gw{color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill}
.spec3 .gw--thin{-webkit-text-stroke:1.5px var(--ink)}

/* hero */
.spec3 .hero{background:var(--glow)}
.spec3 .hero-t,.spec3 .hero-v{background:transparent;color:var(--ink)}
.spec3 .hero h1{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 rgba(15,10,31,.18)}
.spec3 .sub{color:var(--ink);font-weight:600}
.spec3 .live{background:rgba(255,255,255,.9);border:var(--line);color:var(--ink);backdrop-filter:none;box-shadow:var(--sh-s)}.spec3 .live i{background:var(--orange);border:2px solid var(--ink);width:11px;height:11px}
.spec3 .hero .btn--light{background:var(--ink);color:#fff}
.spec3 .hero .lnk{color:var(--ink);border-bottom-color:var(--ink)}
.spec3 .trust li{background:rgba(255,255,255,.92);border:2px solid var(--ink);color:var(--ink)}.spec3 .trust svg{color:var(--ink)}
.spec3 .route2 .r1{stroke:rgba(15,10,31,.35)}.spec3 .route2 .r2{stroke:#fff;stroke-width:5;filter:drop-shadow(0 2px 0 var(--ink))}
.spec3 .rb text{fill:var(--ink)}
.spec3 .cap{background:#fff;color:var(--ink);border:2px solid var(--ink)}

/* ticker */
.spec3 .ticker{background:var(--glow);color:var(--ink);border:var(--line)}
.spec3 .tk-l{background:var(--ink);color:#fff;border-right:var(--line)}
.spec3 .tk-t{font-weight:800}.spec3 .tk-t i{background:#fff;border:2px solid var(--ink);width:11px;height:11px}

/* the idea */
.spec3 .idea u{text-decoration:none;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;padding-right:.02em}

/* the NovaVantix side of the difference */
.spec3 .vs-b{background:var(--glow-v);color:var(--ink)}
.spec3 .vs-b .eyebrow{background:var(--ink);color:#fff}
.spec3 .vs-b h3{color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}
.spec3 .vs-cc .cc{box-shadow:var(--sh)}

/* case study charts: the winning week glows */
.spec3 .cs-ch .bar--on{fill:url(#glowbar)}

/* calculator result */
.spec3 .calc-out{background:var(--glow-v);color:var(--ink)}
.spec3 .calc-out .eyebrow{background:var(--ink);color:#fff}
.spec3 .co-big{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.spec3 .co-big small{color:var(--ink);-webkit-text-stroke:0}
.spec3 .co-bars div{color:var(--ink)}.spec3 .co-bars i{background:rgba(255,255,255,.55);border:2px solid var(--ink)}.spec3 .co-bars div+div i{background:#fff}
.spec3 .co-rows{border-top-color:rgba(15,10,31,.35)}.spec3 .co-rows div{border-bottom-color:rgba(15,10,31,.35);color:var(--ink)}.spec3 .co-rows output{color:var(--ink)}.spec3 .co-rows .tot,.spec3 .co-rows .tot output{color:#fff;-webkit-text-stroke:1.2px var(--ink);paint-order:stroke fill}
.spec3 .calc-out .small{color:rgba(15,10,31,.75)}

/* price */
.spec3 .pc{background:var(--glow);color:var(--ink)}
.spec3 .pc .eyebrow--on{background:var(--ink);color:#fff}
.spec3 .amt{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.spec3 .amt small{color:var(--ink);-webkit-text-stroke:0}
.spec3 .pc .inc{border-top-color:rgba(15,10,31,.4)}.spec3 .pc .inc svg{color:var(--ink)}
.spec3 .pc .btn--light{background:var(--ink);color:#fff}

/* the end */
.spec3 .end{background:var(--glow);color:var(--ink)}
.spec3 .end .eyebrow--on{background:var(--ink);color:#fff}
.spec3 .end h2{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}
.spec3 .end .sub{color:var(--ink)}
.spec3 .next li{border:2px solid var(--ink);background:rgba(255,255,255,.9);color:var(--ink)}.spec3 .next i{background:var(--ink);color:#fff}

/* section eyebrows get the glow as an underline */
.spec3 .sec-h .eyebrow{position:relative}
.spec3 .sec-h .eyebrow::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:2px;background:var(--glow)}

/* nav pill */
.spec3 .pill{background:var(--glow);color:var(--ink)}

@media (max-width:700px){
  .spec3 .hero h1,.spec3 .amt,.spec3 .co-big,.spec3 .end h2{-webkit-text-stroke:2px var(--ink)}
  .spec3 .vs-b h3{-webkit-text-stroke:1.5px var(--ink)}
}

/* WhatsApp, in WhatsApp's own green, with the Business mark */
.spec3 .wa-word{color:#25D366;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;white-space:nowrap}
.spec3 .wa-mark{display:inline-block;overflow:visible;width:.82em;height:.82em;vertical-align:-.06em;margin-right:.08em;fill:#25D366;stroke:var(--ink);stroke-width:1.2;paint-order:stroke fill;-webkit-text-stroke:0}
.spec3 .btn .wa-g,.spec3 .btn--ink .wa-g,.spec3 .btn--light .wa-g{color:#25D366}
.spec3 .live i{background:#25D366}
.spec3 .rdot2 span{background:#25D366}
.spec3 .ad-cta svg:first-child,.spec3 .post-c span .wa-g,.spec3 .appr .wa-g,.spec3 .noti .app,.spec3 .cc-h svg:last-child{color:#25D366}
.spec3 .noti .app{background:#25D366}
.spec3 .fg-tile .btn .wa-g{color:#25D366}
@media (max-width:700px){.spec3 .wa-word{-webkit-text-stroke:2px var(--ink)}}

/* narrow screens and side panes (down to 320px): keep the headline word and the header inside the frame */
@media (max-width:700px){.spec3 .hero h1{font-size:clamp(40px,13.6vw,64px)}}
@media (max-width:380px){.spec3 .top .brand span{display:none}.spec3 .top .btn--sm{padding:11px 14px;font-size:14px}.spec3 .top .btn--sm .wa-g{width:19px;height:19px}}
.spec3 .noti{grid-template-columns:44px minmax(0,1fr) auto}
@media (max-width:700px){.spec3 .amt{font-size:clamp(56px,22vw,96px)}}