:root{--bg:#050507;--text:#ffffffbf;--text-strong:#fff;--accent:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:200vh;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}canvas{z-index:0;position:fixed;top:0;left:0}.brand{letter-spacing:3px;color:#fff6;z-index:10;font-size:12px;position:fixed;top:20px;left:20px}.hero-text{text-align:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .8s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-text h1{color:var(--text-strong);font-size:44px;font-weight:600}.hero-text p{color:var(--text);margin-top:10px;font-size:16px}.scroll-indicator{color:#fff;opacity:.6;z-index:10;font-size:26px;animation:1.6s infinite float;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes float{0%,to{opacity:.4;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-8px)}}.scroll-space{height:200vh}