/* Only requested visual differences: brand wordmarks and blue product bottles.
   All layout, breakpoints, motion and page content come from the reference. */
:root { --novaboost-bottle-filter: url("/brand/bottle-blue.svg#blue"); }
img:is([alt="vitamin product"], [alt="vitamin bottle"], [alt="vitamin"], [alt="products"], [alt="probiotic"], [alt="vitamin gummies"], [alt="vitamin gummy"], [alt="capsule on the bottle"]) {
  filter: var(--novaboost-bottle-filter);
}
a[data-framer-name="Logo"] { position: relative; overflow: visible !important; }
a[data-framer-name="Logo"] .svgContainer { clip-path: inset(0 77% 0 0); }
a[data-framer-name="Logo"]::after {
  content: 'NovaBoost'; position: absolute; left: 26%; top: 50%; transform: translateY(-50%);
  font-family: 'Manrope', sans-serif; font-size: 24px; font-weight: 600; letter-spacing: -.6px;
  line-height: 1; color: #555b39; white-space: nowrap;
}
#novaboost-form-status {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 100000;
  width: min(480px,calc(100vw - 40px)); padding: 18px 24px; border: 1px solid #ddd;
  background: white; color: #222; border-radius: 12px; font: 15px/1.5 Manrope,sans-serif;
  box-shadow: 0 8px 30px #0002;
}
/* NovaBoost has wider glyphs: keep the reference's mobile heading footprint. */
@media (max-width:809.98px) {
  h1.framer-styles-preset-u6uf8i { --framer-font-size: min(72px, 16.5vw) !important; }
}
@media (min-width:810px) and (max-width:1199.98px) {
  h1.framer-styles-preset-u6uf8i { --framer-font-size: min(150px, 16.5vw) !important; }
}