/* ============================================================
   BEDROCK — Strata 1–3 : Listening · Framing · Envisioning
   ============================================================ */
const { Eyebrow, Pull, Stanza, Cards, Reveal, Prompts, RankList, ScoreRow, Capture } = window;

/* ---------- STRATUM 1 — LISTENING ---------- */
function StratumListening() {
  return (
    <>
      <p className="stratum-lede beat-in">
        You are not simply starting a robotics company. You are trying to solve a
        missing-sense problem: operators can <strong>see</strong> through machines,{" "}
        <strong>move</strong> machines, and <strong>command</strong> machines — but they
        still cannot truly <strong>feel</strong> through them.
      </p>

      <Pull>Robotics will not feel fully embodied until touch becomes biological, not just mechanical.</Pull>

      <p className="prose ash" style={{ marginTop: 8 }}>
        Project Juvet is positioned to close the long-standing embodiment gap in teleoperated
        robotics — giving operators something closer to real tactile sensation, rather than
        another proxy signal they must mentally translate. Two questions sit underneath the
        ask: can the architecture be believed, and can the story be funded.
      </p>

      <hr className="hr" />

      <Reveal mono="heard clearly" label="What was said in plain words">
        <Stanza lines={[
          { t: "The current haptics paradigm is inadequate." },
          { t: "Vibration, force feedback, electrotactile stimulation — still proxies for touch." },
          { t: "Juvet aims past proxy feedback toward biological sensory activation." },
          { t: "The vision is a platform layer, not a single product." },
          { t: "Early, but not merely conceptual: provisional patent, defined phases, stated round.", turn: true },
        ]} />
      </Reveal>

      <div className="spacer-s" />

      <Reveal mono="left unspoken" label="What was heard beneath the words">
        <div className="prose">
          <p className="ash">The technical ambition may be ahead of the market's ability to understand it quickly. The biggest risk may not be whether the science excites — it is whether investors can see a fundable wedge.</p>
          <p className="ash">“Four peer-reviewed capabilities, one co-fabricated construct” is powerful — and it raises the burden of proof. Integration becomes the central question. The seed round needs a sharper first beachhead than the full $70B market map.</p>
        </div>
      </Reveal>

      <div className="spacer-s" />

      <Reveal mono="verbatim" label="In the founder's own words">
        <div className="prose">
          <p className="serif" style={{ fontSize: "clamp(18px,1.8vw,24px)", lineHeight: 1.45 }}>
            “The operator feels what the robot touches. Not through a vibration motor — through
            biologically informed feedback. None of the past decades of haptics activates the
            body's own sensory cells. The complete bidirectional loop operates below the 20&nbsp;ms
            human sensorimotor perception threshold.”
          </p>
        </div>
      </Reveal>

      <hr className="hr hr-ink" />

      <Eyebrow><span className="sig">●</span> &nbsp;FOR THE ROOM</Eyebrow>
      <div className="spacer-s" />
      <Prompts items={[
        { kind: "Predict", q: "What is missing when humans operate robots remotely?" },
        { kind: "Interact", q: "Have you ever controlled something remotely and wished you could feel it?" },
        { kind: "What if", q: "What jobs become easy the moment touch exists?" },
      ]} />

      <Capture id="listening" label="What did this room actually hear?" placeholder="Reflect it back in one or two lines…" />
    </>
  );
}

/* ---------- STRATUM 2 — FRAMING ---------- */
function StratumFraming() {
  return (
    <>
      <p className="stratum-lede beat-in">
        The master challenge is not feasibility, and it is not the seed round. It is this:
        how do we make an ambitious frontier platform <strong>believable enough that the right
        people want to help build it, fund it, and test it</strong> — before the full system exists.
      </p>

      <Pull sig>Investors do not buy complexity. They buy staged confidence.</Pull>

      <hr className="hr" />

      <Eyebrow>The problems, named</Eyebrow>
      <div className="spacer-s" />
      <Reveal mono="diagnosis" label="Five ways this gets stuck">
        <Cards cols={3} items={[
          { k: "01 — too large", t: "Belief overload", d: "Robotics, neural sensing, tissue, photonics, edge AI, haptics. Each layer is hard. The integration is harder to believe all at once." },
          { k: "02 — too broad", t: "Science-project risk", d: "Prosthetics, surgery, defense, industrial. Breadth inspires — and dilutes conviction about what is funded first." },
          { k: "03 — wrong ask", t: "Dream, not milestone", d: "A seed investor needs the next 12–18 months to create a value inflection — not the full 48-month vision." },
          { k: "04 — unmeasured", t: "Poetry without proof", d: "“The operator feels what the robot touches” needs latency, fidelity, discrimination, task success — observable proof." },
          { k: "05 — unconnected", t: "Founder-fit gap", d: "Varjoun's systems credibility is real, but it has to be tied to this specific venture: why this team, this tech, now." },
          { k: "→", t: "The throughline", d: "Every problem is a belief problem wearing a technical costume." },
        ]} />
      </Reveal>

      <div className="spacer-m" />

      <Eyebrow>Points of view</Eyebrow>
      <div className="spacer-s" />
      <Reveal mono="stance" label="What we believe going in">
        <Stanza lines={[
          { t: "The breakthrough is not better haptics. It is embodied teleoperation." },
          { t: "Don't ask seed investors to fund the whole future — fund the next credibility leap." },
          { t: "Application breadth is a later advantage, not an early story." },
          { t: "Integration risk is the center of diligence." },
          { t: "The company needs two roadmaps: one technical, one of belief.", turn: true },
        ]} />
      </Reveal>

      <hr className="hr hr-ink" />
      <Eyebrow><span className="sig">●</span> &nbsp;FOR THE ROOM</Eyebrow>
      <div className="spacer-s" />
      <Prompts items={[
        { kind: "Predict", q: "Which framing makes investors lean in — and which makes them retreat?" },
        { kind: "Interact", q: "If breadth is a liability now, what do we deliberately not say?" },
        { kind: "What if", q: "What if the founder story led, and the technology followed?" },
      ]} />

      <Capture id="framing" label="State the master challenge in one sentence." placeholder="The real challenge is…" />
    </>
  );
}

/* ---------- STRATUM 3 — ENVISIONING ---------- */
function StratumEnvisioning() {
  return (
    <>
      <p className="stratum-lede beat-in">
        The best near-term vision is not “build the full embodied robotics platform.” It is
        narrower, and far more powerful:
      </p>

      <Pull sig>Earn the right to build the platform by proving one narrow, undeniable sensory loop.</Pull>

      <div className="prose" style={{ marginTop: 8 }}>
        <p className="ash">
          The company can still say <strong style={{ color: "var(--stage-fg)" }}>“the operator feels what the robot touches.”</strong>{" "}
          But the proof is concrete: in a controlled task, an operator distinguishes pressure,
          slip, texture, edge, or contact through the construct — better than with existing
          haptic proxies. The investor does not have to believe the whole platform. Only the
          first value inflection.
        </p>
      </div>

      <hr className="hr" />

      <Eyebrow>What it looks like when they get there</Eyebrow>
      <div className="spacer-s" />
      <Reveal mono="future state" label="The future state, in six moves">
        <Cards cols={3} items={[
          { k: "01", t: "Bold vision, concrete first milestone", d: "One measurable tactile discrimination, beating one conventional method." },
          { k: "02", t: "A single first beachhead", d: "One market where better touch changes outcomes fast enough to pay, test, or fund." },
          { k: "03", t: "Architecture staged, not overwhelming", d: "Read intent → transmit → infer at the edge → return biological touch. Sequenced into ordered learning." },
          { k: "04", t: "Advisors know where to help", d: "Each names exactly which assumption they can stress-test." },
          { k: "05", t: "Investors see what their money buys", d: "From patent-pending concept to validated sensory-loop demonstration." },
          { k: "06", t: "Varjoun is the systems translator", d: "From “scientifically fascinating” to “technically staged, fundable, buildable.”" },
        ]} />
      </Reveal>

      <div className="spacer-m" />

      <Eyebrow>How we'll know we're there</Eyebrow>
      <div className="spacer-s" />
      <Reveal mono="proof" label="Four kinds of proof">
        <Cards cols={2} items={[
          { k: "technical", t: "One validated sensory loop", d: "Defined task · measured latency · measured fidelity · measured discrimination · compared to a conventional method." },
          { k: "fundraising", t: "Understood in one sentence", d: "“The biological touch layer for teleoperated robotics, starting with one proof operators can feel contact through a wearable.”" },
          { k: "market", t: "One partner says “test it”", d: "10–20 discovery conversations · 3–5 serious advisors · 2–3 pilot or research paths." },
          { k: "credibility", t: "Can name what is not yet proven", d: "Known / unknown / testable map · kill criteria · next-round inflection — without weakening the story." },
        ]} />
      </Reveal>

      <Pull>That is the difference between awe and belief.</Pull>

      <hr className="hr hr-ink" />
      <Eyebrow><span className="sig">●</span> &nbsp;FOR THE ROOM</Eyebrow>
      <div className="spacer-s" />
      <Prompts items={[
        { kind: "Predict", q: "What would success feel like in the room six months from now?" },
        { kind: "Interact", q: "Which single sentence do we want every investor to repeat back?" },
        { kind: "What if", q: "What if one narrow demo mattered more than a full prototype?" },
      ]} />

      <Capture id="envisioning" label="What does success feel like in the room?" placeholder="When we get there, the advisor says… the investor says…" />
    </>
  );
}

window.STRATA_A = { StratumListening, StratumFraming, StratumEnvisioning };