diff --git a/web/index_v6.html b/web/index_v6.html
index 9059818..a206d38 100644
--- a/web/index_v6.html
+++ b/web/index_v6.html
@@ -1216,8 +1216,18 @@
}
.demo-panels {
+ grid-template-columns: repeat(3, 1fr);
min-height: 300px;
}
+
+ section {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .features, .workflow, .demo, .techstack, .download {
+ padding: 4rem 0;
+ }
}
@media (max-width: 768px) {
@@ -1254,6 +1264,10 @@
padding: 2rem 1.5rem;
}
+ .hero-measure {
+ display: none;
+ }
+
.section-title {
font-size: 2rem;
}
@@ -1286,16 +1300,46 @@
text-align: center;
}
+ .footer-links {
+ flex-wrap: wrap;
+ justify-content: center;
+ }
+
.footer-meta {
text-align: center;
}
+
+ .features, .workflow, .demo, .techstack, .download {
+ padding: 3rem 0;
+ }
+
+ .section-subtitle {
+ margin-bottom: 2rem;
+ }
+
+ .code-block {
+ font-size: 0.75rem;
+ word-break: break-all;
+ }
}
@media (max-width: 480px) {
+ .container {
+ padding: 0 1rem;
+ }
+
.hero-title {
font-size: 2.2rem;
}
+ .hero-tagline {
+ font-size: 1.1rem;
+ }
+
+ .hero-panel {
+ padding: 1.5rem 1.25rem;
+ }
+
.hero-actions {
flex-direction: column;
}
@@ -1304,6 +1348,45 @@
width: 100%;
justify-content: center;
}
+
+ .section-title {
+ font-size: 1.6rem;
+ }
+
+ .section-subtitle {
+ font-size: 0.95rem;
+ }
+
+ .download-panel {
+ padding: 1.5rem 1rem;
+ }
+
+ .install-step {
+ flex-direction: column;
+ gap: 0.5rem;
+ }
+
+ .install-step-num {
+ border-right: none;
+ border-bottom: 1px solid var(--concrete-surface);
+ padding-right: 0;
+ padding-bottom: 0.5rem;
+ width: auto;
+ justify-content: flex-start;
+ }
+
+ .tech-badge {
+ font-size: 0.7rem;
+ padding: 0.5rem 0.8rem;
+ }
+
+ .features, .workflow, .demo, .techstack, .download {
+ padding: 2.5rem 0;
+ }
+
+ .navbar-inner {
+ padding: 0 1rem;
+ }
}