.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(to top,#060610 0%,#0b0d26 100%);}.hero-bg{position:absolute;inset:0;z-index:0;}.hero-bg canvas{width:100%;height:100%;}.hero-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 40%,transparent 100%);z-index:1;transition:backdrop-filter 0.4s ease,background 0.4s ease;}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px;}.hero-logo-mark{width:160px;height:160px;margin-bottom:8px;animation:floatLogo 6s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(255,255,255,0.3)) drop-shadow(0 0 50px rgba(155,93,229,0.1));}.hero-logo-mark img{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;}.hero-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(52px,9vw,110px);font-weight:800;line-height:0.95;letter-spacing:-3px;}.hero-title .gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-actions{display:flex;gap:16px;margin-top:8px;}.hero-separator{width:100%;height:1px;background:var(--gradient-brand);opacity:0.35;position:relative;}.hero-separator::after{content:'';position:absolute;top:-8px;left:0;width:100%;height:17px;background:linear-gradient(to bottom,transparent,rgba(108,92,231,0.04),transparent);pointer-events:none;}.hero-scroll-indicator{position:absolute;bottom:40px;left:0;right:0;margin:0 auto;width:fit-content;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-primary);font-size:10px;font-weight:700;letter-spacing:4px;opacity:0.85;}.scroll-line{width:2px;height:60px;background:var(--gradient-brand);position:relative;overflow:hidden;}.scroll-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:white;animation:scrollIndicator 2s infinite;}@keyframes floatLogo{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}@keyframes scrollIndicator{0%{transform:translateY(-100%);}100%{transform:translateY(100%);}}