refactor: cleaned up comments

app/static/css/styles.css

@@ -1,4 +1,3 @@
-/* Update the font family */
 body {
     font-family: 'Inter', sans-serif;
     margin: 0;
@@ -11,7 +10,6 @@ body {
     line-height: 1.6;
 }
 
-/* Header Styles */
 .main-header {
     background: #fff;
     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
@@ -68,7 +66,6 @@ body {
     letter-spacing: 0.5px;
 }
 
-/* Navigation */
 .main-nav {
     display: flex;
     align-items: center;
@@ -117,7 +114,6 @@ body {
     opacity: 1;
 }
 
-/* Header Right */
 .header-right {
     display: flex;
     align-items: center;
@@ -163,7 +159,6 @@ body {
     box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
 }
 
-/* Mobile Menu Toggle */
 .mobile-menu-toggle {
     display: none;
     flex-direction: column;
@@ -194,7 +189,6 @@ body {
     transform: rotate(-45deg) translate(6px, -6px);
 }
 
-/* Mobile Navigation */
 .mobile-nav {
     display: none;
     background: #fff;
@@ -231,7 +225,6 @@ body {
     padding-left: 2.5rem;
 }
 
-/* Flash Messages */
 .flash-messages {
     max-width: 1400px;
     margin: 0 auto;
@@ -288,12 +281,10 @@ body {
     background: rgba(0, 0, 0, 0.1);
 }
 
-/* Main Content */
 .main-content {
     flex: 1;
 }
 
-/* Footer Styles */
 .main-footer {
     background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
     color: #ecf0f1;
@@ -319,7 +310,6 @@ body {
     flex-direction: column;
 }
 
-/* Footer Brand */
 .footer-logo {
     display: flex;
     align-items: center;
@@ -374,7 +364,6 @@ body {
     border: 1px solid rgba(52, 152, 219, 0.3);
 }
 
-/* Footer Sections */
 .footer-title {
     color: #fff;
     font-size: 1.1rem;
@@ -416,7 +405,6 @@ body {
     padding-left: 0.5rem;
 }
 
-/* Footer Contact */
 .footer-contact {
     margin-bottom: 2rem;
 }
@@ -445,7 +433,6 @@ body {
     color: #3498db;
 }
 
-/* Social Media */
 .social-media h5 {
     color: #fff;
     font-weight: 600;
@@ -479,7 +466,6 @@ body {
     box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
 }
 
-/* Footer Bottom */
 .footer-bottom {
     padding: 2rem 0;
 }
@@ -532,7 +518,6 @@ body {
     border: 1px solid rgba(39, 174, 96, 0.3);
 }
 
-/* Responsive Design */
 @media (max-width: 1024px) {
     .footer-top {
         grid-template-columns: 1fr 1fr;
@@ -594,7 +579,6 @@ body {
     }
 }
 
-/* Hero Section - Enhanced */
 .hero {
     background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
     color: #fff;
@@ -732,7 +716,6 @@ body {
     margin-top: 0.5rem;
 }
 
-/* Hero Visual */
 .hero-visual {
     display: flex;
     justify-content: center;
@@ -784,7 +767,6 @@ body {
     50% { transform: scale(1.1); opacity: 0.6; }
 }
 
-/* About Section - Enhanced */
 .about {
     padding: 6rem 2rem;
     background: #fff;
@@ -915,7 +897,6 @@ body {
     50% { transform: translateY(-20px); }
 }
 
-/* Features Section - Enhanced */
 .features {
     padding: 6rem 2rem;
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@@ -1018,7 +999,6 @@ body {
     flex-wrap: wrap;
 }
 
-/* Final CTA Section */
 .final-cta {
     padding: 6rem 2rem;
     background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
@@ -1086,7 +1066,6 @@ body {
     font-weight: 600;
 }
 
-/* Responsive Design */
 @media (max-width: 1024px) {
     .hero-container,
     .about-content {
@@ -1158,7 +1137,6 @@ body {
     }
 }
 
-/* Services Section */
 .services {
     padding: 5rem 1rem;
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@@ -1234,7 +1212,7 @@ body {
     border: 1px solid #f1f3f4;
     position: relative;
     overflow: hidden;
-    min-height: 600px; /* Set minimum height for all cards */
+    min-height: 600px;
 }
 
 .service-card::before {
@@ -1337,8 +1315,8 @@ body {
     padding: 0;
     margin: 0 0 2.5rem 0;
     text-align: left;
-    flex-grow: 1; /* Allow features to expand and fill space */
+    flex-grow: 1;
-    min-height: 200px; /* Minimum height for features section */
+    min-height: 200px;
 }
 
 .service-features li {
@@ -1383,7 +1361,7 @@ body {
 }
 
 .service-card .btn {
-    width: calc(50% - 10px); /* Account for any border/padding */
+    width: calc(50% - 10px);
     margin: 0 auto;
     display: block;
     padding: 1rem 2rem;
@@ -1412,7 +1390,6 @@ body {
     left: 100%;
 }
 
-/* Responsive Design */
 @media (max-width: 1200px) {
     .services-grid {
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@@ -1474,7 +1451,6 @@ body {
     margin-top: auto;
 }
 
-/* Buttons */
 .btn {
     display: inline-block;
     padding: 0.8rem 1.5rem;
@@ -1513,7 +1489,6 @@ body {
     transform: translateY(-2px);
 }
 
-/* About Section */
 .about {
     padding: 4rem 1rem;
     background-color: #f8f9fa;
@@ -1538,7 +1513,6 @@ body {
     line-height: 1.8;
 }
 
-/* Features Section */
 .features {
     padding: 4rem 1rem;
     background-color: #fff;
@@ -1587,7 +1561,6 @@ body {
     line-height: 1.6;
 }
 
-/* CONTACT SECTION - COMPLETELY REDESIGNED */
 .contact {
     padding: 4rem 1rem;
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@@ -1607,7 +1580,6 @@ body {
     position: relative;
 }
 
-/* Remove the problematic shimmer effect */
 .contact-container::before {
     display: none;
 }
@@ -1728,7 +1700,6 @@ body {
     transform: translateY(0);
 }
 
-/* Form validation styles */
 .form-group input:invalid:not(:placeholder-shown),
 .form-group textarea:invalid:not(:placeholder-shown) {
     border-color: #e74c3c;
@@ -1741,7 +1712,6 @@ body {
     background-color: #f8fff9;
 }
 
-/* Footer */
 footer {
     background: #2c3e50;
     color: #fff;
@@ -1797,7 +1767,6 @@ footer {
     background-color: rgba(52, 152, 219, 0.1);
 }
 
-/* Flash Messages */
 .flash-messages {
     max-width: 1200px;
     margin: 0 auto;
@@ -1825,7 +1794,6 @@ footer {
     border: 1px solid #f5c6cb;
 }
 
-/* Responsive Design */
 @media (max-width: 768px) {
     .hero h1 {
         font-size: 2.5rem;
@@ -1890,7 +1858,6 @@ footer {
     }
 }
 
-/* Solutions Hero Section */
 .solutions-hero {
     background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
     color: #fff;
@@ -1919,7 +1886,6 @@ footer {
     margin-top: 3rem;
 }
 
-/* Solutions Grid Section */
 .solutions-grid-section {
     padding: 6rem 2rem;
     background: #f8f9fa;
@@ -2120,7 +2086,6 @@ footer {
     color: #2c3e50;
 }
 
-/* Why Open Source Section */
 .why-opensource {
     padding: 6rem 2rem;
     background: #fff;
@@ -2170,7 +2135,6 @@ footer {
     line-height: 1.6;
 }
 
-/* Integration Support Section */
 .integration-support {
     padding: 6rem 2rem;
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@@ -2234,7 +2198,6 @@ footer {
     margin: 0;
 }
 
-/* Integration Diagram */
 .integration-diagram {
     position: relative;
     width: 300px;
@@ -2299,7 +2262,6 @@ footer {
     color: #3498db;
 }
 
-/* Solutions CTA Section */
 .solutions-cta {
     padding: 6rem 2rem;
     background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
@@ -2328,7 +2290,6 @@ footer {
     flex-wrap: wrap;
 }
 
-/* Responsive Design */
 @media (max-width: 1024px) {
     .solutions-grid {
         grid-template-columns: 1fr;