.hero{z-index:0;background-color:#0a0a0f;flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.nav{z-index:100;transition:all .4s var(--easing);box-sizing:border-box;width:100%;padding:1rem 0;position:fixed;top:0;left:0;right:0}body.no-scroll .nav{padding-right:var(--scrollbar-width,12px)}.nav.glass{-webkit-backdrop-filter:none;background:#0a0a0f;border-radius:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{font-size:1.8rem;font-weight:700;font-family:var(--font-heading);letter-spacing:1px}.logo .accent{color:var(--color-accent)}.nav-links{align-items:center;gap:2.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-end{align-items:center;gap:.75rem;display:flex}.nav a:hover,.nav .button:hover{color:var(--color-text)}.nav .button:before,.nav .button:hover:before{width:0}.nav.glass:hover{border-color:#ffffff0d}.nav-end{position:relative}.menu-button{cursor:pointer;width:44px;height:44px;transition:border-color .3s var(--easing);background:0 0;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;padding:0 9px;display:inline-flex}.menu-button:hover,.menu-button[aria-expanded=true]{border-color:var(--color-accent)}:is(.menu-button:focus-visible,.site-menu-link:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.menu-button .bar{background-color:var(--color-text);width:100%;height:2px;transition:transform .3s var(--easing), opacity .2s var(--easing);display:block}.menu-button[aria-expanded=true] .bar:first-child{transform:translateY(7px)rotate(45deg)}.menu-button[aria-expanded=true] .bar:nth-child(2){opacity:0}.menu-button[aria-expanded=true] .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-menu{z-index:110;background:#12121a;border:1px solid #ffffff1a;border-radius:14px;min-width:240px;padding:.75rem;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 18px 48px #0000008c}.site-menu[hidden]{display:none}@media (min-width:861px){.site-menu .site-menu-product{display:none}}.site-menu ul{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.site-menu-link{font-family:var(--font-heading);color:var(--color-text);border-radius:8px;padding:.7rem .9rem;font-size:1.05rem;display:block}.site-menu-link:hover{background:var(--color-accent-transparent);color:var(--color-accent)}.hero-content{text-align:center;max-width:980px;margin:0 auto;padding-top:5rem}.eyebrow{font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.25rem;font-size:.8rem}.hero-content h1{color:var(--color-text);margin-bottom:2.5rem;font-size:clamp(2.5rem,6.4vw,4.7rem);position:relative}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{clip:rect(44px, 450px, 56px, 0);text-shadow:-1px 0 var(--color-accent);background:0 0;animation:5s linear infinite alternate-reverse glitch-anim;left:1px}.glitch:after{clip:rect(44px, 450px, 56px, 0);text-shadow:1px 0 var(--color-glitch);background:0 0;animation:5s linear infinite alternate-reverse glitch-anim2;left:-1px}@keyframes glitch-anim{0%{clip:rect(41px, 9999px, 10px, 0)}10%{clip:rect(6px, 9999px, 85px, 0)}20%{clip:rect(63px, 9999px, 91px, 0)}30%{clip:rect(100px, 9999px, 98px, 0)}40%{clip:rect(23px, 9999px, 15px, 0)}50%{clip:rect(19px, 9999px, 14px, 0)}60%{clip:rect(75px, 9999px, 5px, 0)}70%{clip:rect(5px, 9999px, 80px, 0)}80%{clip:rect(70px, 9999px, 73px, 0)}90%{clip:rect(50px, 9999px, 30px, 0)}to{clip:rect(20px, 9999px, 60px, 0)}}@keyframes glitch-anim2{0%{clip:rect(25px, 9999px, 40px, 0)}10%{clip:rect(85px, 9999px, 16px, 0)}20%{clip:rect(92px, 9999px, 87px, 0)}30%{clip:rect(100px, 9999px, 100px, 0)}40%{clip:rect(10px, 9999px, 66px, 0)}50%{clip:rect(37px, 9999px, 72px, 0)}60%{clip:rect(10px, 9999px, 94px, 0)}70%{clip:rect(89px, 9999px, 3px, 0)}80%{clip:rect(100px, 9999px, 85px, 0)}90%{clip:rect(54px, 9999px, 11px, 0)}to{clip:rect(26px, 9999px, 13px, 0)}}.hero-cta{justify-content:center;align-items:center;gap:2rem;display:flex}.hero-cta .button{letter-spacing:.08em;padding:.7rem 1.15rem;font-size:.72rem;line-height:1.2}.hero-scroll{pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:3rem;left:0}.scroll-indicator{opacity:0;flex-direction:column;align-items:center;animation:1.5s 1s forwards fadeIn;display:flex}@keyframes fadeIn{to{opacity:1}}.mouse{border:2px solid var(--color-text);border-radius:20px;width:24px;height:40px;margin-bottom:10px;position:relative}.wheel{background-color:var(--color-accent);border-radius:2px;width:4px;height:8px;animation:2s infinite scroll;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll{0%{opacity:1;transform:translate(-50%)}90%{opacity:0}to{opacity:0;transform:translate(-50%,15px)}}.arrows{flex-direction:column;align-items:center;display:flex}.arrow{border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:10px;height:10px;margin:-6px;animation:2s infinite arrowAnim;display:block;transform:rotate(45deg)}.arrow:nth-child(2){animation-delay:.2s}.arrow:nth-child(3){animation-delay:.4s}@keyframes arrowAnim{0%{opacity:0;transform:rotate(45deg)translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg)translate(5px,5px)}}@media (max-width:860px){.nav-links{display:none}.site-menu{min-width:0;position:fixed;top:4.75rem;left:1rem;right:1rem}.hero-cta{flex-direction:column;gap:1.5rem}}.hero-gradient{background:linear-gradient(to top, var(--color-bg), transparent);z-index:-1;width:100%;height:150px;position:absolute;bottom:0;left:0}.hero-software{min-height:86vh}.hero-lede{color:var(--color-text-muted);max-width:720px;margin:-1rem auto 2.5rem;font-size:1.15rem}
