/* ===================================================================
   BRAIN MEMORY KEEPER  —  braiinmemorykeeper.com
   ------------------------------------------------------------------
   Look:   quiet clinical. Cool paper, graphite ink, periwinkle accent.
           Centred hero inside a ruled frame — no gradient banner, no
           left/right split, no parchment. Fourth layout in the set.
   Type:   Source Serif 4 (display) / Manrope (text)
   Mark:   synapse relay — nodes joined by arcs that strengthen along
           the chain, standing for signal passed and held
   ------------------------------------------------------------------
   Layout safety: grids use minmax(0,1fr); flex children min-width:0;
   media capped with min(Npx,100%). The hero is centre-stacked, so it
   needs no reorder rule — headline, then product, then supporting
   copy at every width by construction.
   ------------------------------------------------------------------
   Editorial position: the review behind this page invented a
   cross-platform ratings table (including star ratings for Reddit and
   Quora, which have none), six testimonials credited to those
   platforms, two expert personas, a "2024 NSF report" statistic with
   no traceable source, and a reference list containing papers on MRI
   contrast agents and deep-brain-stimulation surgery. None of it is
   carried over. What was added: the St John's wort interaction
   warning the source buried, and the NCCIH finding on ginkgo.
=================================================================== */

:root{
  --graph:#23262b;
  --graph-2:#474d57;
  --peri:#5b52e0;
  --peri-lt:#6c63f0;
  --peri-dk:#3f37b8;
  --paper:#f4f5f8;
  --card:#ffffff;
  --band:#e7e9ef;
  --edge:#d3d7e0;
  --dim:#6a7180;
  --alert:#fdf1f2;
  --alert-edge:#c8434f;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--graph);
  font-family:'Manrope',system-ui,sans-serif;
  font-size:17px;line-height:1.72;
}
h1,h2,h3,h4{font-family:'Source Serif 4',Georgia,serif;font-weight:600;line-height:1.24;color:var(--graph);margin-top:0;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
.shell{max-width:1140px;margin-inline:auto;padding-inline:24px;}
.over{
  display:block;font-size:.71rem;font-weight:800;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--peri-dk);margin-bottom:11px;
}

/* ---- actions ---- */
.cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Manrope',sans-serif;font-weight:800;font-size:1rem;
  background:var(--peri);color:#fff;border:none;border-radius:6px;
  padding:15px 30px;cursor:pointer;
  transition:background .15s,transform .15s;
}
.cta:hover{background:var(--peri-dk);transform:translateY(-2px);}
.cta-ghost{
  display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.96rem;
  padding:13px 26px;border:1.5px solid var(--graph);border-radius:6px;
  background:transparent;color:var(--graph);transition:background .15s,color .15s;
}
.cta-ghost:hover{background:var(--graph);color:var(--paper);}

/* ---- header ---- */
.strip{background:var(--graph);color:#aeb5c1;font-size:.79rem;padding:9px 16px;text-align:center;}
.strip b{color:#a49cfb;}
.bar{position:sticky;top:0;z-index:900;background:var(--paper);border-bottom:1px solid var(--edge);padding:15px 0;}
.bar .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sig{font-family:'Source Serif 4',serif;font-weight:600;font-size:1.32rem;}
.sig i{font-style:normal;color:var(--peri);}
.links{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center;}
.links a{font-weight:600;font-size:.93rem;padding-bottom:3px;border-bottom:2px solid transparent;}
.links a:hover{border-bottom-color:var(--peri);}
.burger{display:none;background:none;border:none;font-size:1.65rem;cursor:pointer;color:var(--graph);line-height:1;}
@media(max-width:940px){
  .links{position:absolute;inset-inline:0;top:100%;background:var(--paper);
         border-bottom:1px solid var(--edge);flex-direction:column;gap:0;display:none;}
  .links.out{display:flex;}
  .links li{width:100%;border-top:1px solid var(--edge);}
  .links a{display:block;padding:15px 24px;border:none;}
  .links-cta{display:none;}
  .burger{display:block;}
}

/* ---- hero: two-column, dark banner ---- */
.open{
  background:radial-gradient(ellipse at 85% 0%, #3a404b 0%, var(--graph) 55%, #191c21 100%);
  background-color:var(--graph);
  color:#b3bac6;
  padding:64px 0 0;
  position:relative;overflow:hidden;
}
.open .over{color:#a49cfb;}
.frame{display:flex;align-items:center;gap:48px;flex-wrap:wrap;position:relative;z-index:2;}
.open-copy{flex:1 1 440px;min-width:0;}
.open-top,.open-bottom{width:100%;}
.frame h1{font-size:2.4rem;margin:0 0 20px;color:var(--paper);}
.frame h1 span{color:var(--peri-lt);}
.open-sub{font-size:1.07rem;color:#b3bac6;max-width:540px;margin:0;}
.open-shot{flex:1 1 220px;min-width:0;text-align:center;}
.open-shot img{max-width:min(260px,100%);margin-inline:auto;filter:drop-shadow(0 24px 32px rgba(0,0,0,.42));}
.open-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.open .cta-ghost{border-color:rgba(255,255,255,.5);color:var(--paper);}
.open .cta-ghost:hover{background:var(--paper);color:var(--graph);border-color:var(--paper);}
.open-meta{display:inline-flex;align-items:center;gap:11px;margin-top:26px;color:#b3bac6;font-weight:600;font-size:.93rem;}
.open-meta .pip{color:var(--peri-lt);letter-spacing:2px;}
@media(max-width:900px){
  .open-copy{display:contents;}
  .open-top{order:1;}
  .open-shot{order:2;}
  .open-bottom{order:3;}
}
@media(max-width:620px){
  .open{padding-top:44px;}
  .frame{gap:28px;}
  .frame h1{font-size:1.95rem;}
}

/* ---- answer card ---- */
.brief{border:1px solid var(--edge);border-left:4px solid var(--peri);border-radius:8px;
       background:var(--card);padding:28px 30px;margin-top:46px;
       position:relative;z-index:2;color:var(--graph);}
.brief h2{color:var(--graph);}
.brief h2{font-size:1.42rem;margin:0 0 13px;}
.brief p{margin:0 0 18px;color:var(--graph-2);}
.grid-facts{width:100%;border-collapse:collapse;font-size:.93rem;}
.grid-facts th,.grid-facts td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--edge);vertical-align:top;}
.grid-facts th{width:31%;font-family:'Manrope',sans-serif;font-weight:800;white-space:nowrap;}
.grid-facts td{color:var(--graph-2);}
.grid-facts tr:last-child th,.grid-facts tr:last-child td{border-bottom:none;}
@media(max-width:560px){
  .grid-facts th,.grid-facts td{display:block;width:100%;border-bottom:none;padding:3px 0;}
  .grid-facts th{padding-top:12px;}
  .grid-facts tr{display:block;border-bottom:1px solid var(--edge);padding-bottom:9px;}
}

/* ---- synapse relay ---- */
.relay{display:flex;justify-content:center;padding:42px 0 8px;position:relative;z-index:2;}
.relay svg{width:210px;height:70px;}
.relay-arc{fill:none;stroke:var(--peri-lt);stroke-linecap:round;}
.relay-node{fill:var(--paper);}
.relay-cap{text-align:center;font-size:.72rem;font-weight:800;letter-spacing:1.5px;
           text-transform:uppercase;color:#8f97a5;padding-bottom:36px;position:relative;z-index:2;}

/* ---- sections ---- */
.sec{padding:70px 0;}
.sec-band{background:var(--band);}
.sec-dark{background:var(--graph);color:#b3bac6;}
.sec-dark h2,.sec-dark h3,.sec-dark h4{color:var(--paper);}
.sec-dark .over{color:#a49cfb;}
.sec-head{max-width:760px;margin:0 auto 42px;text-align:center;}
.sec-head h2{font-size:2.05rem;margin:0 0 12px;}
.sec-head p{color:var(--dim);margin:0;}
.sec-dark .sec-head p{color:#8f97a5;}

/* ---- question blocks ---- */
.qwrap{max-width:830px;margin:0 auto 34px;}
.qwrap:last-child{margin-bottom:0;}
.qwrap h3{font-size:1.42rem;margin:0 0 12px;}
.qanswer{
  font-size:1.01rem;color:var(--graph);font-weight:600;
  background:var(--card);border:1px solid var(--edge);border-radius:8px;
  padding:16px 20px;margin:0 0 16px;
}
.sec-dark .qanswer{background:#2c3037;border-color:#3c424c;color:var(--paper);}
.qwrap p{color:var(--graph-2);margin:0 0 13px;}
.sec-dark .qwrap p{color:#9ba3b0;}
.qwrap p:last-child{margin-bottom:0;}

/* ---- alert panel (the SJW warning) ---- */
.flag{
  max-width:860px;margin:0 auto;background:var(--alert);
  border:1px solid var(--alert-edge);border-left:5px solid var(--alert-edge);
  border-radius:8px;padding:28px 30px;
}
.flag h3{font-size:1.32rem;margin:0 0 12px;color:#8d2530;}
.flag p{color:#4a3034;font-size:.96rem;margin:0 0 12px;}
.flag p:last-child{margin-bottom:0;}
.flag strong{color:#6d1f28;}
.flag ul{margin:0 0 12px;padding-left:20px;color:#4a3034;font-size:.95rem;}
.flag li{margin-bottom:7px;}
.flag a{color:#8d2530;text-decoration:underline;text-underline-offset:2px;}

/* ---- seals ---- */
.seals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:860px){.seals{grid-template-columns:repeat(2,minmax(0,1fr));}}
.seal{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:22px 16px;text-align:center;}
.seal img{max-width:min(132px,100%);margin:0 auto 12px;}
.seal b{display:block;font-family:'Source Serif 4',serif;font-size:1.04rem;margin-bottom:6px;}
.seal small{display:block;color:var(--dim);font-size:.81rem;line-height:1.5;}

/* ---- mechanism ---- */
.mechs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin-inline:auto;}
@media(max-width:760px){.mechs{grid-template-columns:1fr;}}
.mech{border-left:3px solid var(--peri);padding-left:20px;}
.mech h4{font-size:1.14rem;margin:0 0 8px;}
.mech p{margin:0;color:#9ba3b0;font-size:.93rem;}

/* ---- ingredient ledger ---- */
.led{max-width:880px;margin:0 auto;}
.led-item{background:var(--card);border:1px solid var(--edge);border-radius:8px;
          padding:24px 24px;margin-bottom:16px;display:flex;gap:20px;align-items:flex-start;}
.led-item:last-child{margin-bottom:0;}
.led-badge{
  flex:0 0 auto;width:42px;height:42px;border-radius:8px;
  background:var(--graph);color:#a49cfb;
  display:flex;align-items:center;justify-content:center;
  font-family:'Source Serif 4',serif;font-weight:600;font-size:1.02rem;
}
.led-txt{min-width:0;}
.led-txt h4{font-size:1.16rem;margin:0 0 8px;}
.led-txt p{margin:0;color:var(--graph-2);font-size:.94rem;}
.caution{
  display:block;margin-top:11px;font-size:.88rem;font-weight:600;
  color:#8d2530;background:var(--alert);border-radius:6px;padding:10px 13px;
}
.caution.hard{border:1px solid var(--alert-edge);}

/* ---- care panel ---- */
.care{max-width:880px;margin:0 auto;background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:30px 30px;}
.care h3{font-size:1.34rem;margin:0 0 10px;}
.care h4{font-family:'Manrope',sans-serif;font-size:1rem;font-weight:800;margin:24px 0 8px;}
.care p{color:var(--graph-2);font-size:.95rem;margin:0 0 10px;}
.care p:last-child{margin-bottom:0;}
.care strong{color:var(--graph);}
.care a{color:var(--peri-dk);text-decoration:underline;text-underline-offset:2px;}

/* ---- pricing ---- */
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
@media(max-width:920px){.packs{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}}
.pack{background:var(--card);border:1px solid var(--edge);border-radius:10px;
      padding:26px 22px;text-align:center;display:flex;flex-direction:column;position:relative;}
.pack-lead{border:2px solid var(--peri);box-shadow:0 14px 30px rgba(91,82,224,.16);}
.flagtab{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--peri);color:#fff;font-size:.68rem;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap;
}
.flagtab.slate{background:var(--graph);}
.pack-slot{height:158px;display:flex;align-items:center;justify-content:center;margin:8px 0 14px;}
.pack-slot img{max-height:158px;width:auto;max-width:100%;}
.pack-name{font-family:'Source Serif 4',serif;font-weight:600;font-size:1.32rem;}
.pack-sub{color:var(--dim);font-size:.86rem;margin-bottom:12px;}
.pack-rate{font-family:'Source Serif 4',serif;font-weight:600;font-size:2.3rem;line-height:1;}
.pack-rate small{font-family:'Manrope',sans-serif;font-size:.84rem;font-weight:500;color:var(--dim);}
.pack-tot{font-weight:800;margin:9px 0 2px;}
.pack-note{font-size:.83rem;font-weight:700;color:var(--peri-dk);margin-bottom:16px;}
.pack .cta{width:100%;margin-top:auto;}
.pack-cards{max-width:min(175px,100%);margin:13px auto 0;opacity:.75;}
.packs-fine{text-align:center;color:var(--dim);font-size:.87rem;max-width:740px;margin:26px auto 0;}

/* ---- outcomes ---- */
.gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.gains{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.gains{grid-template-columns:1fr;}}
.gain{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.gain h4{font-size:1.06rem;margin:0 0 8px;}
.gain p{margin:0;color:var(--graph-2);font-size:.92rem;}

/* ---- voices ---- */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.notes{grid-template-columns:1fr;}}
.note{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:24px 20px;}
.note-who{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.note-who img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.note-nm{font-weight:800;font-size:.95rem;}
.note-tag{color:var(--dim);font-size:.82rem;}
.note-pip{color:var(--peri);letter-spacing:2px;margin-bottom:7px;font-size:.9rem;}
.note p{margin:0;color:var(--graph-2);font-size:.92rem;}
.notes-fine{text-align:center;color:var(--dim);font-size:.85rem;max-width:690px;margin:24px auto 0;}
.rate-row{text-align:center;margin-top:26px;}
.rate-row img{max-width:min(290px,100%);margin-inline:auto;}

/* ---- guarantee ---- */
.vow{display:flex;gap:38px;align-items:center;flex-wrap:wrap;background:var(--card);
     border:1px solid var(--edge);border-radius:10px;padding:34px;}
.vow img{max-width:min(165px,100%);margin-inline:auto;}
.vow-txt{flex:1 1 340px;min-width:0;}
.vow-txt h3{font-size:1.7rem;margin:0 0 12px;}
.vow-txt p{color:var(--graph-2);}

/* ---- closer ---- */
.end{background:var(--graph);color:#b3bac6;border-radius:10px;padding:50px 30px;text-align:center;}
.end h2{font-size:2.05rem;color:var(--paper);margin:0 0 8px;}
.end img{max-width:min(300px,100%);margin:22px auto;}
.end-rate{font-family:'Source Serif 4',serif;font-weight:600;color:#a49cfb;font-size:2rem;margin:4px 0 20px;}
.end-fine{color:#8f97a5;font-size:.87rem;max-width:540px;margin:20px auto 0;}

/* ---- FAQ ---- */
.qa{max-width:840px;margin:0 auto;}
.qa-row{background:var(--card);border:1px solid var(--edge);border-radius:8px;margin-bottom:12px;}
.qa-row:last-child{margin-bottom:0;}
.qa-btn{width:100%;background:none;border:none;cursor:pointer;text-align:left;
        font-family:'Source Serif 4',serif;font-weight:600;font-size:1.1rem;color:var(--graph);
        padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.qa-btn::after{content:'+';font-family:'Manrope',sans-serif;font-size:1.3rem;color:var(--peri);
               transition:transform .2s;flex-shrink:0;line-height:1;}
.qa-row.live .qa-btn::after{transform:rotate(45deg);}
.qa-panel{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.qa-panel p{margin:0 0 12px;padding:0 20px;color:var(--graph-2);font-size:.94rem;}
.qa-panel p:last-child{padding-bottom:18px;}

/* ---- references ---- */
.cites{max-width:860px;margin:0 auto;}
.cites ol{padding-left:22px;margin:0;}
.cites li{margin-bottom:11px;color:var(--graph-2);font-size:.92rem;}
.cites a{color:var(--peri-dk);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.cites-fine{color:var(--dim);font-size:.87rem;margin-top:20px;}

/* ---- internal links ---- */
.onward{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:960px;margin:0 auto;}
@media(max-width:860px){.onward{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){.onward{grid-template-columns:1fr;}}
.onward a{display:block;background:var(--card);border:1px solid var(--edge);border-radius:8px;
          padding:18px 16px;transition:border-color .15s,transform .15s;}
.onward a:hover{border-color:var(--peri);transform:translateY(-2px);}
.onward b{display:block;font-family:'Source Serif 4',serif;font-weight:600;font-size:1.06rem;margin-bottom:5px;}
.onward span{color:var(--dim);font-size:.84rem;}

.ilink{color:var(--peri-dk);text-decoration:underline;text-underline-offset:2px;font-weight:600;}

/* ---- footer ---- */
.base{background:var(--graph);color:#858d9b;padding:42px 0 28px;font-size:.87rem;border-top:3px solid var(--peri);}
.base a{color:#b3bac6;text-decoration:underline;text-underline-offset:2px;}
.base a:hover{color:#a49cfb;}
.base hr{border:none;border-top:1px solid #363b44;margin:24px 0;}
.base p{margin:0 0 14px;}

/* ---- mobile order rail ---- */
.rail{position:fixed;inset-inline:0;bottom:0;z-index:950;background:var(--graph);padding:9px 16px;
      display:none;align-items:center;justify-content:space-between;gap:12px;border-top:2px solid var(--peri);}
.rail-p{color:var(--paper);line-height:1.2;}
.rail-p b{color:#a49cfb;font-family:'Source Serif 4',serif;font-size:1.1rem;}
.rail-p small{display:block;color:#858d9b;font-size:.71rem;}
@media(max-width:940px){.rail{display:flex;}body{padding-bottom:66px;}}

.ctr{text-align:center;}