(defcomp ()
  (div (~tw :tokens "max-w-4xl mx-auto px-6 py-12")
    (h2 (~tw :tokens "text-3xl font-bold text-stone-900 mb-8") "Design philosophy")
    (div (~tw :tokens "grid md:grid-cols-2 gap-8")
      (div (~tw :tokens "space-y-4")
        (h3 (~tw :tokens "text-xl font-semibold text-violet-700") "From htmx")
        (ul (~tw :tokens "space-y-2 text-stone-600")
          (li "Server-rendered DOM over the wire (no HTML)")
          (li "Hypermedia attributes on any element (sx-get, sx-post, ...)")
          (li "Target/swap model for partial page updates")
          (li "No client-side routing, no virtual DOM")
          (li "Progressive enhancement — works without JS (mostly)")))
      (div (~tw :tokens "space-y-4")
        (h3 (~tw :tokens "text-xl font-semibold text-violet-700") "From React")
        (ul (~tw :tokens "space-y-2 text-stone-600")
          (li "Composable components with defcomp")
          (li "Client-side rendering from s-expression source")
          (li "Component caching via localStorage + hash invalidation")
          (li "On-demand CSS — only ship what's used")
          (li "DOM morphing for smooth history navigation"))))))