All page headers: 3-phrase structure with blue .page-tagline class

Add global .page-tagline CSS class (blue, bold). Apply h1 + tagline +
body + CTA pattern to services, sponsor, careers, blog, projects, about.

Author: MMesch

src/css/custom.css

@@ -279,6 +279,13 @@ ul {
   color: white;
 }
 
+/* Punchy blue tagline used in page header sections */
+.page-tagline {
+  color: var(--ifm-color-blue-jupyter);
+  font-weight: 700;
+  padding: 0;
+}
+
 /* BD-style red accent bar below section headings */
 .page-content h2::after {
   content: '';

src/pages/about/index.tsx

@@ -27,7 +27,9 @@ export function AboutContent() {
     <>
       <Section pageTop fullHeight bg="yellow">
         <h1>About QuantStack</h1>
-        <p>Founded in Paris in 2016, we are ~30 engineers and researchers who built the infrastructure layer of modern scientific computing. JupyterLab, Mamba, JupyterLite, emscripten-forge — tools reaching millions daily. Our founder received the ACM Software System Award, given to the same cohort as the creators of Unix, Java, and the World Wide Web. We do this because we believe open-source is the most powerful force for good in science and technology.</p>
+        <p className="page-tagline">~30 engineers and researchers building the infrastructure of modern science.</p>
+        <p>Founded in Paris in 2016. JupyterLab, Mamba, JupyterLite, emscripten-forge — tools reaching millions daily. Our founder received the ACM Software System Award, given to the same cohort as the creators of Unix, Java, and the World Wide Web.</p>
+        <LinkToContact label="Get in touch" />
       </Section>
       <SectionSeparator variant={4} />
       <Section>

src/pages/blog.tsx

@@ -10,17 +10,15 @@ export default function BlogPage(): JSX.Element {
   return (
     <Layout>
       <Section pageTop fullHeight bg="yellow">
-        <div style={{ display: "flex", alignItems: "center", gap: "12px" }}>
-          <h1>
-            Featured posts by QuantStack contributors
-          </h1>
-          <a href={"/atom.xml"}>
-            <AtomOrange width={"42px"} height={"42px"} />
-          </a>
-        </div>
+        <h1>Featured posts by QuantStack contributors</h1>
+        <p className="page-tagline">From the maintainers, at the source.</p>
         <p>
-          Technical deep-dives, release notes, and perspectives from maintainers at the source. Read about the decisions, trade-offs, and discoveries that go into the tools powering modern science.
+          Technical deep-dives, release notes, and perspectives from the people who wrote the code. Read about the decisions, trade-offs, and discoveries that go into the tools powering modern science.
         </p>
+        <a href={"/atom.xml"} className="link-to-button" style={{ display: "inline-flex", alignItems: "center", gap: "8px" }}>
+          <AtomOrange width={"20px"} height={"20px"} />
+          Subscribe via RSS
+        </a>
       </Section>
       <SectionSeparator variant={1} />
       <Section>

src/pages/careers.tsx

@@ -57,7 +57,9 @@ function CareersContent() {
     <>
       <Section pageTop fullHeight bg="yellow">
         <h1>Join the QuantStack team.</h1>
-        <p>We are ~30 researchers and engineers building the infrastructure of scientific computing. Your code will reach millions of users. Your contributions will go upstream. This is not a support role — it's a principal contributor role from day one.</p>
+        <p className="page-tagline">Your code will reach millions. Your contributions go upstream.</p>
+        <p>We are ~30 researchers and engineers building the infrastructure of scientific computing. This is not a support role — it's a principal contributor role from day one.</p>
+        <Link className="link-to-button" href="/contact">Get in touch</Link>
       </Section>
 
       <SectionSeparator variant={2} />

src/pages/projects.tsx

@@ -21,11 +21,12 @@ function ProjectsContent() {
       {/* ── Header ────────────────────────────────────────────────────────── */}
       <Section pageTop fullHeight bg="yellow">
         <h1>Working in the open.</h1>
+        <p className="page-tagline">Tools reaching millions of researchers, engineers, and students worldwide.</p>
         <p className={styles.header_text}>
-          From interactive environments to package managers to data formats — our tools reach
-          millions of researchers, engineers, and students across every scientific discipline.
-          We build in the open so that anyone can build on what we create.
+          From interactive environments to package managers to data formats — we build in the open
+          so that anyone can build on what we create.
         </p>
+        <LinkToContact label="Work with us" />
       </Section>
 
       <SectionSeparator variant={1} />

src/pages/services.tsx

@@ -17,6 +17,7 @@ function ServicesContent() {
       {/* ── Header ────────────────────────────────────────────────────────── */}
       <Section pageTop fullHeight bg="yellow">
         <h1>Hire the team that built the tools you depend on.</h1>
+        <p className="page-tagline">Direct access to the upstream maintainers — not a helpdesk.</p>
         <p>
           Bloomberg, AWS, Safran, ESA, and the Gates Foundation work with us because there is
           no shortcut to deep expertise. Whether you need a support retainer, a custom feature,

src/pages/sponsor.tsx

@@ -12,7 +12,9 @@ export function FundableContent() {
     <>
       <Section pageTop fullHeight bg="yellow">
         <h1>Sponsor open-source work</h1>
+        <p className="page-tagline">Back the features the scientific community needs.</p>
         <p>High-demand open-source features with detailed plans already in place — the work is scoped, the need is proven, only funding is missing. Back a project and get it shipped.</p>
+        <LinkToContact label="Get in touch" />
       </Section>
       <SectionSeparator variant={3} />
       <Section>