// Fear Recognition — Golden Hour room. Quiet, honest, no velvet, no neon.
function FearRecognition() {
  return (
    <section
      id="fear"
      style={{
        background: "var(--paper)",
        paddingTop: 64,
        paddingBottom: 64,
        borderTop: "1px solid var(--line)",
        borderBottom: "1px solid var(--line)",
      }}
    >
      <div className="container">
        <div
          style={{
            maxWidth: 760,
            margin: "0 auto",
            display: "flex",
            flexDirection: "column",
            gap: 20,
          }}
        >
          <p
            className="display"
            style={{
              fontSize: "clamp(26px, 3.2vw, 38px)",
              lineHeight: 1.2,
              margin: 0,
              color: "var(--ink)",
              letterSpacing: "-0.025em",
              textWrap: "pretty",
            }}
          >
            You did the research. You decided what you need. You committed to the protocol.
          </p>

          <p
            className="display"
            style={{
              fontSize: "clamp(26px, 3.2vw, 38px)",
              lineHeight: 1.2,
              margin: 0,
              color: "#E8A200",
              letterSpacing: "-0.025em",
              fontStyle: "normal",
              fontWeight: 800,
              textWrap: "pretty",
            }}
          >
            The supply side shouldn't be the hard part.
          </p>

          <p
            style={{
              fontSize: 18,
              lineHeight: 1.6,
              color: "var(--ink-2)",
              margin: 0,
              maxWidth: "58ch",
              textWrap: "pretty",
            }}
          >
            Sourcing syringes, figuring out which water, double-checking needle gauge. We handled all of it. Every component is right, every quantity is sized to your cycle, and the walkthrough is written in plain language. You manage the protocol. We manage everything around it.
          </p>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { FearRecognition });