// Investors — intentionally minimal and static.
// Wording is legal-reviewed for the Series A SEC safe harbor: NO mention of an
// active raise, NO offering specifics (valuation, terms, returns, investors),
// and NO "invest now" / solicitation language. Displays ONLY the approved
// educational statement and call-to-action. Do not add promotional copy here.
window.InvestorsApp = (function(){

function InvestorsApp(){
  return (
    <>
      <section className="inv-hero">
        <div className="inv-hero-glow" aria-hidden="true"/>
        <div className="inv-hero-inner">
          <h1 className="inv-hero-h1 hero-reveal-2">
            We partner with <span className="inv-accent">qualified investors</span> to
            scale pharmaceutical asset development capacity.
          </h1>
        </div>
      </section>

      <section className="section" style={{paddingTop:64, paddingBottom:120}}>
        <div className="section-inner">
          <div className="inv-card">
            <p className="inv-cta-text">
              If you would like to introduce yourself and explore whether our investment
              philosophy aligns with your financial goals, please email us at{" "}
              <a href="mailto:inquiries@vivamed.com">inquiries@vivamed.com</a>. A member of our
              investor relations team will reach out to schedule an introductory call.
            </p>
            <a className="btn btn-primary inv-cta-btn" href="mailto:inquiries@vivamed.com">
              Email inquiries@vivamed.com
            </a>
          </div>
        </div>
      </section>

      <SiteFooter/>

      <style>{`
        .inv-hero{
          position:relative; overflow:hidden;
          background: linear-gradient(135deg, #06224f 0%, #004AAD 52%, #1566d8 100%);
          color:#fff; padding: 150px 32px 116px;
        }
        .inv-hero-glow{
          position:absolute; inset:0; pointer-events:none;
          background:
            radial-gradient(55% 80% at 80% 22%, rgba(125,190,245,.40), transparent 68%),
            radial-gradient(40% 70% at 12% 95%, rgba(90,160,240,.30), transparent 70%);
          animation: inv-glow 9s ease-in-out infinite alternate;
        }
        @keyframes inv-glow{
          from{ opacity:.65; transform:translate3d(0,0,0) scale(1); }
          to  { opacity:1;   transform:translate3d(-24px,12px,0) scale(1.06); }
        }
        .inv-hero-inner{ position:relative; z-index:1; max-width:1240px; margin:0 auto; }
        .inv-hero-h1{
          font-size: clamp(26px, 3.4vw, 42px);
          font-weight:600; letter-spacing:-.02em; line-height:1.22;
          margin:0; max-width:24ch; color:#eaf2fd; text-wrap:balance;
        }
        .inv-accent{ color:#fff; font-weight:700; }
        @media (prefers-reduced-motion: reduce){ .inv-hero-glow{ animation:none } }
        @media (max-width:640px){ .inv-hero{ padding:104px 20px 72px } }

        .inv-card{
          max-width:680px; margin:0 auto; text-align:center;
          background:#fff; border:1px solid #e6edf5; border-radius:18px;
          padding:44px 40px; box-shadow:0 24px 60px -36px rgba(0,74,173,.3);
        }
        .inv-cta-text{ font-size:16px; line-height:1.7; color:var(--muted,#5C6773); margin:0 0 28px; }
        .inv-cta-text a{ color:var(--primary,#004AAD); font-weight:600; }
        .inv-cta-btn{ font-size:15px; padding:14px 26px; }
      `}</style>
    </>
  );
}

return InvestorsApp;
})();