diff --git a/hub/services/templates/calculator/csp_roi_calculator.html b/hub/services/templates/calculator/csp_roi_calculator.html
index c8e2180..e6e16af 100644
--- a/hub/services/templates/calculator/csp_roi_calculator.html
+++ b/hub/services/templates/calculator/csp_roi_calculator.html
@@ -117,6 +117,9 @@ document.addEventListener('DOMContentLoaded', function() {
                     <small class="text-muted">Real-time investment analysis</small>
                 </div>
                 <div class="col-md-6 text-end">
+                    <a href="{% url 'services:roi_calculator_help' %}" class="btn btn-sm btn-outline me-1" target="_blank">
+                        <i class="bi bi-question-circle"></i> Help
+                    </a>
                     <button type="button" class="btn btn-sm btn-outline-primary me-1" onclick="exportToPDF()">
                         <i class="bi bi-file-pdf"></i> PDF
                     </button>
@@ -126,7 +129,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     <button type="button" class="btn btn-sm btn-outline me-1" onclick="resetCalculator()">
                         <i class="bi bi-arrow-clockwise"></i> Reset
                     </button>
-                    <button type="button" class="btn btn-sm btn-danger" onclick="logout()">
+                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="logout()">
                         <i class="bi bi-box-arrow-right"></i> Logout
                     </button>
                 </div>
@@ -225,9 +228,6 @@ document.addEventListener('DOMContentLoaded', function() {
                                 <button class="btn btn-outline-info btn-lg" type="button" onclick="toggleAdvancedControls()" id="advancedToggleBtn">
                                     <i class="bi bi-gear"></i> Advanced Settings
                                 </button>
-                                <a href="{% url 'services:roi_calculator_help' %}" class="btn btn-outline-secondary btn-lg" target="_blank">
-                                    <i class="bi bi-question-circle"></i> Help
-                                </a>
                             </div>
                         </div>
                     </div>
diff --git a/hub/services/templates/calculator/roi_calculator_help.html b/hub/services/templates/calculator/roi_calculator_help.html
index 2ef01ee..ab3ccef 100644
--- a/hub/services/templates/calculator/roi_calculator_help.html
+++ b/hub/services/templates/calculator/roi_calculator_help.html
@@ -91,48 +91,7 @@ html {
     </div>
 
     <div class="row">
-        <div class="col-lg-3">
-            <div class="sticky-top" style="top: 1rem;">
-                <div class="card">
-                    <div class="card-header">
-                        <h5 class="mb-0">Quick Navigation</h5>
-                    </div>
-                    <div class="card-body">
-                        <div class="list-group list-group-flush">
-                            <a class="list-group-item list-group-item-action" href="#overview">
-                                <i class="bi bi-lightbulb me-2"></i>Overview
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#loan-model">
-                                <i class="bi bi-bank me-2"></i>Loan Model (3-8%)
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#direct-model">
-                                <i class="bi bi-rocket me-2"></i>Direct Investment (15-40%)
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#comparison">
-                                <i class="bi bi-bar-chart me-2"></i>Model Comparison
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#calculator-guide">
-                                <i class="bi bi-calculator me-2"></i>Using the Calculator
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#currency-support">
-                                <i class="bi bi-cash-stack me-2"></i>Currency Support
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#scenarios">
-                                <i class="bi bi-speedometer2 me-2"></i>Growth Scenarios
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#charts">
-                                <i class="bi bi-graph-up me-2"></i>Understanding Charts
-                            </a>
-                            <a class="list-group-item list-group-item-action" href="#faq">
-                                <i class="bi bi-question-circle me-2"></i>FAQ
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        
-        <div class="col-lg-9">
+        <div class="col-12">
             <!-- Overview Section -->
             <div class="help-section" id="overview">
                 <h2><i class="bi bi-lightbulb"></i> Overview</h2>
@@ -250,7 +209,7 @@ html {
                     <h5><i class="bi bi-cash-stack"></i> Dual Revenue Streams</h5>
                     <p><strong>Service Revenue:</strong> Monthly fees from Servala managed services (shared with Servala based on your investment terms)</p>
                     <p><strong>Core Service Revenue:</strong> Additional revenue from selling compute, storage, and infrastructure to support each managed service instance (100% retained by CSP)</p>
-                    <p class="text-muted"><small>Example: CHF 50 service fee + CHF 100 compute/storage = CHF 150 total revenue per instance per month</small></p>
+                    <p class="text-muted"><small>Example: 50 service fee + 100 compute/storage = 150 total revenue per instance per month (in your selected currency)</small></p>
                 </div>
 
                 <h4>Progressive Scaling Benefits</h4>
@@ -320,7 +279,7 @@ html {
             <div class="help-section" id="comparison">
                 <h2><i class="bi bi-bar-chart"></i> Model Comparison</h2>
                 
-                <h3>CHF 1,000,000 Investment Over 3 Years Example:</h3>
+                <h3>1,000,000 Investment Over 3 Years Example (Any Currency):</h3>
                 <div class="table-responsive">
                     <table class="table table-striped">
                         <thead>
@@ -338,14 +297,14 @@ html {
                                 <td><span class="badge bg-success">Low</span></td>
                                 <td>8% over 3 years</td>
                                 <td>12-18 months</td>
-                                <td>CHF 80,000 profit</td>
+                                <td>80,000 profit</td>
                             </tr>
                             <tr>
                                 <td><strong>Direct Investment</strong></td>
                                 <td><span class="badge bg-warning">Moderate-High</span></td>
                                 <td>35% over 3 years</td>
                                 <td>15-24 months</td>
-                                <td>CHF 540,000+ profit</td>
+                                <td>540,000+ profit</td>
                             </tr>
                         </tbody>
                     </table>
@@ -373,7 +332,7 @@ html {
                             <li><strong>Loan Rate:</strong> Annual interest (3-8%) - affects loan model calculations</li>
                             <li><strong>Servala Share:</strong> Revenue split percentage (10-40%) for direct investment</li>
                             <li><strong>Grace Period:</strong> 100% revenue retention period (0-24 months, direct investment)</li>
-                            <li><strong>Core Revenue/Instance:</strong> Additional monthly revenue from selling compute/storage per instance (CHF 0-500)</li>
+                            <li><strong>Core Revenue/Instance:</strong> Additional monthly revenue from selling compute/storage per instance (0-500 in selected currency)</li>
                             <li><strong>Churn Rates:</strong> Customer loss percentages by scenario (0-15%)</li>
                         </ul>
                     </div>
@@ -457,17 +416,29 @@ html {
                 <h3>3. Performance Comparison (ROI %)</h3>
                 <p>ROI percentages across different growth scenarios, helping you understand best and worst-case outcomes. Shows both models side-by-side for each scenario.</p>
 
-                <h3>4. Investment Model Comparison (Net Profit)</h3>
-                <p>Direct comparison of total net profit between loan and direct investment models across all scenarios. Makes it easy to see which model performs better in each growth scenario.</p>
-                
-                <h4>Chart Legend</h4>
+                <h3>4. CSP Revenue Breakdown (Direct Investment Only)</h3>
+                <p>Detailed monthly revenue analysis showing the dual revenue streams available with direct investment:</p>
                 <ul>
-                    <li><strong>Solid Lines/Bars:</strong> Direct Investment Model</li>
-                    <li><strong>Dashed Lines/Different Color:</strong> Loan Model</li>
+                    <li><strong>Service Revenue:</strong> Monthly fees from managed services (shared with Servala)</li>
+                    <li><strong>Core Service Revenue:</strong> Infrastructure sales revenue (100% retained by CSP)</li>
+                    <li><strong>CSP Total:</strong> Combined revenue retained by the CSP</li>
+                    <li><strong>Servala Revenue:</strong> Revenue share paid to Servala</li>
+                </ul>
+                <p>This chart uses a right-side legend and different line styles to clearly distinguish between revenue components. Only shows direct investment scenarios for clarity.</p>
+                
+                <h4>Chart Legend & Styling</h4>
+                <ul>
+                    <li><strong>Solid Lines:</strong> Direct Investment Model</li>
+                    <li><strong>Dashed Lines:</strong> Loan Model</li>
+                    <li><strong>Dotted Lines:</strong> Core service revenue streams</li>
                     <li><strong>Green:</strong> Conservative Scenario</li>
                     <li><strong>Yellow:</strong> Moderate Scenario</li>
                     <li><strong>Red:</strong> Aggressive Scenario</li>
+                    <li><strong>Gray:</strong> Servala revenue share</li>
                 </ul>
+                
+                <h4>Chart Interactions</h4>
+                <p>All charts are interactive - hover over data points to see exact values. The CSP Revenue Breakdown chart shows detailed tooltips with revenue breakdowns for each month.</p>
             </div>
 
             <!-- FAQ Section -->