Replace all emojis with inline SVG icons across entire website

Sweep index.html, pricing.html, and pages.css — replace every emoji
(pain cards, trust badges, tool icons, swimming teaser, value strip,
comparison table checks, CSS pseudo-element content) with proper SVG.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/css/pages.css

@@ -214,22 +214,21 @@
 
 /* Teal checkmark before each item */
 .feature-list__item::before {
-  content: '✓';
+  content: '';
   flex-shrink: 0;
   width: 20px;
   height: 20px;
-  display: grid;
-  place-items: center;
-  font-size: 0.75rem;
-  font-weight: 800;
-  color: #ffffff;
+  display: block;
   background: var(--brand-teal, #14b8a6);
   border-radius: 50%;
   margin-top: 2px;
-  line-height: 1;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
+  background-size: 12px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
-/* Variant: custom icon instead of auto-generated ✓ */
+/* Variant: custom icon instead of auto-generated checkmark */
 .feature-list__item--icon::before {
   display: none; /* icon provided inline */
 }
@@ -499,8 +498,14 @@
 }
 
 .form-error::before {
-  content: '⚠';
-  font-size: 0.65rem;
+  content: '';
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
+  background-size: contain;
+  background-repeat: no-repeat;
+  vertical-align: middle;
 }
 
 /* ─────────────────────────────────────────────
@@ -751,18 +756,18 @@
 }
 
 .pricing-card__feature::before {
-  content: '✓';
+  content: '';
   flex-shrink: 0;
   width: 18px;
   height: 18px;
-  display: grid;
-  place-items: center;
-  font-size: 0.65rem;
-  font-weight: 800;
-  color: #ffffff;
+  display: block;
   background: var(--brand-teal, #14b8a6);
   border-radius: 50%;
   margin-top: 2px;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
+  background-size: 10px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 /* Disabled feature */
@@ -1133,17 +1138,17 @@
 }
 
 .grid-feature__list li::before {
-  content: '✓';
+  content: '';
   flex-shrink: 0;
   width: 1.5rem;
   height: 1.5rem;
-  display: grid;
-  place-items: center;
+  display: block;
   background: oklch(0.93 0.05 170);
-  color: oklch(0.40 0.15 170);
   border-radius: var(--radius-full);
-  font-size: 0.75rem;
-  font-weight: 700;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23178a5b' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
+  background-size: 12px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 /* Lane visualization */