Homepage and shared components: writing style update and branding refinement

_includes/download_container.html

@@ -3,9 +3,9 @@
     <div class="card-package darkmode relative mx-auto" style="max-width: 1210px; width: 100%;">
         <div class="card-package-top" style="margin-top: 0;">
           <span class="card-package-top-amount" style="font-size: 2rem;">
-              Protect Your Device Today
+              Download Portmaster
           </span>
-          <p class="card-package-top-desc" style="max-width: 400px;">Portmaster is not only very powerful, but is also free & open source.</p>
+          <p class="card-package-top-desc" style="max-width: 400px;">Portmaster is free and open-source. Read the source code or download and try it.</p>
           </div>
         <div class="card-package-bottom transform scale-105" style="position: absolute; width: 100%; left: 0; bottom: 0px; display: flex; justify-content: end; height: 100%;">
           <div class="hidden lg:block"  style="display: flex; align-items: center; margin-right: 4rem;">

index.html

@@ -1,6 +1,6 @@
 ---
 layout: page
-title: Safing Portmaster - Easy Privacy
+title: Portmaster - Application Firewall by Safing
 redirect_from:
 - /portmaster/
 - /technology/
@@ -8,13 +8,11 @@ redirect_from:
 
 <header class="header-two-container mt-20">
   <div class="header-two-top">
-    <h1 class="header-two-top-title" style="max-width: 700px;">
-      Get Peace of Mind with<br>
-      Easy Privacy
+    <h1 class="header-two-top-title" style="max-width: 900px;">
+      Resist Network Surveillance
     </h1>
-    <p class="header-two-top-desc">
-      Portmaster is a free and open-source application firewall that does the heavy lifting for you.
-      Restore privacy and take back control over all your computer's network activity.
+    <p class="header-two-top-desc" style="max-width: 750px;">
+      Portmaster is a free and open-source application firewall. Monitor every network connection on your computer and set per-application rules for what to block.
     </p>
     <div class="flex space-x-8 items-center justify-center">
       <div class="space-x-8 items-center flex">
@@ -43,6 +41,17 @@ redirect_from:
     </div>
   </div>
   <div class="header-two-bottom" style="margin-top: 2rem; position: relative;">
+      <div class="flex items-center justify-center space-x-4 mb-6">
+        <svg class="h-12 w-auto" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
+          <g data-name="Main" fill-rule="evenodd">
+            <path fill="#fff" d="M176.11 36.73l-5-8.61a41.53 41.53 0 00-14.73 57.22l8.55-5.12a31.58 31.58 0 0111.19-43.49z" transform="translate(-127.99 .01)" style="isolation:isolate" opacity=".8"></path>
+            <path fill="#fff" d="M222.36 72.63a31.55 31.55 0 01-45 19.35l-4.62 8.84a41.54 41.54 0 0059.17-25.46z" transform="translate(-127.99 .01)" style="isolation:isolate" opacity=".8"></path>
+            <path fill="#fff" d="M197 83a19.66 19.66 0 01-19.25-32.57l-4.5-4.27A25.87 25.87 0 00198.59 89z" transform="translate(-127.99 .01)" style="isolation:isolate" opacity=".6"></path>
+            <path fill="#fff" d="M192 112.64A48.64 48.64 0 11240.64 64 48.64 48.64 0 01192 112.64zM256 64a64 64 0 10-64 64 64 64 0 0064-64z" transform="translate(-127.99 .01)"></path>
+          </g>
+        </svg>
+        <span style="font-size: 2.25rem; font-weight: 700; color: white; letter-spacing: -0.02em;">Portmaster</span>
+      </div>
       <div class="element-x-center max-w-max mx-auto">
           <video muted loop autoplay width="auto" height="auto" poster="{{ site.assets_url }}img/page-specific/landing/portmaster-thumbnail.png">
               <source src="{{ site.assets_server_url }}video/landing_page/portmaster_tour.webm" type="video/webm" style="object-fit: cover; border-radius: 12px;">
@@ -65,9 +74,7 @@ redirect_from:
           Monitor All Network Activity
         </h2>
         <p class="showcase-one-right-desc">
-          Discover everything that is happening on your computer. Expose every
-          connection your applications make and detect evil ones. Finally get
-          the power to act accordingly.
+          See every network connection your applications make in real time. Identify unexpected or unwanted connections and block them individually or by rule.
         </p>
         <a class="btn-secondary" href="{{ site.features_url }}">Discover More features</a>
     </div>
@@ -78,12 +85,10 @@ redirect_from:
     </div>
     <div class="showcase-one-right">
         <h2 class="showcase-one-right-title" style="max-width: 450px;">
-            Auto-Block Trackers System-Wide
+            Block Trackers System-Wide
         </h2>
         <p class="showcase-one-right-desc">
-          Protect your whole computer, not just your browser. Block all
-          advertisements and trackers for every application. Easily add
-          your own rules and block individual domains.
+          Block ads and trackers at the DNS level across all applications, not just your browser. Add custom rules or block specific domains as needed.
         </p>
         <a class="btn-secondary" href="{{ site.features_url }}">Discover More features</a>
     </div>
@@ -97,10 +102,7 @@ redirect_from:
             Set Global & per‑App Settings
         </h2>
         <p class="showcase-one-right-desc">
-          Make your own rules. Completely cut off applications from the
-          Internet. Or block all p2p connections except for certain apps.
-          Or never connect to specific countries. Portmaster has you
-          covered.
+          Make your own rules. Completely cut off applications from the internet, block specific connection types, or restrict connections to certain countries per app or globally.
         </p>
         <a class="btn-secondary" href="{{ site.features_url }}">Discover More features</a>
     </div>