:root { color-scheme: dark; font-family: Inter, "Helvetica Neue", Arial, sans-serif; background: #080e17; color: #edf3fa; }
* { box-sizing: border-box; }
body { margin: 0; }
.synqloud { position: relative; isolation: isolate; width: 100%; min-height: 100svh; height: 100dvh; overflow: hidden; background: radial-gradient(ellipse at 30% 20%, #1b2b3d55, transparent 65%), #080e17; }
.procedural-dust, .synqloud-stars { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.procedural-dust { z-index: -2; opacity: .88; }
.synqloud-stars { z-index: -1; }
.wordmark { position: absolute; inset: 0; display: grid; place-items: center; padding: 0 5%; pointer-events: none; user-select: none; -webkit-user-select: none; }
h1 { margin: 0; font-size: clamp(76px, 15.8vw, 290px); font-weight: 450; line-height: .94; letter-spacing: -.078em; padding-right: .078em; color: #edf3fa; text-shadow: 0 2px 35px #080e1790; }
.site-footer { position: absolute; left: 5%; right: 5%; bottom: max(30px, env(safe-area-inset-bottom)); z-index: 1; color: #acb9ca; font-size: 12px; letter-spacing: .02em; user-select: none; -webkit-user-select: none; }
@media (max-width: 600px) { h1 { font-size: 17vw; }.site-footer { left: 7%; right: 7%; font-size: 11px; } }