@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&display=swap";:root{--font-main: "Space Grotesk", system-ui, sans-serif;--color-text: #ffffff}body{margin:0;padding:0;width:100%;height:1200vh;background-color:#000;font-family:var(--font-main);color:var(--color-text);overflow-x:hidden}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;padding:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.brand{font-weight:700;font-size:1.5rem;letter-spacing:.2em;text-transform:uppercase;mix-blend-mode:overlay}.hud-line{position:absolute;height:1px;background:#ffffff1a;width:200px;right:40px;top:50%}.hero-text{position:absolute;top:30%;left:50%;transform:translate(-50%);text-align:center;mix-blend-mode:soft-light}.hero-text h1{font-size:clamp(2rem,6vw,5rem);margin:0;line-height:1;opacity:.9}.scroll-hint{position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-size:.8rem;letter-spacing:.3em;opacity:.5;animation:pulse 3s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.cta-container{position:fixed;bottom:50px;right:50px;opacity:0;transform:translateY(20px);transition:all .5s ease;pointer-events:auto}.cta-visible{opacity:1;transform:translateY(0)}.cta-btn{background:#fff;color:#000;padding:15px 30px;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.1em}