:root{--base:#0a0a0f;--surface:#141420;--accent:#7b3f9e;--glow:#a855d4;--text:#f0edf2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--base);height:100%;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.page{width:100%;max-width:1200px;height:100vh;margin:0 auto;display:flex}.content{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:60px 50px;display:flex}.canvas-wrap{flex:1;position:relative}.canvas-wrap svg{width:100%;height:100%;display:block}.name{letter-spacing:6px;margin-bottom:36px;font-size:52px;font-weight:200}.taglines p{opacity:.7;font-size:22px;font-weight:200;line-height:1.6}.taglines .accent{color:var(--glow);opacity:1}.mission{opacity:.4;letter-spacing:.3px;margin-top:20px;font-size:13px;font-style:italic;font-weight:200}.tech{opacity:.25;letter-spacing:2px;margin-top:8px;margin-bottom:24px;font-size:11px}.nav{gap:20px;margin-bottom:28px;display:flex}.nav a,.nav .soon{letter-spacing:.5px;font-size:13px;font-weight:200;text-decoration:none;transition:opacity .2s}.nav a{color:var(--text);opacity:.55;align-items:baseline;gap:4px;display:inline-flex}.nav a:hover{opacity:.95}.nav .arrow{opacity:.7;font-size:10px;transition:transform .2s;display:inline-block}.nav a:hover .arrow{transform:translate(2px,-2px)}.nav .soon{color:var(--text);opacity:.2;cursor:default}.links{align-items:center;gap:18px;display:flex}.links a{color:var(--glow);opacity:.6;align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.links a:hover{opacity:1}.links .separator{color:var(--text);opacity:.15;font-size:12px}.links .email{color:var(--text);opacity:.3;letter-spacing:.5px;font-size:12px}.links .email:hover{opacity:1}@media (width<=768px){.page{flex-direction:column-reverse}.canvas-wrap{flex:none;height:40vh}.content{flex:1;justify-content:flex-start;padding:32px 28px}.name{margin-bottom:24px;font-size:36px}.taglines p{font-size:18px}}