feat: greywall

components/problem.tsx

@@ -2,17 +2,9 @@ import { ShieldCheck, ShieldOff } from 'lucide-react'
 
 export function Problem() {
   return (
-    <section className="pt-16 sm:pt-20 pb-12 sm:pb-16 px-4 sm:px-6">
+    <section className="pb-12 sm:pb-16 px-4 sm:px-6">
       <div className="mx-auto max-w-5xl">
-        {/* Section 1: Stochastic risk */}
         <div className="mb-12 sm:mb-16">
-          <h2 className="font-serif text-2xl sm:text-3xl md:text-4xl font-semibold tracking-tight mb-3 max-w-3xl">
-            You don&apos;t want your agent to run as <em className="italic text-red-400/90">you</em>.
-          </h2>
-          <p className="text-muted-foreground font-serif text-sm sm:text-base leading-relaxed max-w-full mt-4 mb-10">
-            Agents inherit your full permissions and decide what to access at runtime. Here&apos;s what that looks like...
-          </p>
-
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-5">
             {/* Without Greywall */}
             <div className="flex flex-col">