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; + } }