v4.1 - Admin/onboarding

src/lib/components/PricingPlanCard.svelte

@@ -319,25 +319,61 @@
   @media (max-width: 768px) {
     .plan-card {
       order: var(--mobile-order, 0);
-      width: min(100%, 440px);
+      width: 100%;
       margin-inline: auto;
-      padding: 28px 22px 24px;
+      padding: 22px 18px 20px;
+      border-radius: 22px;
     }
 
     .plan-card--featured {
-      padding-top: 44px;
+      padding-top: 36px;
     }
 
     .plan-card--pricing.plan-card--featured {
-      padding: 44px 22px 24px;
+      padding: 36px 18px 20px;
     }
 
     .plan-card__price {
-      font-size: 44px;
+      font-size: 36px;
     }
 
     .plan-card--supporting .plan-card__price {
-      font-size: 42px;
+      font-size: 34px;
+    }
+
+    .plan-card__title {
+      font-size: 17px;
+    }
+
+    .plan-card__price-block {
+      margin-top: 14px;
+    }
+
+    .plan-card__features {
+      margin-top: 18px;
+      padding-top: 16px;
+    }
+
+    .plan-card__features li {
+      gap: 8px;
+      font-size: 13px;
+      line-height: 1.45;
+    }
+
+    .plan-card__features li + li {
+      margin-top: 8px;
+    }
+
+    .plan-card__cta {
+      margin-top: 20px;
+      padding-inline: 16px;
+    }
+
+    .plan-card__ribbon {
+      top: 12px;
+      left: 16px;
+      padding: 4px 9px 4px 8px;
+      font-size: 10px;
     }
 
     .plan-card__cta {