Improve landing page mobile performance

style.css

@@ -25,7 +25,7 @@ html {
 }
 
 body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     background: var(--bg);
     color: var(--text);
     min-height: 100vh;
@@ -34,13 +34,15 @@ body {
     align-items: center;
     overflow-x: hidden;
     position: relative;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
 }
 
 /* ===== Background Glows ===== */
 .bg-glow {
     position: fixed;
     border-radius: 50%;
-    filter: blur(120px);
+    filter: blur(80px);
     opacity: 0.15;
     pointer-events: none;
     z-index: 0;
@@ -181,6 +183,8 @@ main {
     position: relative;
     overflow: visible;
     isolation: isolate;
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
 }
 
 .card > * {
@@ -316,6 +320,10 @@ footer p {
 
 /* ===== Responsive ===== */
 @media (max-width: 768px) {
+    .bg-glow {
+        display: none;
+    }
+
     header {
         padding: 3rem 1.5rem 1.5rem;
     }
@@ -335,6 +343,11 @@ footer p {
 
     .card {
         padding: 1.25rem;
+        animation: none;
+        transition:
+            border-color 0.2s ease,
+            background-color 0.2s ease,
+            box-shadow 0.2s ease;
     }
 
     .card-icon {
@@ -353,6 +366,16 @@ footer p {
     }
 }
 
+@media (hover: none) {
+    .card::after {
+        display: none;
+    }
+
+    .card:hover {
+        transform: none;
+    }
+}
+
 @media (max-width: 480px) {
     .card-banner {
         flex-direction: column;