Homepage: move eyebrow text to subtitle below heading (#44475)

In response to https://github.com/fleetdm/fleet/pull/44398

<img width="963" height="423" alt="image"
src="https://github.com/user-attachments/assets/023fe231-2d00-461e-a97b-82eddccbe011"
/>

## Summary
- Removed the uppercase eyebrow text (`<h4>`) that appeared above the
main hero heading on the homepage
- Added the same text ("Open MDM + patching + vuln management for every
OS.") as a styled subtitle paragraph below the `<h1>` heading
- Applied the specified styles: color #515774, Inter font, 16px, weight
400, line-height 24px

## Changes
- `website/views/pages/homepage.ejs` — Removed `<h4>` eyebrow, added `<p
purpose="hero-subtitle">` below the heading
- `website/assets/styles/pages/homepage.less` — Added
`[purpose='hero-subtitle']` styles within the hero-text block

---

Built for [Michael
Thomas](https://fleetdm.slack.com/archives/D0AL6RD36GL/p1777554126602589)
by [Kilo for Slack](https://kilo.ai/slack)

---------

Co-authored-by: kiloconnect[bot] <240665456+kiloconnect[bot]@users.noreply.github.com>
Co-authored-by: Eric <eashaw@sailsjs.com>

website/assets/styles/pages/homepage.less

@@ -75,6 +75,17 @@
       font-size: 32px;
       margin-bottom: 0px;
     }
+    [purpose='hero-subtitle'] {
+      color: #515774;
+      font-family: 'Inter', sans-serif;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      margin-top: 8px;
+      margin-bottom: 0px;
+      max-width: 640px;
+    }
     h4 {
       color: #515774;
       font-feature-settings: 'salt' on, 'ss01' on, 'ss02' on;

website/views/pages/homepage.ejs

@@ -11,10 +11,10 @@
         <div class="d-flex flex-row justify-content-start justify-content-sm-center justify-content-md-start align-items-start">
           <%/* Hero text */%>
           <div purpose="hero-text" class="d-flex flex-column justify-content-start">
-            <h4>Open MDM + patching + vuln management for every OS.</h4>
             <h1>
               Manage, update, and secure all your devices like it's 2026
             </h1>
+            <p purpose="hero-subtitle">Open MDM + patching + vuln management for every OS.</p>
             <div purpose="hero-quote-author" class="d-flex flex-row align-items-center">
               <div purpose="hero-quote-profile-image">
                 <img alt="Wes Whetstone" src="/images/homepage-hero-wes-whetstone-86x72@2x.png">