Rebuild navbar, hero, and feature sections in adaline style

- navbar: sticky, transparent to blur-on-scroll, wordmark + mono nav links +
  theme toggle + Download CTA, Reicon Menu/Xmark icons (components/layout)
- theme-toggle: Reicon Sun/Moon icons
- hero: meadow badge, tight Instrument Sans headline, Download + How-it-works
  CTAs, availability line, framed dashboard shot (components/sections)
- features: five stacked heading-over-panel sections mapping the org chart,
  office, messages, connectors and cost-control screens
- ui/media-frame: shared framed product-shot panel
- reveal: progressive enhancement — content is visible without JS and only
  hidden once the js class is present, then revealed on scroll
- remove the superseded flat navbar/hero/features components

Verified: next build green; desktop + mobile screenshots reviewed.

landing/app/globals.css

@@ -179,17 +179,24 @@ body {
   animation: rise-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
 }
 
-/* Scroll-reveal primitive: hidden until IntersectionObserver marks it in view. */
+/*
+ * Scroll-reveal primitive. Progressive enhancement: content is visible by
+ * default and only starts hidden once the `js` class is present, so the page
+ * stays fully readable if scripts never run.
+ */
 .reveal {
-  opacity: 0;
-  transform: translateY(16px);
   transition:
     opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
     transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
   transition-delay: var(--reveal-delay, 0ms);
 }
 
-.reveal[data-in-view="true"] {
+.js .reveal {
+  opacity: 0;
+  transform: translateY(16px);
+}
+
+.js .reveal[data-in-view="true"] {
   opacity: 1;
   transform: translateY(0);
 }
@@ -208,7 +215,7 @@ body {
     transition-duration: 0.01ms !important;
   }
 
-  .reveal {
+  .js .reveal {
     opacity: 1;
     transform: none;
   }