/* ---------- LIFE SCIENCES & PHARMA ---------- */
function LifeSciences() {
  const status = [
  { k: 'Illustrative', t: 'A general practice scenario, built for the congress stand.', p: 'A worked model built from public data. Not a delivered project, not a pilot, and no GP practice is a Crius client.' },
  { k: 'Upcoming', t: 'Exhibiting at the AI Clinical Congress.', p: '12 September 2026, UCD O\u2019Reilly Hall, Dublin. Real, dated, and still ahead of us.' }];

  const gpInputs = [
  { k: 'Source', v: 'Crosbie et al., on administrative load in Irish general practice.' },
  { k: 'Source', v: 'ICGP workforce data on practitioner numbers and capacity.' },
  { k: 'Source', v: 'CSO panel data, used for list size and demographic modelling.' },
  { k: 'Subject', v: 'A hypothetical six-GP practice. Constructed for the stand, not drawn from a client.' },
  { k: 'Status', v: 'In development. Illustrative throughout, with no real patient data of any kind.' }];

  return (
    <React.Fragment>
      <section className="section" id="life-sciences">
        <div className="container">
          <GhostHead
            num="01"
            eyebrow="Sector focus"
            title="Life Sciences & Pharma."
            lede="A direction Crius is building in the open. Two things exist right now, and this page keeps them apart: a scenario built to illustrate the thinking, and a stand in Dublin next month."
            dropcap />
          

          <div className="marginalia" style={{ marginTop: 8, marginBottom: 32 }}>
            <div className="studio-head" style={{ marginBottom: 0 }}>
              <span className="eyebrow">Where to find us</span>
              <h3 style={{ fontFamily: 'var(--serif)', fontSize: 28, marginTop: 14, maxWidth: '46ch' }}>Exhibiting at the AI Clinical Congress, 12 September 2026.</h3>
              <p className="lede" style={{ marginTop: 12, maxWidth: '58ch' }}>UCD O&rsquo;Reilly Hall, Dublin. Crius will be exhibiting, and the conversation we want at the stand is about how your organisation actually runs, not about what we happen to have built. Bring the process that wastes the most time.</p>
            </div>
            <div className="marginalia-note">A fixed, external, checkable date. Everything else on this page can be tested against what you see there.</div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', borderTop: '1px solid var(--rule)', borderLeft: '1px solid var(--rule)' }}>
            {status.map((s, i) =>
            <div key={i} style={{ borderRight: '1px solid var(--rule)', borderBottom: '1px solid var(--rule)', padding: 28, display: 'flex', flexDirection: 'column', gap: 12 }}>
                <span style={{ fontFamily: 'var(--mono)', fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.12em', color: 'var(--accent)' }}>{s.k}</span>
                <h4 style={{ margin: 0, fontFamily: 'var(--serif)', fontSize: 20, lineHeight: 1.3 }}>{s.t}</h4>
                <p style={{ margin: 0, fontSize: 14, fontFamily: 'var(--sans)', color: 'var(--ink-3)', lineHeight: 1.6 }}>{s.p}</p>
              </div>
            )}
          </div>
        </div>
      </section>

      <section className="section" style={{ background: 'var(--bg-sunk)' }}>
        <div className="container">
          <div style={{ position: 'relative', paddingTop: 'clamp(64px, 8vw, 118px)' }}>
            <span className="ghost-num" aria-hidden="true" style={{ position: 'absolute', top: 0, left: '-0.03em', fontSize: 'clamp(70px, 11vw, 170px)', color: 'var(--ink)', opacity: 0.06, lineHeight: 0.78, zIndex: 0, pointerEvents: 'none' }}>02</span>
            <div style={{ position: 'relative', zIndex: 1 }}>
              <SecHead
                num="§02"
                eyebrow="Why this sector"
                title="The clinical work isn't the bottleneck. The paperwork around it is."
                lede="A therapeutic launch runs on coordination: submissions, medical review, market readiness, each one waiting on another. In Irish general practice, a shrinking number of practitioners carry a growing administrative load on top of the consulting day. Different settings, the same failure mode: qualified people spending their scarcest hours on documentation and hand-offs." />
            </div>
          </div>

          <p className="pull-quote"><span className="pull-quote-mark"></span>The useful question in a clinical setting is never what the model can do. It's which hour of the week you'd want back first.</p>
        </div>
      </section>

      <section className="section-tight" style={{ background: 'var(--bg-sunk)' }}>
        <div className="container">
          <SecHead
            num="§03"
            eyebrow="What is in progress"
            title="A general practice scenario, illustrative by design."
            lede="Built for the congress stand as a way to have a concrete conversation. It is illustrative and still in development. No GP practice has commissioned it, and none is a Crius client." />
          

          <div className="faq" style={{ marginTop: 8 }}>
            {gpInputs.map((d, i) =>
            <div key={i} className="faq-item open" style={{ padding: '24px 0' }}>
                <div style={{ display: 'grid', gridTemplateColumns: '160px 1fr', gap: 24, alignItems: 'baseline' }}>
                  <span style={{ fontFamily: 'var(--mono)', fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.12em', color: 'var(--accent)' }}>{d.k}</span>
                  <p style={{ margin: 0, fontSize: 16, color: 'var(--ink-2)', lineHeight: 1.6 }}>{d.v}</p>
                </div>
              </div>
            )}
          </div>

          <div className="marginalia" style={{ marginTop: 40 }}>
            <div style={{ borderTop: '1px solid var(--rule)', paddingTop: 32 }}>
              <p style={{ margin: 0, fontSize: 17, fontFamily: 'var(--serif)', lineHeight: 1.75, color: 'var(--ink-2)', maxWidth: '62ch' }}>
                A scenario, labelled as a scenario. If a practice engages us after the congress, what gets built will be scoped to that practice, and this scenario will have served its only purpose: starting the conversation.
              </p>
            </div>
            <div className="marginalia-note" style={{ paddingTop: 32 }}>Public data only. Crosbie et al., ICGP and CSO figures, applied to a practice that does not exist.</div>
          </div>
        </div>
      </section>

      <section className="section-tight">
        <div className="container">
          <SecHead
            num="§04"
            eyebrow="Where this goes"
            title="A direction, stated as a direction."
            lede="A scenario in general practice, and a stand in Dublin in September. That is where the sector work stands today." />
          

          <div style={{ borderTop: '1px solid var(--rule)', paddingTop: 32 }}>
            <p style={{ margin: 0, fontSize: 17, fontFamily: 'var(--serif)', lineHeight: 1.75, color: 'var(--ink-2)', maxWidth: '68ch' }}>
              What Crius offers a clinical or life-sciences organisation is not a product to be adopted. It is implementation done properly and safely, with us alongside the team the whole way through, and a result that conforms to how the organisation already works rather than asking it to reorganise around software.
            </p>
          </div>

          <div className="section-cta">
            <a href="#" onClick={(e) => {e.preventDefault();window.__setTab && window.__setTab('contact');}} className="btn btn-primary">Book a Consultation <IconArrow /></a>
          </div>
        </div>
      </section>
    </React.Fragment>);

}
Object.assign(window, { LifeSciences });