From 0d7046699aff1ef2f8f07375f675af859962b040 Mon Sep 17 00:00:00 2001
From: WhoamiI00 <ankitisop12@gmail.com>
Date: Sun, 7 Dec 2025 12:46:47 +0530
Subject: [PATCH 1/3] fix(ui): prevent text overflow on small screens (<370px)

---
 .env.example                                       | 14 --------------
 src/app.css                                        |  3 +++
 .../(marketing)/(components)/features.svelte       |  4 ++--
 3 files changed, 5 insertions(+), 16 deletions(-)
 delete mode 100644 .env.example

diff --git a/.env.example b/.env.example
deleted file mode 100644
index 5f948ba787..0000000000
--- a/.env.example
+++ /dev/null
@@ -1,14 +0,0 @@
-PUBLIC_APPWRITE_COL_MESSAGES_ID=
-PUBLIC_APPWRITE_COL_THREADS_ID=
-PUBLIC_APPWRITE_DB_MAIN_ID=
-PUBLIC_APPWRITE_FN_TLDR_ID=
-PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
-PUBLIC_APPWRITE_PROJECT_ID=
-PUBLIC_APPWRITE_DASHBOARD=https://cloud.appwrite.io
-PUBLIC_APPWRITE_PROJECT_INIT_ID=
-PUBLIC_GROWTH_ENDPOINT=
-PUBLIC_POSTHOG_API_KEY=
-APPWRITE_DB_INIT_ID=
-APPWRITE_COL_INIT_ID=
-APPWRITE_API_KEY_INIT=
-SENTRY_AUTH_TOKEN=
diff --git a/src/app.css b/src/app.css
index b5856796e4..e9dba4f234 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,6 +3,9 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
+    /* Breakpoints */
+    --breakpoint-xs: 23.125rem; /* 370px */
+
     /* Colors */
     --color-*: initial;
 
diff --git a/src/routes/(marketing)/(components)/features.svelte b/src/routes/(marketing)/(components)/features.svelte
index 2577928684..e01760b436 100644
--- a/src/routes/(marketing)/(components)/features.svelte
+++ b/src/routes/(marketing)/(components)/features.svelte
@@ -72,10 +72,10 @@
     <div class="container mx-auto">
         <section class="flex flex-col gap-4 lg:flex-row lg:items-baseline lg:gap-x-20">
             <h2
-                class="text-title font-aeonik-pro text-primary max-w-[700px] text-3xl leading-12 text-pretty sm:text-4xl md:text-5xl"
+                class="text-title font-aeonik-pro text-primary max-w-[700px] text-2xl leading-10 text-pretty xs:text-3xl xs:leading-12 sm:text-4xl md:text-5xl"
             >
                 Safely scale with built-in
-                <span class="whitespace-nowrap">security and compliance</span><span
+                <span class="xs:whitespace-nowrap">security and compliance</span><span
                     class="text-accent">_</span
                 >
             </h2>

From fe6c10412bcb0b291c215791a041bda0f5da2e2e Mon Sep 17 00:00:00 2001
From: WhoamiI00 <ankitisop12@gmail.com>
Date: Sun, 7 Dec 2025 13:13:21 +0530
Subject: [PATCH 2/3] restore .env.example

---
 .env.example | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000000..5f948ba787
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,14 @@
+PUBLIC_APPWRITE_COL_MESSAGES_ID=
+PUBLIC_APPWRITE_COL_THREADS_ID=
+PUBLIC_APPWRITE_DB_MAIN_ID=
+PUBLIC_APPWRITE_FN_TLDR_ID=
+PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
+PUBLIC_APPWRITE_PROJECT_ID=
+PUBLIC_APPWRITE_DASHBOARD=https://cloud.appwrite.io
+PUBLIC_APPWRITE_PROJECT_INIT_ID=
+PUBLIC_GROWTH_ENDPOINT=
+PUBLIC_POSTHOG_API_KEY=
+APPWRITE_DB_INIT_ID=
+APPWRITE_COL_INIT_ID=
+APPWRITE_API_KEY_INIT=
+SENTRY_AUTH_TOKEN=

From 8bf731eaaba22060a541d2bfbcf7969f7a41a9a7 Mon Sep 17 00:00:00 2001
From: WhoamiI00 <ankitisop12@gmail.com>
Date: Sun, 7 Dec 2025 13:19:52 +0530
Subject: [PATCH 3/3] refactor: use arbitrary values instead of global
 breakpoint

---
 src/app.css                                         | 3 ---
 src/routes/(marketing)/(components)/features.svelte | 4 ++--
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index e9dba4f234..b5856796e4 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,9 +3,6 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
-    /* Breakpoints */
-    --breakpoint-xs: 23.125rem; /* 370px */
-
     /* Colors */
     --color-*: initial;
 
diff --git a/src/routes/(marketing)/(components)/features.svelte b/src/routes/(marketing)/(components)/features.svelte
index e01760b436..f17badd8a0 100644
--- a/src/routes/(marketing)/(components)/features.svelte
+++ b/src/routes/(marketing)/(components)/features.svelte
@@ -72,10 +72,10 @@
     <div class="container mx-auto">
         <section class="flex flex-col gap-4 lg:flex-row lg:items-baseline lg:gap-x-20">
             <h2
-                class="text-title font-aeonik-pro text-primary max-w-[700px] text-2xl leading-10 text-pretty xs:text-3xl xs:leading-12 sm:text-4xl md:text-5xl"
+                class="text-title font-aeonik-pro text-primary max-w-[700px] text-2xl leading-10 text-pretty min-[370px]:text-3xl min-[370px]:leading-12 sm:text-4xl md:text-5xl"
             >
                 Safely scale with built-in
-                <span class="xs:whitespace-nowrap">security and compliance</span><span
+                <span class="min-[370px]:whitespace-nowrap">security and compliance</span><span
                     class="text-accent">_</span
                 >
             </h2>