:root{--bg: #e6e6e6;--dark: #0a0a0a;--accent: #000000;--border: rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box;cursor:default}body{margin:0;background-color:var(--bg);min-height:100vh}#canvas-container{position:fixed;top:0;left:0;z-index:-1;opacity:.4}.site-logo{position:fixed;top:20px;left:20px;z-index:1001;-webkit-text-stroke:.5px var(--dark);text-decoration:none;font-weight:700;font-size:1.25rem;color:transparent;transition:color .3s}.site-logo:hover{color:var(--accent)}.top-nav{position:fixed;top:20px;left:20px;width:auto;max-width:none;z-index:999}.nav{position:fixed;top:20px;right:80px;z-index:999;pointer-events:none}.nav-inner{display:flex;align-items:center;gap:24px;padding:10px 20px;pointer-events:auto;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px #00000040;border-radius:12px;transition:.4s;position:relative}.nav-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,#ffffff40,#ffffff0d);pointer-events:none}.nav.scrolled .nav-inner{background:#ffffff1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.logo{font-weight:600;font-size:14px;letter-spacing:1px;color:#000}.nav-links{display:flex;gap:18px}.nav-links a{color:#303030;text-decoration:none;font-size:13px;position:relative;transition:.3s}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:linear-gradient(90deg,#fff,transparent);transition:.3s}.nav-links a:hover:after{width:100%}.hero{height:90vh;padding:15vh 5% 0;display:flex;flex-direction:column}.hero-title h1{font-size:12vw;letter-spacing:-.05em;text-transform:uppercase}.hero-title h1.accent{padding-left:10vw;color:transparent;-webkit-text-stroke:1px var(--dark)}.hero-sub{margin-top:20px;font-size:14px;font-weight:300;color:#666}input{cursor:text}