/* ===================================================================
   PROMIND COMPLEX  —  promindcomplex.net
   ------------------------------------------------------------------
   Look:      "reading room" — light parchment page, espresso ink,
              clay accent. Deliberately a LIGHT hero (no dark gradient
              banner) so the page reads unlike the rest of the network.
   Type:      Literata (book serif) / Epilogue (grotesque sans)
   Mark:      recall loop — a closed thread that returns on itself,
              with retrieval nodes placed along it
   ------------------------------------------------------------------
   Layout safety: every grid uses minmax(0,1fr); flex children carry
   min-width:0; media capped via min(Npx,100%); on narrow screens the
   hero reorders to headline -> product -> supporting copy.
   ------------------------------------------------------------------
   Editorial position: the review this page was drafted from carried
   invented trial percentages, an invented Harvard-affiliated author,
   six testimonials falsely credited to Reddit/Trustpilot/Facebook/
   Quora/X, "FDA approved" phrasing, and dementia-adjacent promises.
   None of it survives here. What was added instead: the FDA advisory
   on vinpocetine, the NCCIH finding that ginkgo does not prevent
   dementia or slow cognitive decline, and per-ingredient interaction
   warnings. Outbound citations are ingredient-level only.
=================================================================== */

:root{
  --ink:#2a231d;
  --ink-soft:#4a4038;
  --clay:#b0492e;
  --clay-deep:#8c3720;
  --parch:#f5efe2;
  --parch-2:#ebe3d1;
  --paper:#fffdf8;
  --rule:#ddd2ba;
  --muted:#6d645a;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--parch);
  color:var(--ink);
  font-family:'Epilogue',system-ui,sans-serif;
  font-size:17px;
  line-height:1.72;
}
h1,h2,h3,h4{font-family:'Literata',Georgia,serif;font-weight:700;line-height:1.28;color:var(--ink);margin-top:0;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
.wrap{max-width:1140px;margin-inline:auto;padding-inline:24px;}
.kicker{
  font-family:'Epilogue',sans-serif;font-size:.74rem;font-weight:700;
  letter-spacing:2.6px;text-transform:uppercase;color:var(--clay-deep);
  display:block;margin-bottom:10px;
}

/* ---- actions ---- */
.act{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Epilogue',sans-serif;font-weight:700;font-size:1rem;
  padding:15px 30px;border:none;border-radius:4px;cursor:pointer;
  background:var(--clay);color:#fff8f2;
  box-shadow:0 3px 0 var(--clay-deep);
  transition:background .15s,box-shadow .15s,transform .15s;
}
.act:hover{background:var(--clay-deep);box-shadow:0 1px 0 var(--clay-deep);transform:translateY(2px);}
.act-quiet{
  display:inline-flex;align-items:center;gap:9px;
  font-weight:700;font-size:.97rem;padding:13px 26px;border-radius:4px;
  border:2px solid var(--ink);background:transparent;color:var(--ink);
  transition:background .15s,color .15s;
}
.act-quiet:hover{background:var(--ink);color:var(--parch);}

/* ---- masthead ---- */
.rule-strip{background:var(--ink);color:#d8cdba;font-size:.8rem;padding:8px 16px;text-align:center;}
.rule-strip b{color:#e9a184;}
.masthead{position:sticky;top:0;z-index:900;background:var(--parch);border-bottom:2px solid var(--ink);padding:15px 0;}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.wordmark{font-family:'Literata',serif;font-weight:700;font-size:1.4rem;letter-spacing:-.4px;}
.wordmark i{font-style:normal;color:var(--clay);}
.menu{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center;}
.menu a{font-weight:600;font-size:.94rem;padding-bottom:2px;border-bottom:2px solid transparent;}
.menu a:hover{border-bottom-color:var(--clay);}
.menu-btn{display:none;background:none;border:none;font-size:1.7rem;cursor:pointer;color:var(--ink);line-height:1;}
@media(max-width:920px){
  .menu{position:absolute;inset-inline:0;top:100%;background:var(--parch);border-bottom:2px solid var(--ink);
        flex-direction:column;gap:0;display:none;}
  .menu.shown{display:flex;}
  .menu li{width:100%;border-top:1px solid var(--rule);}
  .menu a{display:block;padding:15px 24px;border:none;}
  .menu-cta{display:none;}
  .menu-btn{display:block;}
}

/* ---- opening (LIGHT hero) ---- */
.opening{padding:52px 0 20px;border-bottom:1px solid var(--rule);}
.opening-grid{display:flex;gap:46px;align-items:center;flex-wrap:wrap;}
.opening-text{flex:1 1 420px;min-width:0;}
.op-a,.op-b{width:100%;}
.opening h1{font-size:2.45rem;margin:0 0 18px;letter-spacing:-.5px;}
.opening h1 span{color:var(--clay);}
.opening-lede{font-size:1.09rem;color:var(--ink-soft);max-width:540px;margin:0;}
.opening-shot{flex:1 1 240px;min-width:0;text-align:center;}
.opening-shot img{max-width:min(250px,100%);margin-inline:auto;}
.opening-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
.opening-meta{display:flex;align-items:center;gap:11px;margin-top:24px;color:var(--muted);font-weight:600;font-size:.95rem;}
.opening-meta .pips{color:var(--clay);letter-spacing:2px;}
@media(max-width:920px){
  .opening-text{display:contents;}
  .op-a{order:1;}
  .opening-shot{order:2;margin:8px 0;}
  .op-b{order:3;}
}

/* ---- answer card (AEO/GEO summary block) ---- */
.answer{
  background:var(--paper);border:2px solid var(--ink);border-radius:6px;
  padding:28px 30px;margin:38px 0 0;box-shadow:6px 6px 0 var(--parch-2);
}
.answer h2{font-size:1.22rem;margin:0 0 12px;}
.answer p{margin:0 0 16px;color:var(--ink-soft);}
.answer p:last-child{margin-bottom:0;}
.facts{width:100%;border-collapse:collapse;font-size:.94rem;margin-top:6px;}
.facts th,.facts td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:top;}
.facts th{width:34%;font-family:'Epilogue',sans-serif;font-weight:700;color:var(--ink);white-space:nowrap;}
.facts td{color:var(--ink-soft);}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:none;}
@media(max-width:560px){
  .facts th,.facts td{display:block;width:100%;border-bottom:none;padding:4px 0;}
  .facts th{padding-top:12px;}
  .facts tr{display:block;border-bottom:1px solid var(--rule);padding-bottom:8px;}
}

/* ---- signature: recall loop ---- */
.loop-bay{display:flex;justify-content:center;padding:34px 0 8px;}
.loop-bay svg{width:132px;height:104px;}
.loop-line{fill:none;stroke:var(--clay);stroke-width:2.2;stroke-linecap:round;}
.loop-node{fill:var(--ink);}
.loop-cap{text-align:center;font-size:.75rem;font-weight:700;letter-spacing:1.4px;
          text-transform:uppercase;color:var(--muted);padding-bottom:34px;}

/* ---- bands ---- */
.band{padding:70px 0;}
.band-alt{background:var(--parch-2);}
.band-ink{background:var(--ink);color:#ded3c0;}
.band-ink h2,.band-ink h3,.band-ink h4{color:var(--paper);}
.band-ink .kicker{color:#e9a184;}
.band-head{max-width:740px;margin:0 auto 42px;text-align:center;}
.band-head h2{font-size:1.95rem;margin:0 0 12px;}
.band-head p{color:var(--muted);margin:0;}
.band-ink .band-head p{color:#b1a693;}

/* ---- Q blocks (AEO: question heading + immediate answer) ---- */
.qblock{max-width:820px;margin:0 auto 34px;}
.qblock:last-child{margin-bottom:0;}
.qblock h3{font-size:1.3rem;margin:0 0 10px;}
.qlede{
  font-size:1.03rem;color:var(--ink);border-left:3px solid var(--clay);
  padding-left:16px;margin:0 0 14px;font-weight:500;
}
.band-ink .qlede{color:var(--paper);border-left-color:#e9a184;}
.qblock p{color:var(--ink-soft);margin:0 0 12px;}
.band-ink .qblock p{color:#c3b8a5;}
.qblock p:last-child{margin-bottom:0;}

/* ---- credential tiles ---- */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
@media(max-width:840px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));}}
.tile{background:var(--paper);border:1px solid var(--rule);border-radius:5px;padding:22px 18px;text-align:center;}
.tile img{max-width:min(140px,100%);margin:0 auto 12px;}
.tile b{display:block;font-family:'Literata',serif;font-size:1rem;margin-bottom:6px;}
.tile small{display:block;color:var(--muted);font-size:.83rem;line-height:1.5;}

/* ---- mechanism ---- */
.mech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
@media(max-width:760px){.mech{grid-template-columns:1fr;}}
.mech-item{border-top:3px solid var(--clay);padding-top:18px;}
.mech-item h4{font-size:1.1rem;margin:0 0 8px;}
.mech-item p{margin:0;color:#c3b8a5;font-size:.94rem;}

/* ---- ingredient ledger ---- */
.ledger{max-width:880px;margin:0 auto;border-top:2px solid var(--ink);}
.ledger-row{border-bottom:1px solid var(--rule);padding:24px 0;display:flex;gap:22px;align-items:flex-start;}
.ledger-tag{
  flex:0 0 auto;width:46px;height:46px;border-radius:50%;
  background:var(--ink);color:var(--parch);
  display:flex;align-items:center;justify-content:center;
  font-family:'Literata',serif;font-weight:700;font-size:1.02rem;
}
.ledger-body{min-width:0;}
.ledger-body h4{font-size:1.08rem;margin:0 0 7px;}
.ledger-body p{margin:0;color:var(--ink-soft);font-size:.94rem;}
.flagline{
  display:block;margin-top:10px;font-size:.87rem;font-weight:600;
  color:var(--clay-deep);background:#f7e6df;border-radius:3px;padding:8px 11px;
}

/* ---- caution panel ---- */
.caution{max-width:880px;margin:0 auto;background:var(--paper);border:2px solid var(--clay);border-radius:6px;padding:30px 30px;}
.caution h3{font-size:1.18rem;margin:0 0 10px;}
.caution h4{font-size:1.02rem;margin:24px 0 8px;font-family:'Epilogue',sans-serif;}
.caution p{color:var(--ink-soft);font-size:.95rem;margin:0 0 10px;}
.caution p:last-child{margin-bottom:0;}
.caution strong{color:var(--ink);}
.caution a{color:var(--clay-deep);text-decoration:underline;text-underline-offset:2px;}

/* ---- pricing ---- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}}
.plan{
  background:var(--paper);border:2px solid var(--ink);border-radius:6px;
  padding:26px 22px 24px;text-align:center;display:flex;flex-direction:column;position:relative;
}
.plan-pick{box-shadow:8px 8px 0 var(--clay);}
.flagtab{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--clay);color:#fff8f2;font-size:.72rem;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;padding:5px 15px;border-radius:3px;white-space:nowrap;
}
.flagtab.alt{background:var(--ink);}
.shelf{height:168px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:14px;}
.shelf img{max-height:168px;width:auto;max-width:100%;}
.plan-name{font-family:'Literata',serif;font-weight:700;font-size:1.2rem;}
.plan-sub{color:var(--muted);font-size:.88rem;margin-bottom:12px;}
.plan-rate{font-family:'Literata',serif;font-weight:700;font-size:2.05rem;line-height:1;}
.plan-rate small{font-family:'Epilogue',sans-serif;font-size:.86rem;font-weight:400;color:var(--muted);}
.plan-sum{font-weight:700;margin:9px 0 2px;}
.plan-note{font-size:.84rem;font-weight:700;color:var(--clay-deep);margin-bottom:16px;}
.plan .act{width:100%;margin-top:auto;}
.plan-cards{max-width:min(180px,100%);margin:13px auto 0;opacity:.8;}
.plans-fine{text-align:center;color:var(--muted);font-size:.87rem;max-width:720px;margin:28px auto 0;}

/* ---- supported outcomes ---- */
.outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.outcomes{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.outcomes{grid-template-columns:1fr;}}
.outcome{background:var(--paper);border:1px solid var(--rule);border-radius:5px;padding:24px 20px;}
.outcome h4{font-size:1.02rem;margin:0 0 8px;}
.outcome h4::before{content:'—';color:var(--clay);margin-right:8px;}
.outcome p{margin:0;color:var(--ink-soft);font-size:.93rem;}

/* ---- voices ---- */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
@media(max-width:900px){.voices{grid-template-columns:1fr;}}
.voice{background:var(--paper);border:1px solid var(--rule);border-radius:5px;padding:26px 22px;}
.voice-id{display:flex;align-items:center;gap:13px;margin-bottom:11px;}
.voice-id img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.voice-name{font-weight:700;}
.voice-place{color:var(--muted);font-size:.84rem;}
.voice-pips{color:var(--clay);letter-spacing:2px;margin-bottom:7px;}
.voice p{margin:0;color:var(--ink-soft);font-size:.93rem;}
.voices-fine{text-align:center;color:var(--muted);font-size:.86rem;max-width:660px;margin:24px auto 0;}
.rating-bay{text-align:center;margin-top:28px;}
.rating-bay img{max-width:min(300px,100%);margin-inline:auto;}

/* ---- promise ---- */
.promise{display:flex;gap:40px;align-items:center;flex-wrap:wrap;background:var(--paper);
         border:2px solid var(--ink);border-radius:6px;padding:36px;}
.promise img{max-width:min(170px,100%);margin-inline:auto;}
.promise-copy{flex:1 1 340px;min-width:0;}
.promise-copy h3{font-size:1.6rem;margin:0 0 12px;}
.promise-copy p{color:var(--ink-soft);}

/* ---- closing ---- */
.closing{background:var(--ink);color:#ded3c0;border-radius:6px;padding:52px 30px;text-align:center;}
.closing h2{font-size:1.95rem;color:var(--paper);margin:0 0 8px;}
.closing img{max-width:min(300px,100%);margin:22px auto;}
.closing-rate{font-family:'Literata',serif;font-weight:700;color:#e9a184;font-size:1.95rem;margin:4px 0 20px;}
.closing-fine{color:#b1a693;font-size:.88rem;max-width:540px;margin:20px auto 0;}

/* ---- questions ---- */
.qa{max-width:840px;margin:0 auto;border-top:2px solid var(--ink);}
.qa-item{border-bottom:1px solid var(--rule);}
.qa-q{
  width:100%;background:none;border:none;cursor:pointer;text-align:left;
  font-family:'Literata',serif;font-weight:700;font-size:1.03rem;color:var(--ink);
  padding:19px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.qa-q::after{content:'›';font-size:1.5rem;color:var(--clay);transition:transform .2s;flex-shrink:0;line-height:1;}
.qa-item.open .qa-q::after{transform:rotate(90deg);}
.qa-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.qa-a p{margin:0 0 12px;padding:0 4px;color:var(--ink-soft);font-size:.95rem;}
.qa-a p:last-child{padding-bottom:19px;}

/* ---- sources ---- */
.sources{max-width:860px;margin:0 auto;}
.sources ol{padding-left:22px;margin:0;}
.sources li{margin-bottom:11px;color:var(--ink-soft);font-size:.93rem;}
.sources a{color:var(--clay-deep);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.sources-fine{color:var(--muted);font-size:.88rem;margin-top:20px;}

/* ---- read more (internal links) ---- */
.readmore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:940px;margin:0 auto;}
@media(max-width:840px){.readmore{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){.readmore{grid-template-columns:1fr;}}
.readmore a{
  display:block;background:var(--paper);border:1px solid var(--rule);border-radius:5px;
  padding:18px 16px;transition:border-color .15s,transform .15s;
}
.readmore a:hover{border-color:var(--clay);transform:translateY(-2px);}
.readmore b{display:block;font-family:'Literata',serif;font-size:.99rem;margin-bottom:5px;}
.readmore span{color:var(--muted);font-size:.85rem;}

.inline-link{color:var(--clay-deep);text-decoration:underline;text-underline-offset:2px;font-weight:600;}

/* ---- colophon ---- */
.colophon{background:var(--ink);color:#9a9084;padding:42px 0 28px;font-size:.89rem;border-top:4px solid var(--clay);}
.colophon a{color:#ded3c0;text-decoration:underline;text-underline-offset:2px;}
.colophon a:hover{color:#e9a184;}
.colophon hr{border:none;border-top:1px solid #453b32;margin:24px 0;}
.colophon p{margin:0 0 14px;}

/* ---- narrow-screen order rail ---- */
.rail{
  position:fixed;inset-inline:0;bottom:0;z-index:950;background:var(--ink);
  padding:9px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;
  border-top:3px solid var(--clay);
}
.rail-price{color:var(--paper);line-height:1.2;}
.rail-price b{color:#e9a184;font-family:'Literata',serif;font-size:1.05rem;}
.rail-price small{display:block;color:#9a9084;font-size:.71rem;}
@media(max-width:920px){.rail{display:flex;}body{padding-bottom:68px;}}

.center{text-align:center;}