feat(marketing): drop crew/security usage + refresh baseline

Completes 02cde39: remove the CrewStrip and Security functions, their consts,
and the now-unused AgentToken/lucide imports from Sections.tsx; render only
Hero → Hierarchy → FAQ in the marketing page; refresh the @visual baseline.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

frontend/src/components/marketing/Sections.tsx

@@ -1,7 +1,5 @@
-import { Lock, ShieldCheck } from "lucide-react";
 import Link from "next/link";
 
-import { AgentToken } from "./AgentToken";
 import { HeroAmbient } from "./HeroAmbient";
 
 /* Marketing landing — WorkClaw's full section layout/styling reproduced 1:1,
@@ -88,93 +86,6 @@ export function Hero() {
   );
 }
 
-/* ---------- Crew strip (agent-token roster on the open Claw runtime) ---------- */
-const CREW = [
-  "Marketing Claw",
-  "Support Claw",
-  "Research Claw",
-  "Engineering Claw",
-  "Ops Claw",
-  "Growth Claw",
-  "Analytics Claw",
-  "Design Claw",
-];
-
-export function CrewStrip() {
-  return (
-    <div className="relative w-full bg-white" style={{ zIndex: 1 }}>
-      <div className="relative z-[1] mx-auto flex max-w-[1120px] flex-col items-center gap-7 px-6 pt-10 pb-14">
-        <p className="text-center text-[16px] font-semibold text-[#647289]">
-          A whole crew, built on the open{" "}
-          <span className="text-marketing-coral-strong">Claw</span> runtime
-        </p>
-        <div className="flex w-full flex-wrap items-center justify-center gap-2.5">
-          {CREW.map((name) => (
-            <div
-              key={name}
-              className="flex items-center gap-2.5 rounded-2xl border border-marketing-border bg-white px-3 py-2"
-            >
-              <AgentToken name={name} size={30} />
-              <span className="text-[13px] font-medium whitespace-nowrap text-marketing-ink">
-                {name}
-              </span>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-/* ---------- Enhanced security ---------- */
-const SECURITY = [
-  { icon: "icon-admin", title: "Admin controls", body: "Admins can control access, app integrations, and skill installations." },
-  { icon: "icon-vault", title: "Custom-built vault", body: "Credentials are stored in a secure vault that can require human approval." },
-  { icon: "icon-separation", title: "Separation of data", body: "Each clawmate has a separate computer with private file storage." },
-  { icon: "icon-soc2", title: "Air-gappable", body: "Install from a signed, offline-verified bundle and run fully air-gapped." },
-];
-
-export function Security() {
-  return (
-    <section id="security" className="flex w-full flex-col items-center px-6 py-[104px] sm:py-[128px]">
-      <div className="flex w-full max-w-[1100px] flex-col items-center gap-10">
-        <div className="flex flex-col items-center gap-4 text-center">
-          <h2 className="text-[36px] leading-none font-[650] tracking-[-2.24px] text-[#161d27] sm:text-[48px] lg:text-[56px]">
-            Enhanced security
-          </h2>
-          <p className="max-w-[484px] text-[18px] leading-[1.6] text-[#0a0f1e]/75 sm:text-[20px]">
-            Clawmates is built for security-minded teams, adding a layer of
-            control and safety on top of the open Claw runtime.
-          </p>
-        </div>
-        <div className="flex items-center justify-center py-2">
-          <span
-            className="relative flex items-center justify-center rounded-[28px] border border-marketing-border bg-marketing-mist"
-            style={{ width: 132, height: 132 }}
-          >
-            <ShieldCheck aria-hidden size={64} strokeWidth={1.5} className="text-marketing-azure" />
-            <span
-              className="absolute -right-2 -bottom-2 flex size-9 items-center justify-center rounded-full bg-marketing-teal text-white"
-              style={{ boxShadow: "0 6px 16px rgba(20,184,166,0.4)" }}
-            >
-              <Lock aria-hidden size={16} strokeWidth={2} />
-            </span>
-          </span>
-        </div>
-        <div className="grid w-full grid-cols-1 gap-10 pt-8 sm:grid-cols-2 lg:grid-cols-4">
-          {SECURITY.map((s) => (
-            <div key={s.title} className="mx-auto flex max-w-[256px] flex-col items-center gap-2">
-              <img src={`/images/marketing/${s.icon}.svg`} alt="" className="size-6" />
-              <h3 className="text-center text-[18px] leading-[1.1] font-semibold tracking-[-0.18px] text-[#161d27]">{s.title}</h3>
-              <p className="max-w-[247px] text-center text-[14px] leading-[1.4] text-[#161d27]">{s.body}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-}
-
 /* ---------- Footer (CTA tier + dark tier) ---------- */
 const FOOTER_LINKS = [
   { label: "Sign up", href: "/login" },