diff --git a/hub/services/templates/services/pricelist.html b/hub/services/templates/services/pricelist.html
index bc90f6d..502b243 100644
--- a/hub/services/templates/services/pricelist.html
+++ b/hub/services/templates/services/pricelist.html
@@ -51,6 +51,41 @@
.servala-row {
border-bottom: 2px solid #007bff;
+ border-left: 4px solid #007bff;
+ background-color: rgba(13, 110, 253, 0.03);
+ }
+
+ .internal-comparison-row {
+ background-color: rgba(25, 135, 84, 0.08) !important;
+ border-left: 4px solid #198754;
+ border-top: 1px solid #198754;
+ }
+
+ .external-comparison-row {
+ background-color: rgba(108, 117, 125, 0.08) !important;
+ border-left: 4px solid #6c757d;
+ border-top: 1px solid #6c757d;
+ }
+
+ /* Group comparison rows visually */
+ .comparison-group {
+ border-bottom: 2px solid #dee2e6;
+ margin-bottom: 8px;
+ }
+
+ /* Add visual connection between main row and comparisons */
+ .has-comparisons {
+ position: relative;
+ }
+
+ .has-comparisons::after {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -1px;
+ width: 100%;
+ height: 2px;
+ background: linear-gradient(to right, #007bff, transparent);
}
/* Price calculation breakdown styling */
@@ -171,6 +206,10 @@
This transparent pricing model ensures you understand exactly what you're paying for.
The table below breaks down each component for every service variant we offer.
+
+ Price Comparisons: When enabled, you'll see:
+
• External Providers - Competitor prices from AWS, Google Cloud, etc.
+
• Other Servala Providers - Same service specs on different cloud providers within our network