Feat(UI): Improved content and styling for home page.

static/css/pages/core/home.css

@@ -14,17 +14,13 @@ ul li {
     font-size: 16px;
 }
 
-section.problem,
 section.benefits,
-section.features,
-section.faq {
-    padding: 6rem 0;
+section.solution {
+    padding: 4rem 0;
     background: var(--colour-text-background);
 }
-section.problem .card.problem,
 section.benefits .card.benefits,
-section.features .card.features,
-section.faq .card.faq {
+section.solution .card.solution {
     padding: 2rem;
     background: var(--colour-page-background);
     border-radius: 8px;
@@ -32,13 +28,13 @@ section.faq .card.faq {
     display: block;
 }
 
-section.solution,
-section.social-proof {
-    padding: 6rem 0;
+section.problem,
+section.early-access {
+    padding: 4rem 0;
     background: var(--colour-page-background-1);
 }
-section.solution .card.solution,
-section.social-proof .card.social-proof {
+section.problem .card.problem,
+section.early-access .card.early-access {
     background: var(--colour-text-background);
     padding: 2rem;
     border-radius: 8px;
@@ -47,6 +43,13 @@ section.social-proof .card.social-proof {
     box-shadow: 0 4px 6px rgba(0,0,0,0.1);
 }
 
+
+section.benefits ul li,
+section.solution ul li,
+section.early-access ul li {
+    list-style: none;
+}
+
 /* Hero Section */
 .hero {
     padding: 8rem 0 4rem;
@@ -80,14 +83,19 @@ section.problem .problem.card:hover {
     transform: translateY(-5px);
 }
 */
+section.problem .section-subtitle {
+    /* font-size: 18px; */
+    font-weight: bold;
+}
 
 /* Solution Section */
 
-/* Benefits Section */
+/* Benefits Section * /
 section.benefits .section-subtitle {
     font-size: 18px;
     font-weight: bold;
 }
+*/
 
 /* Social Proof Section * /
 section.social-proof {