diff --git a/custom.css b/custom.css
index 0c15190..accbeea 100644
--- a/custom.css
+++ b/custom.css
@@ -1,11 +1,11 @@
-/* Westra Engineering — a construction skin over the default portal
-   stylesheet (site.yaml `stylesheet`). Steel and safety-amber on a
-   concrete ground: the palette of a site hut, not a brochure. */
+/* Westra Engineering — a quiet skin over the default portal stylesheet
+   (site.yaml `stylesheet`), drawn from the logo: navy and slate on
+   concrete. */
 
 :root {
-  /* Safety amber — the accent you see on a hoarding. */
-  --accent: #e8a317;
-  --accent-soft: rgba(232, 163, 23, 0.16);
+  /* The wordmark's navy, as the accent. */
+  --accent: #22304f;
+  --accent-soft: rgba(34, 48, 79, 0.12);
   /* Concrete paper, steel ink. */
   --paper: #eceae6;
   --ink: #1c1f24;
@@ -19,6 +19,9 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
+    /* The lighter slate reads on the dark ground. */
+    --accent: #8c9cc0;
+    --accent-soft: rgba(140, 156, 192, 0.16);
     --paper: #16181c;
     --ink: #e7e4dd;
     --ink-dim: #999a9a;
@@ -29,37 +32,19 @@
   }
 }
 
-/* A hazard-stripe rule under the hero wordmark — steel amber, the one
-   flourish. */
 .hero-copy h1 {
   font-weight: 800;
   letter-spacing: -0.01em;
 }
-.hero::after {
-  content: "";
-  display: block;
-  width: 100%;
-  max-width: 46rem;
-  height: 0.4rem;
-  margin-top: 0.4rem;
-  background: repeating-linear-gradient(
-    -45deg,
-    var(--accent) 0 0.8rem,
-    #1c1f24 0.8rem 1.6rem
-  );
-  border-radius: 0.2rem;
-  opacity: 0.85;
-}
 
-/* Feature icons carry the amber; a left steel edge grounds each card. */
+/* Feature icons carry the accent; a slate left edge grounds each card,
+   echoing the wordmark's ribbon. */
 .feature-icon { color: var(--accent); }
 .alt-card {
-  border-left: 0.2rem solid var(--accent);
+  border-left: 0.2rem solid #5c6a8f;
 }
 
-/* Primary button reads as painted steel. */
 .alt-submit {
   border-radius: 0.4rem;
-  color: #1c1f24;
   letter-spacing: 0.01em;
 }