.landing-page{--l-bg:#fff;--l-primary:#111;--l-accent:#ff3d6e;--l-accent-2:#ffe600;--l-accent-3:#00b8ff;--l-accent-4:#7c4dff;--l-good:#00e676;--font-main:var(--font-space-grotesk,"Space Grotesk", sans-serif);--font-heading:var(--font-syne,"Syne", sans-serif);cursor:crosshair;background-color:var(--l-bg);color:var(--l-primary);font-family:var(--font-main);width:100%;position:relative;overflow-x:hidden}.landing-page .grid-overlay{pointer-events:none;z-index:99;background-image:linear-gradient(135deg,#0000000a 1px,#0000 1px),linear-gradient(45deg,#0000000a 1px,#0000 1px);background-size:100px 100px;width:100vw;height:100vh;position:fixed;top:0;left:0}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.landing-page nav{border-left:3px solid var(--l-primary);background:var(--l-accent-2);z-index:100;flex-direction:column;justify-content:space-between;align-items:center;width:84px;height:100vh;padding:40px 0;display:flex;position:fixed;top:0;right:0}.landing-page .nav-logo{font-family:var(--font-heading);writing-mode:vertical-rl;letter-spacing:-1px;font-size:22px;font-weight:800;transform:rotate(180deg)}.landing-page .nav-copyright{font-size:14px;font-weight:800}.landing-page .nav-links{writing-mode:vertical-rl;flex-direction:column;gap:40px;display:flex;transform:rotate(180deg)}.landing-page .nav-links a{color:var(--l-primary);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s}.landing-page .nav-links a:hover{color:var(--l-accent)}.landing-page header{flex-direction:column;justify-content:center;min-height:100vh;padding-right:84px;display:flex;position:relative}.landing-page .hero-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-5px;z-index:2;font-size:120px;font-weight:800;line-height:.85;position:relative}.landing-page .hero-title span:first-child{color:var(--l-accent)}.landing-page .hero-title span{transition:all .5s cubic-bezier(.16,1,.3,1);display:block}.landing-page .hero-title:hover span:nth-child(odd){filter:blur(2px);transform:skew(-15deg)translate(20px)}.landing-page .hero-title:hover span:nth-child(2n){transform:skew(15deg)translate(-20px)}.landing-page .hero-subtitle{max-width:440px;margin-top:32px;margin-left:80px;font-size:14px;font-weight:600;line-height:1.6}.landing-page .hero-cta{background:var(--l-primary);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--l-primary);box-shadow:5px 5px 0 var(--l-accent);margin-top:32px;margin-left:80px;padding:12px 22px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-block}.landing-page .hero-cta:hover{box-shadow:7px 7px 0 var(--l-accent);transform:translate(-2px,-2px)}.landing-page .geometric-accent-1{border:3px solid var(--l-accent-3);z-index:1;width:300px;height:300px;position:absolute;top:20%;right:84px;transform:rotate(45deg)}@keyframes landing-distortion{0%{transform:skew(0deg)}20%{transform:skew(3deg)}40%{transform:skew(-3deg)}60%{transform:skew(2deg)}80%{transform:skew(-1deg)}to{transform:skew(0deg)}}.landing-page .distort-active{animation:.4s infinite landing-distortion}@media (max-width:768px){.landing-page nav{border-left:none;border-bottom:3px solid var(--l-primary);flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;height:auto;padding:15px 20px}.landing-page .nav-logo{writing-mode:horizontal-tb;flex-shrink:0;font-size:16px;transform:none}.landing-page .nav-links{writing-mode:horizontal-tb;flex-direction:row;order:3;justify-content:center;gap:15px;width:100%;margin-top:10px;transform:none}.landing-page .nav-links a{font-size:10px}.landing-page .nav-copyright{order:2;font-size:12px}.landing-page .container{margin-top:90px;padding:0 20px}.landing-page header{min-height:80vh;padding-top:40px;padding-right:0}.landing-page .hero-title{letter-spacing:-2px;font-size:48px}.landing-page .hero-subtitle,.landing-page .hero-cta{max-width:100%;margin-left:0;font-size:12px}.landing-page .geometric-accent-1{width:120px;height:120px;top:10%;right:-50px}}@media (min-width:769px) and (max-width:1024px){.landing-page nav{width:64px}.landing-page .nav-logo{font-size:18px}.landing-page .container{padding:0 30px}.landing-page .hero-title{letter-spacing:-3px;font-size:80px}}