.canvas-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(ellipse at center,transparent 0%,rgba(5,8,16,.4) 60%,rgba(5,8,16,.85) 100%);pointer-events:none}.hero-fade{position:absolute;bottom:0;left:0;right:0;height:200px;z-index:2;background:linear-gradient(to bottom,transparent,var(--bg-body));pointer-events:none}.hero-content{position:relative;z-index:3;text-align:center;padding:0 var(--content-pad)}.hero-logo{position:relative;display:inline-block;margin-bottom:32px}.hero-logo img:first-child{width:clamp(120px,18vw,200px);height:auto;filter:drop-shadow(0 0 30px rgba(var(--accent-glow-rgb),.3))}.hero-logo .logo-decoration{position:absolute;pointer-events:none;z-index:2}.hero-tagline{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px;min-height:1.2em}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.hero-platforms{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-platforms .badge{font-size:.7rem}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;animation:float 2s ease-in-out infinite}.scroll-hint__arrow{width:20px;height:20px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg)}