// components/mission.el - Origin story + manifesto + problems grid.

extern fn el_section(attrs: String, children: String) -> String
extern fn el_div(attrs: String, children: String) -> String
extern fn el_span(attrs: String, children: String) -> String
extern fn el_h2(attrs: String, text: String) -> String
extern fn el_p(attrs: String, children: String) -> String
extern fn el_strong(children: String) -> String
extern fn el_a(href: String, attrs: String, children: String) -> String

fn mission() -> String {
    let label_row: String = el_div(
        "class=\"mission-label-row reveal\"",
        el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
        el_span("class=\"label\"", "The mission") +
        el_div("style=\"height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35));flex-shrink:0\"", "")
    )

    let origin: String = el_div(
        "class=\"mission-origin\"",
        label_row +
        el_h2("class=\"display-lg mission-headline reveal\" style=\"transition-delay:80ms\"", "Why I built this") +
        el_p("class=\"mission-body-para reveal\" style=\"transition-delay:160ms\"",
            "Every AI tool you use today resets when you close the tab. It doesn't know you tomorrow. It doesn't remember what mattered yesterday. It can't grow with you over years."
        ) +
        el_p("class=\"mission-body-para reveal\" style=\"transition-delay:240ms\"",
            "I built Neuron because intelligence should compound. The same way a great mentor gets more valuable the longer you work with them - knowing your context, your patterns, your goals - your AI should too."
        ) +
        el_p("class=\"mission-body-para mission-body-emphasis reveal\" style=\"transition-delay:320ms\"",
            "Neuron is private by design. It runs on your hardware. " +
            el_strong("Your data never leaves your machine.") +
            " No training on your data. No telemetry. No cloud dependency."
        ) +
        el_p("class=\"mission-body-para reveal\" style=\"transition-delay:400ms\"",
            "This isn't a chat interface. It's the AI that becomes yours."
        )
    )

    let bigtech: String = el_div(
        "class=\"mission-bigtech reveal\" style=\"transition-delay:600ms\"",
        el_p("class=\"mission-bigtech-label\"", "Why I built this on my own") +
        el_p("",
            "I didn't just approach one of the largest technology companies in the world - I got the meeting. Got the NDAs signed. Created deliverables in real time. Showed them benchmarks with full auditability. Some of their own people understood immediately what it meant."
        ) +
        el_p("",
            "They saw it. Seemed to engage meaningfully. Then, within two days, lawyers were involved. I decided to just finish the project on my own."
        ) +
        el_p("class=\"muted\"",
            "Not: how do we solve this at scale? Not: what does this mean for the people we serve? Their instinct was to protect enterprise revenue and manage legal exposure. The actual human impact - the people whose lives those enterprises touch - didn't enter the conversation."
        ) +
        el_p("class=\"muted\"",
            "That's the difference. " +
            "<strong style=\"color:var(--t1)\">They&#39;re optimizing for the enterprise. I&#39;m building for the people those enterprises are supposed to serve.</strong>"
        ) +
        el_p("",
            "I told them I could build and distribute this by myself. Maybe they didn&#39;t believe me. That meeting was April 22nd, 2026. I&#39;m writing this on April 25th. You&#39;re looking at the proof. " +
            el_a("/checkout?plan=founding", "", "I hope you&#39;ll preorder it.")
        )
    )

    let problem1: String = el_div(
        "class=\"problem-item reveal\"",
        el_p("class=\"problem-label\"", "Synthetic media without accountability") +
        el_p("class=\"problem-body\"", "Generative AI makes it trivially easy to produce harmful content at scale - and nearly impossible to trace. This is a problem the industry is largely ignoring. I&#39;m not. I&#39;m engaged with it seriously and expect to have answers in place before it becomes unmanageable.")
    )
    let problem2: String = el_div(
        "class=\"problem-item reveal\" style=\"transition-delay:120ms\"",
        el_p("class=\"problem-label\"", "Epistemic collapse") +
        el_p("class=\"problem-body\"", "AI can now generate persuasive content at any volume, on any position. The next generation is growing up in an environment where signal and noise are becoming indistinguishable. I think deeply about what it means to build tools that contribute to that problem - and how to build ones that don&#39;t.")
    )
    let problem3: String = el_div(
        "class=\"problem-item reveal\" style=\"transition-delay:240ms\"",
        el_p("class=\"problem-label\"", "Concentration of inference") +
        el_p("class=\"problem-body\"", "Four companies control nearly all frontier AI inference. Every query strengthens their position. I think that concentration of power is a structural risk - not just a pricing problem - and I&#39;m building with that in mind.")
    )
    let problem4: String = el_div(
        "class=\"problem-item reveal\" style=\"transition-delay:360ms\"",
        el_p("class=\"problem-label\"", "The accountability gap") +
        el_p("class=\"problem-body\"", "When an AI agent takes a bad action, there is currently no clear legal or technical accountability. That&#39;s going to matter more as agents do more. I take this seriously. I&#39;m building toward answers - not waiting for regulators to force the question.")
    )

    let problems_grid: String = el_div(
        "class=\"problems-grid\"",
        problem1 + problem2 + problem3 + problem4 +
        el_div("class=\"problems-grid-bottom\"", "")
    )

    let closer: String = el_div(
        "class=\"mission-closer reveal\"",
        el_p("", "The industry built tools to make AI easier to use. " +
            el_span("", "I&#39;m building tools to make it safer to trust.")
        )
    )

    let commitment: String = el_div(
        "class=\"reveal\" style=\"max-width:44rem;margin-top:3.5rem;padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30);background:rgba(0,82,160,.02)\"",
        el_p("style=\"font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:1rem\"", "Nobody&#39;s perfect.") +
        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"",
            "Neuron isn&#39;t either. There is a gap between what the AI industry is delivering and what the world actually needs. Bridging that gap is the work - not a one-time product release, but continuous work, done in the open, built on the trust that users place in it."
        ) +
        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--navy);line-height:1.6\"",
            "That&#39;s my commitment. To keep working. To be honest about the problems. To build something that earns trust by doing the hard things right."
        )
    )

    let sub_row: String = el_div(
        "class=\"mission-sub-row reveal\"",
        el_div("class=\"mission-sub-line\"", "") +
        el_span("class=\"label\"", "What I&#39;m building against")
    )

    let problems: String = el_div(
        "class=\"mission-problems\"",
        sub_row + problems_grid + closer + commitment
    )

    let bottom_line: String = el_div(
        "class=\"container\" style=\"margin-top:5rem\"",
        el_div("class=\"navy-line\"", "")
    )

    el_section(
        "id=\"mission\" aria-label=\"Mission\"",
        el_div(
            "class=\"container\"",
            el_div("class=\"navy-line\" style=\"margin-bottom:5rem\"", "") +
            origin + bigtech + problems
        ) + bottom_line
    )
}