Strip to the bone — mystery first, no backstory

Remove all explainer sections. Hero is coordinates + 3 lines.
Dash mock moves into hero as right-column visual. Transmissions
are the whole story. Let it breathe.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

style.css

@@ -179,10 +179,24 @@ h1, h2, h3 {
 /* ---- Hero ---- */
 .hero {
   position: relative;
-  padding: 100px 0 90px;
+  padding: 90px 0 80px;
   overflow: hidden;
 }
 
+.hero-inner {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 64px;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+}
+
+.hero-dash {
+  display: flex;
+  justify-content: flex-end;
+}
+
 .hero-grid {
   position: absolute;
   inset: 0;
@@ -223,12 +237,10 @@ h1, h2, h3 {
   color: var(--white);
 }
 
-.hero-sub {
-  font-size: 1.05rem;
-  color: var(--gray-mid);
-  max-width: 520px;
-  margin-bottom: 36px;
-  line-height: 1.75;
+.hero-text {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
 }
 
 .btn-primary {
@@ -472,20 +484,6 @@ h1, h2, h3 {
   border-top: 1px solid var(--border);
 }
 
-.transmissions-section h2 {
-  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
-  margin-bottom: 12px;
-}
-
-.transmissions-intro {
-  font-size: 0.92rem;
-  color: var(--gray-mid);
-  max-width: 540px;
-  line-height: 1.75;
-  margin-bottom: 48px;
-  font-style: italic;
-}
-
 .transmission-log {
   display: flex;
   flex-direction: column;
@@ -671,11 +669,13 @@ h1, h2, h3 {
 
 /* ---- Responsive ---- */
 @media (max-width: 760px) {
-  .platform-inner {
+  .hero-inner {
     grid-template-columns: 1fr;
     gap: 40px;
   }
 
+  .hero-dash { justify-content: flex-start; }
+
   .nav a:not(.nav-cta) { display: none; }
 
   .join-form input[type="email"] { width: 100%; }