Implemented phase 0 for the POC prototype in the Website service.

Services/Website/Resources/Static/css/index.css

@@ -0,0 +1,23 @@
+/* CCN — landing page. */
+
+.hero {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+  max-width: 640px;
+  padding: var(--space-1) 0 var(--space-2);
+}
+
+.hero__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+  padding-top: var(--space-3);
+}
+
+@media (min-width: 1024px) {
+  .hero {
+    gap: var(--space-5);
+    padding: var(--space-10) 0;
+  }
+}

Services/Website/Resources/Static/css/not-found.css

@@ -1,43 +1,9 @@
-/* Styles for the not-found (404) error page. */
+/* CCN — not-found page. */
 
-* {
-  line-height: 1.2;
-  margin: 0;
-}
-
-html {
-  color: #888;
-  display: table;
-  font-family: sans-serif;
-  height: 100%;
-  text-align: center;
-  width: 100%;
-}
-
-body {
-  display: table-cell;
-  vertical-align: middle;
-  margin: 2em auto;
-}
-
-h1 {
-  color: #555;
-  font-size: 2em;
-  font-weight: 400;
-}
-
-p {
-  margin: 0 auto;
-  width: 280px;
-}
-
-@media only screen and (max-width: 280px) {
-  body, p {
-    width: 95%;
-  }
-
-  h1 {
-    font-size: 1.5em;
-    margin: 0 0 0.3em;
-  }
+.not-found {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--space-4);
+  padding-top: var(--space-14);
 }