/* Landing page additions on top of the old site's styles.css: safe areas, mobile tap sizes, the placeholder pages. */
body { min-height: 100dvh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.nav { flex-wrap: wrap; gap: 0.5rem; }
.nav-link { min-height: 44px; display: inline-flex; align-items: center; }
.site-footer a { min-height: 44px; display: inline-flex; align-items: center; }
.download-btn { min-height: 56px; }
.placeholder { color: var(--text-1); line-height: 1.6; }
@media (max-width: 420px) {
    .nav-links { width: 100%; justify-content: flex-start; }
    .hero h1 { font-size: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
    #matrix-bg { display: none; }
}