diff --git a/src/shared/versions.js b/src/shared/versions.js
index ade5656..61acf08 100644
--- a/src/shared/versions.js
+++ b/src/shared/versions.js
@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.7.0',
-  gatewayClient: '0.7.0',
+  macClient: '0.7.1',
+  gatewayClient: '0.7.1',
   gatewayBackend: '0.7.0',
 });
 
diff --git a/src/web/styles.css b/src/web/styles.css
index 1338884..c197de9 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -430,28 +430,31 @@ p {
 .harbor-mode-stack em {
   position: absolute;
   inset: 0 auto auto 0;
-  transition: color 420ms ease, opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
+  transition: color 420ms ease, opacity 420ms ease, filter 620ms cubic-bezier(0.16, 1, 0.3, 1), clip-path 720ms cubic-bezier(0.16, 1, 0.3, 1), transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .harbor-brand .harbor-mode-connect {
   z-index: 2;
   color: var(--harbor-connect);
+  clip-path: inset(-0.2em -0.3em);
   animation: harbor-mode-ambient-front 10s ease-in-out infinite;
 }
 
 .harbor-brand .harbor-mode-gateway {
   z-index: 1;
   color: var(--harbor-gateway);
-  opacity: 0.2;
-  filter: blur(0.4px);
+  opacity: 0;
+  filter: blur(5px);
+  clip-path: inset(-0.2em 100% -0.2em 0);
   transform: translate(0.42em, 0.34em) scale(0.96);
   animation: harbor-mode-ambient-back 10s ease-in-out infinite;
 }
 
 .harbor-brand.is-gateway-active .harbor-mode-connect {
   z-index: 1;
-  opacity: 0.18;
-  filter: blur(0.4px);
+  opacity: 0;
+  filter: blur(5px);
+  clip-path: inset(-0.2em 0 -0.2em 100%);
   transform: translate(0.42em, 0.34em) scale(0.96);
 }
 
@@ -459,6 +462,7 @@ p {
   z-index: 2;
   opacity: 1;
   filter: none;
+  clip-path: inset(-0.2em -0.3em);
   transform: none;
 }