Update from task 9e03729b-216e-4543-9fdd-cea82be3d5f7

.gitignore

@@ -1,52 +1 @@
-# Compiled and binary files
-*.pyc
-*.class
-*.o
-*.exe
-*.dll
-*.so
-*.a
-*.obj
-*.out
-
-# Dependencies
-node_modules/
-venv/
-.venv/
-__pycache__/
-dist/
-build/
-target/
-.gradle/
-.mypy_cache/
-.pytest_cache/
-
-# Editor/IDE files
-.vscode/
-.idea/
-*.swp
-*.swo
-*.tmp
-
-# System/Environment files
-.DS_Store
-Thumbs.db
-.env
-.env.local
-*.env.*
-
-# Logs and coverage
-*.log
-coverage/
-htmlcov/
-.coverage
-
-# Compressed files
-*.zip
-*.gz
-*.tar
-*.tgz
-*.bz2
-*.xz
-*.7z
-*.rar
+(empty)

assets/hero/hero.css

@@ -112,6 +112,17 @@
   mask-image: radial-gradient(70% 70% at 40% 50%, #000 30%, transparent 78%);
 }
 
+/* mirrored copy anchoring the right edge — keeps the PCB traces present in a
+   wide panoramic crop instead of only the bottom-left corner */
+.cc-hero__bg--circuit-r {
+  left: auto;
+  right: -9%;
+  bottom: -10%;
+  width: min(660px, 44%);
+  opacity: 0.4;
+  transform: scaleX(-1);
+}
+
 .cc-hero__bg--floor {
   left: 0;
   bottom: -2px;
@@ -130,6 +141,19 @@
 .cc-hero__orb--b { top: -90px; right: 6%; width: 420px; height: 420px; background: rgba(168, 85, 247, 0.45); }
 .cc-hero__orb--c { bottom: -180px; left: 42%; width: 520px; height: 400px; background: rgba(163, 230, 53, 0.24); }
 
+/* slow breathing on the light pools so the backdrop never reads as static */
+@media (prefers-reduced-motion: no-preference) {
+  .cc-hero__orb { animation: cc-breathe 16s ease-in-out infinite alternate; will-change: transform; }
+  .cc-hero__orb--a { animation-duration: 19s; }
+  .cc-hero__orb--b { animation-delay: -6s; animation-duration: 23s; }
+  .cc-hero__orb--c { animation-delay: -11s; }
+}
+
+@keyframes cc-breathe {
+  from { transform: scale(1); opacity: 0.36; }
+  to   { transform: scale(1.14); opacity: 0.5; }
+}
+
 .cc-hero__sheen {
   position: absolute;
   inset: 0;
@@ -806,6 +830,11 @@
   padding-top: clamp(8px, 1vw, 12px);
   border-top: 1px solid var(--cc-line-soft);
 }
+/* ultrawide banners have spare horizontal room — let the strip breathe into
+   five equal cells instead of leaving dead space at both edges */
+@media (min-width: 1700px) {
+  .cc-hero__metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
+}
 .cc-hero__metric {
   display: flex;
   align-items: center;
@@ -919,6 +948,11 @@
 .cc-hero__shard--cross { top: 57%;   left: 44.5%; width: 15px;  height: 15px;  color: rgba(163, 230, 53, 0.55);  animation-delay: -6s; }
 .cc-hero__shard--tri   { bottom: 26%; right: 1.7%; width: 26px; height: 26px;  color: rgba(125, 211, 252, 0.5);  animation-delay: -8s; }
 .cc-hero__shard--dot   { top: 28%;   left: 7%;    width: 11px;  height: 11px;  color: rgba(192, 132, 252, 0.7);  animation-delay: -2s; }
+/* plus glyph in the copy column's lower gutter — only shown once there is
+   room for the side decorations (>= 1181 px, see the responsive block) */
+.cc-hero__shard--plus  { bottom: 24%; left: 47%;  width: 20px;  height: 20px;  color: rgba(34, 211, 238, 0.45);  animation-delay: -4.5s; }
+/* diamond on the far-right edge, echoing the hex node on the left */
+.cc-hero__shard--diamond { top: 15%;  right: 1.2%; width: 30px; height: 30px;  color: rgba(163, 230, 53, 0.45);  animation-delay: -7s; }
 
 /* ------------------------------------------------------------------ *
  * 09. Motion + reduced motion

command-center.html

@@ -43,6 +43,7 @@
     <img class="cc-hero__bg--floor" src="assets/hero/hero-floor.svg" alt="" width="1600" height="520">
     <img class="cc-hero__bg--map" src="assets/hero/world-map.svg" alt="" width="1600" height="900">
     <img class="cc-hero__bg--circuit" src="assets/hero/circuit.svg" alt="" width="900" height="700">
+    <img class="cc-hero__bg--circuit cc-hero__bg--circuit-r" src="assets/hero/circuit.svg" alt="" width="900" height="700">
     <span class="cc-hero__orb cc-hero__orb--a"></span>
     <span class="cc-hero__orb cc-hero__orb--b"></span>
     <span class="cc-hero__orb cc-hero__orb--c"></span>
@@ -70,6 +71,12 @@
       <circle cx="8" cy="8" r="3.5"/>
       <circle cx="8" cy="8" r="6.5" stroke-dasharray="2 4"/>
     </svg>
+    <svg class="cc-hero__shard cc-hero__shard--plus" viewBox="0 0 40 40">
+      <path d="M20 7v26M7 20h26"/>
+    </svg>
+    <svg class="cc-hero__shard cc-hero__shard--diamond" viewBox="0 0 40 40">
+      <path d="M20 5l15 15-15 15L5 20z"/>
+    </svg>
   </div>
 
   <!-- floating command chips -->
@@ -180,6 +187,7 @@ <h1 class="cc-hero__title" id="cc-hero-title">
             </span>
             <span class="cc-hero__termmeta">
               <span>zsh · 2.4.0</span>
+              <span data-cc-clock>12:04:18 UTC</span>
               <span class="cc-hero__ok">● connected</span>
             </span>
           </div>
@@ -324,6 +332,10 @@ <h1 class="cc-hero__title" id="cc-hero-title">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3.2"/><path d="M3.5 20a5.5 5.5 0 0111 0"/><path d="M16 5.2a3.2 3.2 0 010 6M17.5 20a5.5 5.5 0 00-2-4.3"/></svg>
         <div><b><span data-cc-count="4200" data-cc-group="1">4,200</span><i class="cc-hero__metric-unit">+</i></b><span class="cc-hero__metric-label">Devs onboarded</span></div>
       </div>
+      <div class="cc-hero__metric cc-hero__metric--g">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4v16h16"/><path d="M7.5 15.5l3.2-4.2 2.8 2.2 4-6"/><circle cx="7.5" cy="15.5" r="1.1" fill="currentColor" stroke="none"/></svg>
+        <div><b><span data-cc-count="1.2" data-cc-decimals="1">1.2</span><i class="cc-hero__metric-unit">M</i></b><span class="cc-hero__metric-label">Dispatches · today</span></div>
+      </div>
     </div>
 
   </div>