/* The Memory Wave — site-specific polish (navy primary) */

:root {
  --mw-navy: #001f3f;
  --mw-navy-deep: #001529;
  --mw-navy-soft: #0a2a4d;
  --mw-ink: #1a2332;
  --mw-surface: #f5f7fa;
  --mw-border: #d8dee8;
}

body {
  background: #f5f7fa;
}

/* Solid navy navbar — one color only (including mobile opened menu) */
.menu1,
.menu1.cid-uzadxIfqff,
.cid-uzadxIfqff,
.menu1 .navbar,
.cid-uzadxIfqff .navbar,
.cid-uzadxIfqff .navbar.opened,
.cid-uzadxIfqff .navbar.collapsed,
.cid-uzadxIfqff .navbar.collapsed.opened,
.cid-uzadxIfqff .navbar-dropdown,
.cid-uzadxIfqff .dropdown-menu,
.cid-uzadxIfqff .navbar .navbar-collapse,
.cid-uzadxIfqff .navbar.opened .navbar-collapse,
.cid-uzadxIfqff .navbar.opened .container,
.cid-uzadxIfqff .navbar .container {
  background: #001f3f !important;
  background-color: #001f3f !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 991px) {
  .cid-uzadxIfqff .navbar.opened,
  .cid-uzadxIfqff nav.navbar.opened,
  .cid-uzadxIfqff .navbar.collapsed.opened {
    background: #001f3f !important;
    background-color: #001f3f !important;
    background-image: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-bottom-color: transparent !important;
  }
  .cid-uzadxIfqff .navbar.opened::before,
  .cid-uzadxIfqff .navbar.opened::after {
    display: none !important;
  }
}

.header14.cid-u7DR3n7AX2 {
  background: #ffffff !important;
  background-image: none !important;
}

/* Hero H1 — solid navy (beats leftover red #dc2626 rules) */
.header14 .mbr-section-title,
.header14 .mbr-section-title strong,
.header14 .hero-headline,
.header14 .hero-headline strong,
.cid-u7DR3n7AX2 .mbr-section-title,
.cid-u7DR3n7AX2 .mbr-section-title strong,
.cid-u7DR3n7AX2 .hero-headline,
.cid-u7DR3n7AX2 .hero-headline strong,
.cid-u7DR3n7AX2 h1.mbr-section-title,
.cid-u7DR3n7AX2 h1.mbr-section-title.hero-headline,
.cid-u7DR3n7AX2 h1.mbr-section-title.hero-headline strong,
.header14 h1.mbr-section-title.hero-headline,
.header14 h1.mbr-section-title.hero-headline strong {
  color: #001f3f !important;
}

/* Section title bars — solid navy, white text */
section.content4,
.content4[class*="cid-"],
[class*="cid-"].content4 {
  background: #001f3f !important;
  background-image: none !important;
}

section.content4::before,
.content4[class*="cid-"]::before,
[class*="cid-"].content4::before {
  display: none !important;
  background: none !important;
}

section.content4 .mbr-section-title,
section.content4 .mbr-section-title strong,
section.content4 h2.mbr-section-title,
section.content4 h2.mbr-section-title strong,
.content4 .mbr-section-title,
.content4 .mbr-section-title strong,
.content4 .mbr-section-subtitle,
.content4 .mbr-section-subtitle strong,
[class*="cid-"].content4 .mbr-section-title,
[class*="cid-"].content4 .mbr-section-title strong {
  color: #ffffff !important;
}

/* Light-surface headings stay navy */
.section-guarantee .mbr-section-title,
.section-guarantee .mbr-section-title strong,
.checkout-note .mbr-section-subtitle,
.checkout-note .mbr-section-subtitle strong {
  color: #001f3f !important;
}

/* Sticky CTA — yellow/gold like Genius Brain Signal (keep) */
.sticky-cta-bar {
  background: transparent !important;
  background-image: none !important;
}
.sticky-cta-btn,
.sticky-cta-btn:hover,
.sticky-cta-btn:focus,
.sticky-cta-btn:active,
.sticky-cta-btn:visited {
  background: linear-gradient(180deg, #f0c73a 0%, #e8b923 100%) !important;
  color: #111827 !important;
  text-decoration: none !important;
}
.sticky-cta-label,
.sticky-cta-label strong {
  color: #000000 !important;
}
.sticky-cta-sub,
.sticky-cta-sub strong {
  color: #000000 !important;
}

.footer3,
.cid-s48P1Icc8J {
  background: #001f3f !important;
  background-image: none !important;
}

/* ===== How it works + Science images — device responsive ===== */
#how-it-works-content .image-wrapper,
#science-content .image-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

#how-it-works-content .image-wrapper a,
#science-content .image-wrapper a {
  display: block;
  width: 100%;
}

#how-it-works-content .image-wrapper img,
#science-content .image-wrapper img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

@media (max-width: 991px) {
  #how-it-works-content .image-wrapper,
  #science-content .image-wrapper {
    margin-bottom: 1.25rem;
    max-width: 420px;
  }

  #how-it-works-content .row,
  #science-content .row {
    flex-direction: column;
  }

  #how-it-works-content .col-12,
  #science-content .col-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  #how-it-works-content .text-wrapper,
  #science-content .text-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 575px) {
  #how-it-works-content .image-wrapper,
  #science-content .image-wrapper {
    max-width: 100%;
    padding: 0 0.25rem;
  }
}

.price-strike {
  opacity: 0.7;
  text-decoration: line-through;
}

/* Features list — consistent line spacing */
#features-list .mbr-text,
#features-list .mbr-text p,
#features-list .mbr-text li {
  line-height: 1.65 !important;
}

#features-list .mbr-text p {
  margin: 0 0 1.25rem !important;
}

#features-list .mbr-text ul {
  margin: 0 !important;
  padding-left: 1.25rem !important;
  list-style: disc;
}

#features-list .mbr-text ul li {
  margin: 0 0 0.85rem !important;
  padding-left: 0.25rem;
}

#features-list .mbr-text ul li:last-child {
  margin-bottom: 0 !important;
}

/* Benefits / who-should lists — same rhythm */
#benefits-list .mbr-text,
#who-should-content .mbr-text,
#benefits-list .mbr-text p,
#who-should-content .mbr-text p,
#benefits-list .mbr-text li,
#who-should-content .mbr-text li {
  line-height: 1.65 !important;
}

#benefits-list .mbr-text p,
#who-should-content .mbr-text p {
  margin: 0 0 1.25rem !important;
}

#benefits-list .mbr-text ul,
#who-should-content .mbr-text ul {
  margin: 0 !important;
  padding-left: 1.25rem !important;
}

#benefits-list .mbr-text ul li,
#who-should-content .mbr-text ul li {
  margin: 0 0 0.85rem !important;
}

#benefits-list .mbr-text ul li:last-child,
#who-should-content .mbr-text ul li:last-child {
  margin-bottom: 0 !important;
}

/* Affiliate text links — theme yellow, no underline (not sticky CTA) */
a[rel~="sponsored"]:not(.btn):not(.sticky-cta-btn),
a[rel~="sponsored"]:not(.btn):not(.sticky-cta-btn) strong,
a[rel~="noopener"]:not(.btn):not(.sticky-cta-btn)[href*="hop.clickbank.net"],
a[rel~="noopener"]:not(.btn):not(.sticky-cta-btn)[href*="hop.clickbank.net"] strong {
  color: #e8b923 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  font-weight: 700 !important;
}

a[rel~="sponsored"]:not(.btn):not(.sticky-cta-btn):hover,
a[rel~="sponsored"]:not(.btn):not(.sticky-cta-btn):hover strong,
a[rel~="sponsored"]:not(.btn):not(.sticky-cta-btn):focus,
a[rel~="sponsored"]:not(.btn):not(.sticky-cta-btn):focus strong,
a[rel~="noopener"]:not(.btn):not(.sticky-cta-btn)[href*="hop.clickbank.net"]:hover,
a[rel~="noopener"]:not(.btn):not(.sticky-cta-btn)[href*="hop.clickbank.net"]:hover strong {
  color: #f0c73a !important;
  text-decoration: none !important;
}

/* Sticky CTA text — black on yellow */
.sticky-cta-btn,
.sticky-cta-btn:hover,
.sticky-cta-btn:focus,
.sticky-cta-btn:active,
.sticky-cta-btn:visited,
.sticky-cta-btn .sticky-cta-label,
.sticky-cta-btn .sticky-cta-label strong,
.sticky-cta-btn .sticky-cta-sub,
.sticky-cta-btn .sticky-cta-sub strong {
  color: #000000 !important;
}

/* FAQ expand / collapse arrow — navy */
#faq-list .panel-title .sign.mbr-iconfont,
#faq-list .panel-title .mbr-iconfont,
.cid-tGQ5WULZtP .panel-title .sign.mbr-iconfont,
.cid-tGQ5WULZtP .mbr-iconfont {
  color: #001f3f !important;
}

/* Final CTA product image — a bit taller / larger */
#order-now-cta .image-wrapper,
#order-now-cta .image-wrapper a {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
#order-now-cta .image-wrapper img {
  max-width: min(100%, 680px) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 280px;
  object-fit: contain;
}