feat: ultra-aggressive mobile spacing refinement & native fidelity navigation redesign

apps/web/src/components/Layout.tsx

@@ -44,9 +44,9 @@ export const Card: React.FC<CardProps> = ({
 
   const paddings = {
     none: "p-0",
-    small: "p-6 md:p-8",
-    normal: "p-8 md:p-10",
-    large: "p-10 md:p-12",
+    small: "p-4 md:p-8",
+    normal: "p-5 md:p-10",
+    large: "p-6 md:p-12",
   };
 
   const [hexId, setHexId] = React.useState("0x0000");
@@ -103,7 +103,13 @@ export const Container: React.FC<{
   };
 
   return (
-    <div className={cn("mx-auto px-6 w-full", variants[variant], className)}>
+    <div
+      className={cn(
+        "mx-auto px-5 md:px-6 w-full",
+        variants[variant],
+        className,
+      )}
+    >
       {children}
     </div>
   );