diff --git a/app/components/ValueCards.tsx b/app/components/ValueCards.tsx
index bc06f85..1ec866c 100644
--- a/app/components/ValueCards.tsx
+++ b/app/components/ValueCards.tsx
@@ -12,6 +12,7 @@ export default function ValueCards() {
       label: "Secure by design",
       body: "We don't sell your data. Period.",
       bg: "var(--apricot-dream)",
+      shape: "star" as const,
     },
     { type: "image" as const, gradient: "from-cotton-candy to-tangerine" },
     {
@@ -19,6 +20,7 @@ export default function ValueCards() {
       label: "Made in Europe",
       body: "Built, hosted, and governed in Europe.",
       bg: "var(--monte-carlo)",
+      shape: "pill-left" as const,
     },
   ];
 
@@ -27,15 +29,54 @@ export default function ValueCards() {
       {/* Grain filter definition */}
       <svg className="absolute h-0 w-0" aria-hidden="true">
         <defs>
-          <filter id="grain" x="0" y="0" width="100%" height="100%" filterUnits="objectBoundingBox" colorInterpolationFilters="sRGB">
-            <feTurbulence type="fractalNoise" baseFrequency="0.5" numOctaves="3" stitchTiles="stitch" seed="1581" result="noise" />
-            <feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise" />
+          {/* Star clip-path (330x336 → objectBoundingBox) */}
+          <clipPath id="star-clip" clipPathUnits="objectBoundingBox">
+            <path
+              transform="scale(0.003030, 0.002976)"
+              d="M269.049 70.5681C302.25 60.8121 326.225 102.338 301.176 126.212C285.271 141.371 288.453 167.64 307.572 178.467L314.263 182.256C343.038 198.551 329.55 242.538 296.568 240.162C274.702 238.586 258.156 259.678 264.971 280.513C275.346 312.232 234.971 335.542 212.689 310.698C198.052 294.378 171.514 298.162 161.945 317.886C147.512 347.638 102.674 337.325 102.95 304.258L103.014 296.569C103.197 274.598 82.0388 258.707 60.9583 264.902C27.7579 274.658 3.78289 233.132 28.832 209.258C44.737 194.099 41.5545 167.83 22.4355 157.003L15.7443 153.214C-13.0301 136.919 0.457428 92.9322 33.44 95.3084C55.3054 96.8837 71.8515 75.7925 65.0365 54.9565C54.6619 23.238 95.0367 -0.0723286 117.318 24.7715C131.955 41.0915 158.494 37.3078 168.062 17.5841C182.496 -12.1677 227.333 -1.85504 227.058 31.2118L226.994 38.9011C226.811 60.8722 247.969 76.7627 269.049 70.5681Z"
+            />
+          </clipPath>
+          <filter
+            id="grain"
+            x="0"
+            y="0"
+            width="100%"
+            height="100%"
+            filterUnits="objectBoundingBox"
+            colorInterpolationFilters="sRGB"
+          >
+            <feTurbulence
+              type="fractalNoise"
+              baseFrequency="0.5"
+              numOctaves="3"
+              stitchTiles="stitch"
+              seed="1581"
+              result="noise"
+            />
+            <feColorMatrix
+              in="noise"
+              type="luminanceToAlpha"
+              result="alphaNoise"
+            />
             <feComponentTransfer in="alphaNoise" result="coloredNoise">
-              <feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0" />
+              <feFuncA
+                type="discrete"
+                tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0"
+              />
             </feComponentTransfer>
-            <feComposite operator="in" in2="SourceGraphic" in="coloredNoise" result="noiseClipped" />
+            <feComposite
+              operator="in"
+              in2="SourceGraphic"
+              in="coloredNoise"
+              result="noiseClipped"
+            />
             <feFlood floodColor="rgba(0, 0, 0, 0.05)" result="colorFlood" />
-            <feComposite operator="in" in2="noiseClipped" in="colorFlood" result="colorNoise" />
+            <feComposite
+              operator="in"
+              in2="noiseClipped"
+              in="colorFlood"
+              result="colorNoise"
+            />
             <feMerge>
               <feMergeNode in="SourceGraphic" />
               <feMergeNode in="colorNoise" />
@@ -50,23 +91,41 @@ export default function ValueCards() {
             card.type === "text" ? (
               <div
                 key={i}
-                className="relative min-w-[280px] max-w-[320px] shrink-0 overflow-hidden rounded-3xl p-8"
-                style={{ backgroundColor: card.bg }}
+                className={`relative shrink-0 overflow-hidden ${
+                  "shape" in card && card.shape === "star"
+                    ? "min-w-[320px] max-w-[320px] aspect-square flex items-center justify-center p-8"
+                    : "shape" in card && card.shape === "pill-left"
+                    ? "min-w-[280px] max-w-[320px] rounded-tl-[50%] rounded-bl-[50%] rounded-tr-3xl rounded-br-3xl pl-24 pr-4 py-8"
+                    : "min-w-[280px] max-w-[320px] rounded-3xl p-8"
+                }`}
+                style={{
+                  backgroundColor: card.bg,
+                  ...("shape" in card && card.shape === "star"
+                    ? { clipPath: "url(#star-clip)" }
+                    : {}),
+                }}
               >
                 {/* Grain overlay */}
                 <div
                   className="pointer-events-none absolute inset-0"
                   style={{ filter: "url(#grain)" }}
                 >
-                  <div className="h-full w-full" style={{ backgroundColor: card.bg }} />
+                  <div
+                    className="h-full w-full"
+                    style={{ backgroundColor: card.bg }}
+                  />
                 </div>
-                <div className="relative flex h-full flex-col justify-between">
-                  <span className="headline-label mb-6 self-start">
+                <div className={`relative flex flex-col ${
+                  "shape" in card && card.shape === "star"
+                    ? "items-center text-center justify-center"
+                    : "h-full"
+                }`}>
+                  <span className={`headline-label mb-6 ${
+                    "shape" in card && card.shape === "star" ? "" : "self-start"
+                  }`}>
                     {card.label}
                   </span>
-                  <p className="card-headline">
-                    {card.body}
-                  </p>
+                  <p className="card-headline">{card.body}</p>
                 </div>
               </div>
             ) : (
@@ -87,7 +146,11 @@ export default function ValueCards() {
                     />
                   </svg>
                   <div className="flex h-full items-center justify-center text-white/30">
-                    <svg className="h-16 w-16" fill="currentColor" viewBox="0 0 24 24">
+                    <svg
+                      className="h-16 w-16"
+                      fill="currentColor"
+                      viewBox="0 0 24 24"
+                    >
                       <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" />
                     </svg>
                   </div>
diff --git a/public/shapes/star.svg b/public/shapes/star.svg
new file mode 100644
index 0000000..9d32c2f
--- /dev/null
+++ b/public/shapes/star.svg
@@ -0,0 +1,3 @@
+<svg width="330" height="336" viewBox="0 0 330 336" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M269.049 70.5681C302.25 60.8121 326.225 102.338 301.176 126.212C285.271 141.371 288.453 167.64 307.572 178.467L314.263 182.256C343.038 198.551 329.55 242.538 296.568 240.162C274.702 238.586 258.156 259.678 264.971 280.513C275.346 312.232 234.971 335.542 212.689 310.698C198.052 294.378 171.514 298.162 161.945 317.886C147.512 347.638 102.674 337.325 102.95 304.258L103.014 296.569C103.197 274.598 82.0388 258.707 60.9583 264.902C27.7579 274.658 3.78289 233.132 28.832 209.258C44.737 194.099 41.5545 167.83 22.4355 157.003L15.7443 153.214C-13.0301 136.919 0.457428 92.9322 33.44 95.3084C55.3054 96.8837 71.8515 75.7925 65.0365 54.9565C54.6619 23.238 95.0367 -0.0723286 117.318 24.7715C131.955 41.0915 158.494 37.3078 168.062 17.5841C182.496 -12.1677 227.333 -1.85504 227.058 31.2118L226.994 38.9011C226.811 60.8722 247.969 76.7627 269.049 70.5681Z" fill="#FBD1A2"/>
+</svg>