Expand ROI phase dropdown to all ladder phases (L1 through 3x L7) — not just hybrid phases

index.html

@@ -1353,8 +1353,14 @@
             <label>Campaign Phase</label>
             <select id="roiPhase">
               <option value="" selected disabled>Select your phase...</option>
+              <option value="l1">L1 Only</option>
+              <option value="l2l1">L2 + L1</option>
+              <option value="l3l1">L3 + L1</option>
+              <option value="l4">L4 Only</option>
               <option value="l4l3">L4 + L3 Hybrid</option>
+              <option value="l5">L5 Only</option>
               <option value="l5l3">L5 + L3 Hybrid</option>
+              <option value="l6">L6 Only</option>
               <option value="l6l3">L6 + L3 Hybrid</option>
               <option value="l7solo">L7 Solo</option>
               <option value="l7x3">3× L7 Endgame</option>
@@ -1393,11 +1399,13 @@
           <div class="roi-phase-title">🪜 Your Ladder — Where You Are vs Endgame</div>
           <div class="roi-ladder" id="roiLadder">
             <div class="roi-ladder-step" data-phase="l1">L1</div>
-            <div class="roi-ladder-step" data-phase="l2">L2</div>
+            <div class="roi-ladder-step" data-phase="l2l1">L2+L1</div>
-            <div class="roi-ladder-step" data-phase="l3">L3</div>
+            <div class="roi-ladder-step" data-phase="l3l1">L3+L1</div>
             <div class="roi-ladder-step" data-phase="l4">L4</div>
-            <div class="roi-ladder-step active" data-phase="l4l3">L4+L3</div>
+            <div class="roi-ladder-step" data-phase="l4l3">L4+L3</div>
+            <div class="roi-ladder-step" data-phase="l5">L5</div>
             <div class="roi-ladder-step" data-phase="l5l3">L5+L3</div>
+            <div class="roi-ladder-step" data-phase="l6">L6</div>
             <div class="roi-ladder-step" data-phase="l6l3">L6+L3</div>
             <div class="roi-ladder-step" data-phase="l7solo">L7</div>
             <div class="roi-ladder-step endgame" data-phase="l7x3">🏆 3× L7</div>
@@ -2131,8 +2139,14 @@ function updateROI() {
 
   // Phase data: [cycles_this_phase, cycles_needed_for_next, profit_per_cycle, next_phase_label]
   const PHASE_DATA = {
+    l1: { cycles: 9, profitPer: 1.72, nextLabel: 'L2+L1', needsCapital: 90 },
+    l2l1: { cycles: 4, profitPer: 11.89, nextLabel: 'L3+L1', needsCapital: 263 },
+    l3l1: { cycles: 4, profitPer: 21.16, nextLabel: 'L4 Only', needsCapital: 450 },
+    l4: { cycles: 5, profitPer: 58.32, nextLabel: 'L5 Only', needsCapital: 660 },
     l4l3: { cycles: 5, profitPer: 133.20, nextLabel: 'L5+L3', needsCapital: 660 },
+    l5: { cycles: 4, profitPer: 116.64, nextLabel: 'L6 Only', needsCapital: 1320 },
     l5l3: { cycles: 3, profitPer: 222.00, nextLabel: 'L6+L3', needsCapital: 1320 },
+    l6: { cycles: 4, profitPer: 155.52, nextLabel: 'L7 Solo', needsCapital: 2640 },
     l6l3: { cycles: 3, profitPer: 399.60, nextLabel: 'L7 Solo', needsCapital: 2640 },
     l7solo: { cycles: 7, profitPer: 840.00, nextLabel: '3× L7 Endgame', needsCapital: 7200 },
     l7x3: { cycles: 999, profitPer: 2520.00, nextLabel: null, needsCapital: 0 },
@@ -2163,7 +2177,7 @@ function updateROI() {
   document.getElementById('roiBarPhase').style.width = phasePct + '%';
 
   // Ladder visualization
-  const ladderOrder = ['l1','l2','l3','l4','l4l3','l5l3','l6l3','l7solo','l7x3'];
+  const ladderOrder = ['l1','l2l1','l3l1','l4','l4l3','l5','l5l3','l6','l6l3','l7solo','l7x3'];
   const phaseIndex = ladderOrder.indexOf(phase);
   document.querySelectorAll('.roi-ladder-step').forEach(el => {
     el.classList.remove('active', 'passed');