From fb6e2f17cbd0bf9e370d141ae631a8b4ebd004ee Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Fri, 24 Apr 2026 12:18:32 +0100
Subject: [PATCH] Initial version of 2026 interstitial plans page with upgrade
 mode (#33036)

GitOrigin-RevId: e9da7c1464c6e05e9c70a11d9ad7a3632f189de2
---
 .../stylesheets/pages/plans-2026.scss         | 19 +++++++++++++++++++
 services/web/locales/en.json                  |  2 ++
 2 files changed, 21 insertions(+)

diff --git a/services/web/frontend/stylesheets/pages/plans-2026.scss b/services/web/frontend/stylesheets/pages/plans-2026.scss
index 9194570e97..0682cb30f1 100644
--- a/services/web/frontend/stylesheets/pages/plans-2026.scss
+++ b/services/web/frontend/stylesheets/pages/plans-2026.scss
@@ -93,6 +93,10 @@
 
   // ─── Plan cards ──────────────────────────────────────────────────────────────
 
+  .plans-interstitial-disclaimer {
+    padding-top: var(--spacing-08);
+  }
+
   .plans-cards-section {
     background-color: var(--bg-light-primary);
     padding-block: var(--spacing-13);
@@ -210,6 +214,13 @@
         overflow-x: visible;
         padding-bottom: 0;
       }
+
+      // When #32905 lands (responsive card grid), move this breakpoint to lg.
+      &.plans-cards-row-auto-fit {
+        @include media-breakpoint-up(xl) {
+          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+        }
+      }
     }
 
     .plans-card-col {
@@ -245,6 +256,10 @@
         outline-offset: 0;
       }
 
+      &.price-plan-card-current-plan {
+        background-color: var(--bg-light-secondary);
+      }
+
       .price-plan-card-badge {
         @extend .mono-text;
 
@@ -347,6 +362,10 @@
       padding-left: 0;
     }
 
+    .card-include-bold {
+      font-weight: 700;
+    }
+
     .card-includes-list-item.only-show-for-specific-plan-period {
       display: none;
     }
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 50ebeb0f57..2a1f03589a 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -2810,6 +2810,7 @@
   "updating_site": "Updating Site",
   "upgrade": "Upgrade",
   "upgrade_cc_btn": "Upgrade now, pay after 7 days",
+  "upgrade_flow_coming_soon": "Upgrade flow coming soon",
   "upgrade_for_more_compile_time": "Upgrade to get more compile time",
   "upgrade_for_unlimited_access_to_ai": "Upgrade for unlimited access to all AI features or check back in __time__",
   "upgrade_my_plan": "Upgrade my plan",
@@ -2822,6 +2823,7 @@
   "upgrade_to_get_more_from_overleaf": "Upgrade to get more from Overleaf",
   "upgrade_to_get_started": "Upgrade to get started",
   "upgrade_to_review": "Upgrade to Review",
+  "upgrade_your_plan": "Upgrade your plan",
   "upgrade_your_subscription": "Upgrade your subscription",
   "upload": "Upload",
   "upload_failed": "Upload failed",