/* AGENTIC WORKFLOWS — in-development module. Copy only: nothing here is shipped. */

function Agentic() {
  return (
    <section id="workflows" data-snap className="relative bg-cream-2 border-b-2 border-ink">
      <div className="max-w-[1400px] mx-auto px-5 md:px-8 py-20 md:py-28">
        <div className="flex items-center justify-between font-mono text-sm md:text-base mb-10" aria-hidden="true">
          <span>IN DEVELOPMENT</span>
          <span>AGENTIC WORKFLOWS</span>
        </div>

        <div className="grid lg:grid-cols-12 gap-8 lg:gap-10 items-start">
          <div className="lg:col-span-7">
            <span className="inline-block font-mono text-xs uppercase tracking-wider bg-ink text-cream border-2 border-ink px-2.5 py-1 mb-6">
              In development
            </span>
            <h2 className="font-display font-bold tracking-tight leading-[0.95] text-[44px] md:text-[72px] lg:text-[80px]">
              From using AI to <span className="text-orange">redesigning work with it.</span>
            </h2>
            <p className="mt-6 text-base md:text-lg text-ink-2 leading-relaxed max-w-2xl">
              We're developing an agentic workflow module where participants can redesign a human workflow, test an agent-based approach, and iterate on their work.
            </p>
          </div>

          <div className="lg:col-span-5 lg:pt-14">
            <div className="border-2 border-ink bg-cream p-6 md:p-8 hs">
              <div className="font-mono text-[11px] text-ink-2 tracking-wider">AVAILABILITY</div>
              <p className="mt-3 text-base md:text-lg leading-relaxed">
                This module is in development. Ask us about the planned experience and current availability.
              </p>
              <a href="https://form.typeform.com/to/AQnu6FVK" target="_blank" rel="noopener noreferrer"
                className="mt-6 inline-flex items-center gap-3 font-mono text-xs md:text-sm uppercase tracking-wider bg-ink text-cream border-2 border-ink px-5 py-4 hs-orange btn-chunky btn-chunky-cream">
                Talk to us about workflow learning <span className="arr">→</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>);

}

window.Agentic = Agentic;