lynx compatibility

Author: Thomas Stromberg

src/_layouts/base.njk

@@ -29,7 +29,7 @@
     </div>
     <ul class="nav-links">
       <li><a href="/about/"><span class="bracket">【</span>about<span class="bracket">】</span></a></li>
-      <li><a href="/products/"><span class="bracket">【</span>products<span class="bracket">】</span></a></li>
+      <li><a href="/products/ready-to-review/"><span class="bracket">【</span>products<span class="bracket">】</span></a></li>
       <li><a href="/opensource/"><span class="bracket">【</span>opensource<span class="bracket">】</span></a></li>
       <li><a href="/security/"><span class="bracket">【</span>security<span class="bracket">】</span></a></li>
     </ul>

src/assets/css/style.css

@@ -1222,3 +1222,13 @@ button,
         font-size: 36px !important;
     }
 }
+
+/* Text-browser separator - invisible in graphical browsers, visible in Lynx */
+hr.text-separator {
+    border: 0;
+    height: 0;
+    margin: 0;
+    padding: 0;
+    opacity: 0;
+    overflow: hidden;
+}

src/products/ready-to-review.njk

@@ -22,6 +22,8 @@ title: Ready to Review - Eliminate PR coordination overhead
       </div>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
       <h2 style="margin-top: 0;">THE PROBLEM</h2>
       <p style="font-size: 18px; margin-bottom: 20px;"><strong>Most engineering teams lose 10-15% of throughput to PR coordination overhead.</strong> For a 20-person team, that's <strong>$1M annually</strong> in lost productivity. Or 2-3 engineers worth of capacity just... gone.</p>
@@ -31,6 +33,8 @@ title: Ready to Review - Eliminate PR coordination overhead
       <p style="margin-bottom: 0;"><strong>The real cost:</strong> Frustrated engineers. Constant context switching. Endless status questions in stand-ups and Slack. Nobody's happy.</p>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
       <h2 style="margin-top: 0;">OUR SOLUTION</h2>
       <p style="font-size: 18px; margin-bottom: 20px;">Ready-to-Review <strong>actively manages your PR workflow</strong>. Merge time drops from 4.5 days to <strong>under an hour</strong>. That's 20X faster. Get that 2-3 engineers worth of capacity back—without hiring.</p>
@@ -43,11 +47,15 @@ title: Ready to Review - Eliminate PR coordination overhead
       <p style="margin-top: 20px; margin-bottom: 0;"><a href="https://cost.github.codegroove.app/?mode=org">Calculate your team's cost savings →</a></p>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <div style="background: linear-gradient(135deg, var(--yellow) 0%, #ffd700 100%); border: 8px solid var(--black); border-radius: 20px; padding: 40px; margin: 40px 0; box-shadow: 0 8px 32px rgba(255, 215, 0, 0.5); text-align: center;">
       <p style="font-size: 32px; font-weight: 900; margin: 0 0 15px 0; color: var(--black); text-transform: uppercase; letter-spacing: 1px;">🚀 SHIPPING NOVEMBER 17, 2025</p>
       <p style="font-size: 20px; margin: 0; color: var(--black); font-weight: 600;">For engineering teams and open-source projects worldwide.</p>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <h2>HOW IT WORKS</h2>
     <div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
       <p style="font-size: 18px; margin-bottom: 20px;">A <strong>deterministic state machine</strong> tracks every PR in your organization. Knows who should act next. Knows what needs to happen. Clear accountability. Zero manual coordination.</p>
@@ -61,7 +69,10 @@ title: Ready to Review - Eliminate PR coordination overhead
       </ul>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <h2>SCREENSHOTS</h2>
+    <p style="margin-bottom: 30px;">Ready to Review integrates seamlessly with your existing workflow through multiple notification channels. Get real-time PR status updates in Slack channels showing CI checks and reviewer assignments. View your personal dashboard directly in the Slack app home with assigned PRs and review requests. Receive native desktop notifications on macOS, Linux, or Windows via the Goose app with one-click actions. Track all pull requests across your entire organization in the centralized web dashboard with status indicators and next actions.</p>
     <div class="screenshot-grid">
       <figure class="screenshot-item">
         <a href="/assets/screenshots/slack-screenshot.png" target="_blank" rel="noopener noreferrer" aria-label="View full size Slack channel notifications screenshot (opens in new tab)">
@@ -101,6 +112,8 @@ title: Ready to Review - Eliminate PR coordination overhead
       </figure>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <h2 id="pricing-section">PRICING</h2>
     <div class="pricing-grid" role="list" aria-labelledby="pricing-section">
       <article class="pricing-tier" role="listitem" aria-labelledby="tier-grassroots">
@@ -179,6 +192,8 @@ title: Ready to Review - Eliminate PR coordination overhead
       <p>Start with Grass Roots (free forever) and upgrade anytime. Paid plans include a 2-week free trial. No credit card required.</p>
     </div>
 
+    <hr class="text-separator" aria-hidden="true">
+
     <h2>GET STARTED</h2>
     <div class="groove-card groove-card--yellow" style="text-align: center; padding: 40px;">
       <p style="font-size: 24px; font-weight: 700; margin-bottom: 20px; color: var(--white);">RECLAIM 10-15% OF YOUR TEAM'S THROUGHPUT.</p>