/* Brand alignment with the Vital Spark logo (Oct 2026).
   Gradient follows the wordmark: orange to pink to purple. Lighter version for dark and photo backgrounds. */
:root{--action:#8B2FE6;--action-hover:#7418C4;--action-ink:#fff;--gradient:linear-gradient(90deg,#FF7131 0%,#F02963 52%,#7418C4 100%);--gradient-on-dark:linear-gradient(100deg,#FF9A62 0%,#FF5C8E 50%,#C08BFF 100%)}
.hero .gradient{background-size:100% 100%}
.scene .gradient,.results .gradient{background-image:var(--gradient-on-dark)}
.logo img{display:block}
.site-header .logo{width:150px}
footer .logo{width:124px}
@media(max-width:760px){.site-header .logo{width:118px}}

/* Spark: small mark before a few key labels, faded watermark on navy blocks */
.spark-mark{width:16px;height:16px;flex-shrink:0;margin-right:-2px}
.results,.lp-proof{position:relative;overflow:hidden}
.results>*:not(.spark-watermark),.lp-proof>*:not(.spark-watermark){position:relative;z-index:1}
.spark-watermark{position:absolute;right:-150px;bottom:-190px;width:560px;height:560px;opacity:.06;pointer-events:none;z-index:0}
@media(max-width:760px){.spark-watermark{width:340px;height:340px;right:-110px;bottom:-120px}}