#center,#contents,.page,.visual,.visual-wrap{display:flex}.foot,.tagline{color:var(--muted)}h1{font-family:Poiret One}#contents{flex-direction:column}#center{justify-content:center}.visual-wrap,body{align-items:center}:root{--bg:#0a0a0a;--muted:#98a0b3;--accent:#7dd3fc;--white:#ffffff}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#252525 0,var(--bg) 75%,var(--bg) 100%);background-color:#000;color:bisque;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;justify-content:center;padding:32px}.page{width:100%;max-width:1100px;margin:0 auto;flex-direction:column;align-items:center}.hero{text-align:center;margin-bottom:28px;animation:.9s both fadeUp}.brand{font-size:2.75rem;margin:0 0 8px;letter-spacing:-.02em}.tagline{margin:0;max-width:720px;font-size:1.05rem}.visual-wrap{width:100%;justify-content:center}.visual{width:100%;max-width:60%;aspect-ratio:820/480;border-radius:18px;padding:0;animation:.9s .12s both fadeUp;align-items:center;justify-content:center;overflow:hidden;position:relative}#visual-root{width:100%;height:100%;display:block}canvas{width:100%!important;height:100%!important;display:block}.foot{margin-top:20px;font-size:.9rem;animation:.9s .24s both fadeUp}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.brand{font-size:2rem}.visual{padding:18px;border-radius:12px}}