style(brand): unify orange to #FA7850 + yellow token; fix tablet header gap

- Brand orange is now the official #FA7850 everywhere: folded the stray
  oranges (#F2762E, #E8833A, #ff6b2c) into it and kept a single darker shade
  (#E85D2A) for gradient depth + button hover. Added the official brand
  --yellow (#FFE16E) token.
- Tablet header gap (769-1024px): the fixed header shrinks 80->60px there but
  first-section paddings kept their 80px clearance; pull the first section up
  by the 20px delta in that range only (phones untouched). Verified on
  interior pages and the full-bleed homepage hero — gap now matches desktop,
  no overlap.
- Re-stamped cache-bust (v=f95de694).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/pages/_guide.css

@@ -407,7 +407,7 @@
     color: #101828;
 }
 .guide-help-title i {
-    color: #ff6b2c;
+    color: #FA7850;
 }
 .guide-help-contact p {
     margin: 0 0 16px;
@@ -428,8 +428,8 @@
     transition: border-color .15s, color .15s, transform .15s;
 }
 .guide-help-email:hover {
-    border-color: #ff6b2c;
-    color: #ff6b2c;
+    border-color: #FA7850;
+    color: #FA7850;
     transform: translateY(-1px);
 }
 /* Viber community card + button */
@@ -991,7 +991,7 @@
     width: 7px;
     height: 7px;
     border-radius: 50%;
-    background: #ff6b2c;
+    background: #FA7850;
 }
 .route-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 8px; }
 .route-links a {