Index: arms/html/pdService
===================================================================
diff -u -re9e273fb3ee042c442118b0cdfc01ea733db01db -r7866ee9ae32afafad447d3082e982073d85f767a
--- arms/html/pdService	(.../pdService)	(revision e9e273fb3ee042c442118b0cdfc01ea733db01db)
+++ arms/html/pdService	(.../pdService)	(revision 7866ee9ae32afafad447d3082e982073d85f767a)
@@ -13,6 +13,9 @@
   <link href="index/assets/img/favicon.png" rel="icon">
   <link href="index/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 
+  <link href="../reference/lightblue4/docs/css/application.min.css" rel="stylesheet" type="text/css" media="screen" />
+  <link href="./css/override.css" rel="stylesheet" type="text/css" media="screen" />
+
   <!-- Vendor CSS Files -->
   <link href="index/assets/vendor/aos/aos.css" rel="stylesheet">
   <link href="index/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
Index: arms/index/assets/css/style.css
===================================================================
diff -u -re9e273fb3ee042c442118b0cdfc01ea733db01db -r7866ee9ae32afafad447d3082e982073d85f767a
--- arms/index/assets/css/style.css	(.../style.css)	(revision e9e273fb3ee042c442118b0cdfc01ea733db01db)
+++ arms/index/assets/css/style.css	(.../style.css)	(revision 7866ee9ae32afafad447d3082e982073d85f767a)
@@ -274,7 +274,29 @@
 #hero {
   width: 100%;
   height: 100vh;
-  background: url("../../assets/img/hero-bg.jpg") top right no-repeat;
+  background: radial-gradient(
+          farthest-side ellipse at 10% 0,
+          rgba(40, 40, 40, 0.9),
+          rgba(90, 100, 130, 0.89),
+          rgba(60, 60, 60, 0.9)
+  ),
+  url("../../reference/light-blue/img/bgnoise_lg_dark.png");
+  background: -webkit-radial-gradient(
+          10% 0,
+          farthest-side ellipse,
+          rgba(40, 40, 40, 0.9),
+          rgba(90, 100, 130, 0.89),
+          rgba(60, 60, 60, 0.9)
+  ),
+  url("../../reference/light-blue/img/bgnoise_lg_dark.png");
+  background: -moz-radial-gradient(
+          10% 0,
+          farthest-side ellipse,
+          rgba(40, 40, 40, 0.9),
+          rgba(90, 100, 130, 0.89),
+          rgba(60, 60, 60, 0.9)
+  ),
+  url("../../reference/light-blue/img/bgnoise_lg_dark.png");
   background-size: cover;
   position: relative;
 }
@@ -287,7 +309,6 @@
 
 #hero:before {
   content: "";
-  background: rgba(255, 255, 255, 0.8);
   position: absolute;
   bottom: 0;
   top: 0;