From 96ce82e9eafcb52a94191d714aa974552bd5c3b1 Mon Sep 17 00:00:00 2001
From: epoberezkin <epoberezkin@users.noreply.github.com>
Date: Wed, 23 Sep 2026 07:47:45 +0000
Subject: [PATCH] deploy: 6c2679fa1998978e6dc5a06003c5dede3e996a0f

---
 crowdfunding/index.html | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/crowdfunding/index.html b/crowdfunding/index.html
index 04b7acda59..a149e47ff1 100644
--- a/crowdfunding/index.html
+++ b/crowdfunding/index.html
@@ -224,7 +224,7 @@
 
         .cf-hero-text {
             margin-left: calc(var(--sec-vwu) * 7.5);
-            width: calc(var(--sec-vwu) * 45);
+            width: calc(var(--sec-vwu) * 53);
             position: relative;
             z-index: 4;
         }
@@ -232,7 +232,7 @@
         .cf-hero h1 {
             font-family: "GT-Walsheim", sans-serif;
             font-weight: 400;
-            font-size: calc(var(--sec-vwu) * 4.94);
+            font-size: calc(var(--sec-vwu) * 4.45);
             line-height: 1.05;
             letter-spacing: -0.025em;
             color: #ffffff;
@@ -248,6 +248,7 @@
             max-width: calc(var(--sec-vwu) * 40);
         }
         .cf-hero .lead-short { display: none; }
+        .cf-hero h1 .cf-br-narrow { display: none; }
 
         .cf-stats {
             display: flex;
@@ -708,7 +709,7 @@
                 --cf-phone-h: calc(var(--cf-phone-w) / 0.4914);
                 --cf-phone-part: 0.55;
                 /* bottom of the hero text block, measured from the section top */
-                --cf-hero-text-b: calc(var(--cf-top-base) + max(0px, calc(-1 * var(--cf-area-off))) + 76.7vw);
+                --cf-hero-text-b: calc(var(--cf-top-base) + max(0px, calc(-1 * var(--cf-area-off))) + 92.5vw);
                 /* the arc crest starts 0.2678 down the cover image, which is
                    2.349 phone widths tall and sits 0.4034 phone heights above
                    the phone top: the phone may rise no higher than this */
@@ -735,7 +736,8 @@
             .cf-hero h1,
             .cf-hero .lead,
             .cf-hero .cf-stats { position: relative; z-index: 4; }
-            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 8.54); }
+            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 9); }
+            .cf-hero h1 .cf-br-narrow { display: inline; }
             .cf-hero .lead { font-size: calc(var(--sec-vwu) * 3.55); max-width: none; margin-top: calc(var(--sec-vhu) * 2); }
             .cf-hero .lead:not(.lead-short) { display: none; }
             .cf-hero .lead-short { display: block; font-size: calc(var(--sec-vwu) * 4.5); white-space: nowrap; }
@@ -878,9 +880,16 @@
             .cf-tag .n { font-size: 3.54cqh; line-height: 1.3; }
         }
 
+        /* tall phones (modern ratios, with or without the browser bars): the headline takes the
+           room the screen has; short ones keep the smaller size. */
+        @media screen and (max-width: 959px) and (orientation: portrait) and (max-aspect-ratio: 62/100) {
+            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 9.6); }
+            :root { --cf-hero-text-b: calc(var(--cf-top-base) + max(0px, calc(-1 * var(--cf-area-off))) + 91vw); }
+        }
+
         /* 320pt phones: keep the headline at three lines */
         @media screen and (max-width: 330px) and (orientation: portrait) {
-            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 8.18); }
+            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 8.6); }
         }
 
         /* narrow phones: keep the corner link clear of the logo */
@@ -1095,7 +1104,7 @@
             .page .text-container p { font-weight: 200; font-size: calc(var(--sec-vwu) * 1.62); }
             .page .text-container p span { font-weight: 500; }
             .page .text-container a { font-weight: 200; font-size: calc(var(--sec-vwu) * 1.62); }
-            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 4.4); }
+            .cf-hero h1 { font-size: calc(var(--sec-vwu) * 4.3); }
             .cf-hero .lead:not(.lead-short) { display: none; }
             .cf-hero .lead-short { display: block; margin-top: calc(var(--sec-vhu) * 2); }
             .cf-hero .cf-hero-cta { margin-top: calc(var(--sec-vhu) * 3); }
@@ -1129,8 +1138,8 @@
         <section class="page cf cf-dark cf-hero">
             <div class="area">
                 <div class="cf-hero-text">
-                    <h1>The first and the only messaging network without any user IDs</h1>
-                    <p class="lead">SimpleX Chat is building a messaging network unlike every major platform &mdash; without phone numbers, usernames, emails, or any user identifiers.</p>
+                    <h1>The only<br>messaging network<br>without any <br class="cf-br-narrow">user identifiers</h1>
+                    <p class="lead">SimpleX Chat is building a messaging network unlike every major platform &mdash; without phone numbers, usernames, emails, or user accounts.</p>
                     <p class="lead lead-short">No phone numbers, emails, or accounts.</p>
                     <div class="cf-hero-cta">
                         <a class="cf-pill cf-primary" id="cf-hero-invest" href="https://wefunder.com/simplex.chat?utm_source=landing" target="_blank" rel="noopener" aria-label="Invest on Wefunder">