From 56ede851f8b55830211d8f11f3b49c426e706c4b Mon Sep 17 00:00:00 2001
From: Ryan McNeely <ryan.mcneely@pm.me>
Date: Thu, 9 Apr 2026 10:50:00 -0400
Subject: [PATCH 1/2] Adds focus style for placeholder

---
 _styles/home.css | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/_styles/home.css b/_styles/home.css
index c369dbf089..3bdcf70645 100644
--- a/_styles/home.css
+++ b/_styles/home.css
@@ -49,6 +49,11 @@
   width: calc(100% - 6px); /* Work around payent-button::before */
 }
 
+#amount-custom:is(:active, :focus, :focus-active)::placeholder {
+  opacity: 0.6;
+  color: #333;
+}
+
 .focus-reveal {
   margin: 0 3px;
   opacity: 0 !important;
@@ -266,7 +271,11 @@ input:focus + .focus-reveal {
 #showcase.initialized {
   background-color: #3689e6;
   background-image:
-    linear-gradient(to bottom, rgba(13, 82, 191, 0.25), rgba(0, 115, 103, 0.33)),
+    linear-gradient(
+      to bottom,
+      rgba(13, 82, 191, 0.25),
+      rgba(0, 115, 103, 0.33)
+    ),
     linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
     url("../images/home/wallpaper.jpg");
   background-position: center;
@@ -322,12 +331,13 @@ input:focus + .focus-reveal {
   background-color: #667885;
   background-image:
     url("../images/brand/logomark-white.svg"),
-    linear-gradient(to bottom, rgba(54, 137, 230, 0.25), rgba(13, 82, 191, 0.75)),
+    linear-gradient(
+      to bottom,
+      rgba(54, 137, 230, 0.25),
+      rgba(13, 82, 191, 0.75)
+    ),
     url("../images/home/wallpaper.jpg");
-  background-size:
-    contain,
-    cover,
-    cover;
+  background-size: contain, cover, cover;
   background-position: center;
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 50%;
@@ -424,7 +434,7 @@ input:focus + .focus-reveal {
 ***********/
 
 #workflow figure {
-  background-image: url('../images/screenshots/desktop.jpg');
+  background-image: url("../images/screenshots/desktop.jpg");
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: 2px;
@@ -461,7 +471,7 @@ input:focus + .focus-reveal {
 #workflow figure.multitasking .workspace,
 #workflow figure.multitasking::after {
   border-radius: 2px;
-  background-image: url('../images/screenshots/desktop.jpg');
+  background-image: url("../images/screenshots/desktop.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   box-shadow:

From 0bfa033ec39b933b7cd1fd8fcd87b40b6f18ece6 Mon Sep 17 00:00:00 2001
From: Ryan McNeely <ryan.mcneely@pm.me>
Date: Thu, 9 Apr 2026 11:18:27 -0400
Subject: [PATCH 2/2] Fix pseudo-selector

---
 _styles/home.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_styles/home.css b/_styles/home.css
index 3bdcf70645..f8de69c741 100644
--- a/_styles/home.css
+++ b/_styles/home.css
@@ -49,7 +49,7 @@
   width: calc(100% - 6px); /* Work around payent-button::before */
 }
 
-#amount-custom:is(:active, :focus, :focus-active)::placeholder {
+#amount-custom:is(:active, :focus, :focus-visible)::placeholder {
   opacity: 0.6;
   color: #333;
 }