[docs] Refine mascot presentation (#121)

Author: coisa

README.md

@@ -14,7 +14,7 @@ across Fast Forward libraries.
 [![GitHub Sponsors](https://img.shields.io/github/sponsors/php-fast-forward?logo=githubsponsors&logoColor=white&color=EC4899)](https://github.com/sponsors/php-fast-forward)
 
 <p align="center">
-  <img src="docs/_static/mascot.png" alt="Fast Forward DevTools mascot" width="520">
+  <img src="docs/_static/mascot-banner.png" alt="Fast Forward DevTools mascot" width="840">
 </p>
 
 ## ✨ Features

docs/_static/mascot-banner.png

@@ -1,23 +1,32 @@
 Documentation
 =============
 
-FastForward DevTools is infrastructure for Fast Forward libraries. It ships
-shared defaults, registers Composer commands, generates documentation, and
-synchronizes automation plus packaged agent skills into consumer repositories.
+.. container:: row align-items-center gy-4 my-4
 
-.. image:: _static/mascot.png
-   :alt: Fast Forward DevTools mascot
-   :width: 420
-   :align: center
+   .. container:: col-lg-7
 
-If you are new to the package, start with :doc:`getting-started/index` and
-:doc:`usage/index`. If you maintain Fast Forward libraries, continue with
-:doc:`advanced/index`, :doc:`api/index`, and :doc:`internals/index` to
-understand how the Composer plugin, PHPUnit extension, and reusable workflows
-fit together.
+      FastForward DevTools is the shared infrastructure layer for Fast Forward
+      libraries. It keeps Composer commands, documentation generation,
+      reporting, workflow automation, and packaged agent skills moving in the
+      same direction.
+
+      If you are new to the package, start with
+      :doc:`getting-started/index` and :doc:`usage/index` for installation, the
+      first successful run, and the core command flow.
+
+      If you maintain Fast Forward libraries, continue with
+      :doc:`advanced/index`, :doc:`api/index`, and :doc:`internals/index` to
+      understand how the Composer plugin, PHPUnit extension, and reusable
+      workflows fit together.
+
+   .. container:: col-lg-5 text-center
+
+      .. image:: _static/mascot.png
+         :alt: Fast Forward DevTools mascot
+         :class: img-fluid w-100 rounded-4 shadow-sm border border-light-subtle bg-body-tertiary p-2
 
 .. toctree::
-   :maxdepth: 2
+   :maxdepth: 1
    :caption: Contents
 
    getting-started/index