:root{--bg:#0a0a0c;--fg:#e8e6e3;--fg-dim:#7a7774;--fg-muted:#3a3835;--accent:#c4f042;--surface:#111113;--border:#1e1e22;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}#grid-bg canvas{width:100%;height:100%;position:absolute;top:0;left:0}.edge-text{z-index:10;pointer-events:none;width:40px;position:fixed;top:0;bottom:0;right:0;overflow:hidden}#nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);letter-spacing:.1em;background:#0a0a0ce6;justify-content:space-between;align-items:center;padding:.75rem 2rem;font-size:.7rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-left,.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-logo{color:var(--fg);letter-spacing:.15em;font-weight:700;text-decoration:none}.nav-clocks{color:var(--fg-dim);white-space:nowrap}.nav-right a{color:var(--fg);text-decoration:none;transition:color .2s}.nav-right a:hover{color:var(--accent)}#hero{z-index:1;align-items:center;min-height:100vh;padding:8rem 4rem 6rem;display:flex;position:relative}.hero-inner{max-width:900px}.hero-tag{letter-spacing:.3em;color:var(--fg-dim);align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:.7rem;display:flex}.tag-dot{background:var(--fg-dim);width:8px;height:8px;display:inline-block}.hero-title{font-family:var(--font-sans);margin-bottom:2.5rem;font-weight:700;line-height:.95}.hero-title span{display:block}.title-white{color:var(--fg);font-size:clamp(3.5rem,9vw,7.5rem)}.title-gray{color:var(--fg-muted);font-size:clamp(3.5rem,9vw,7.5rem)}.hero-desc{font-family:var(--font-sans);color:var(--fg-dim);max-width:560px;margin-bottom:3rem;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:300;line-height:1.8}.hero-badges{flex-wrap:wrap;gap:2rem;display:flex}.badge{letter-spacing:.15em;color:var(--fg-dim);align-items:center;gap:.5rem;font-size:.65rem;display:flex}.badge svg{color:var(--fg-muted)}section{z-index:1;padding:6rem 4rem;position:relative}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:2rem;display:flex}.section-tag{letter-spacing:.3em;color:var(--fg-dim);margin-bottom:.75rem;font-size:.65rem}.section-title{font-family:var(--font-mono);letter-spacing:.05em;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400}.section-meta{text-align:right;color:var(--fg-dim);font-size:.7rem;line-height:1.8}.projects-grid{border:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.project-card{color:var(--fg);border:1px solid var(--border);flex-direction:column;min-height:280px;padding:2.5rem;text-decoration:none;transition:background .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{background:#ffffff05}.project-arrow{border:1px solid var(--border);width:40px;height:40px;color:var(--fg-dim);justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.project-card:hover .project-arrow{border-color:var(--fg-dim);color:var(--fg);background:#ffffff08}.project-name{font-family:var(--font-sans);letter-spacing:.05em;margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.project-desc{color:var(--fg-dim);max-width:380px;font-size:.8rem;font-weight:300;line-height:1.7}.project-canvas{opacity:0;width:100%;height:2px;margin-top:1rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:2rem;display:flex}.tag{letter-spacing:.1em;border:1px solid var(--border);color:var(--fg-dim);padding:.35rem .75rem;font-size:.6rem;transition:border-color .2s}.project-card:hover .tag{border-color:var(--fg-muted)}.network-layout{grid-template-columns:1fr 1.2fr 1fr;align-items:start;gap:3rem;display:grid}.network-desc{font-family:var(--font-sans);color:var(--fg-dim);margin-top:1.5rem;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:300;line-height:1.8}.coord-row{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:1rem 0;font-size:.75rem;display:flex}.coord-row:first-child{border-top:1px solid var(--border)}.coord-city{letter-spacing:.1em;white-space:nowrap;min-width:140px;font-weight:700}.coord-line{background:var(--border);flex:1;height:1px}.coord-time{color:var(--fg);white-space:nowrap;text-align:right;min-width:50px;font-size:.7rem;font-weight:500}.coord-val{color:var(--fg-dim);white-space:nowrap;font-size:.7rem}.terminal{border:1px solid var(--border);background:#111113cc;margin-bottom:2rem;font-size:.65rem}.terminal-header{border-bottom:1px solid var(--border);letter-spacing:.15em;color:var(--fg-dim);padding:.75rem 1rem;font-size:.6rem}.terminal-body{min-height:200px;max-height:260px;padding:1rem;line-height:1.8;overflow:hidden}.terminal-line{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.terminal-line .time{color:var(--fg-muted)}.terminal-line .highlight{color:var(--accent)}.terminal-line .building{color:#f5e6a3}#radar-canvas{opacity:.3;width:100%;max-width:200px;height:200px;margin:0 auto;display:block}#footer{z-index:1;border-top:1px solid var(--border);padding:2rem 4rem;position:relative}.footer-inner{letter-spacing:.1em;color:var(--fg-muted);justify-content:space-between;align-items:center;font-size:.6rem;display:flex}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--fg-dim);letter-spacing:.15em;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--fg)}.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.network-layout{grid-template-columns:1fr;gap:2.5rem}#radar-canvas{display:none}}@media (width<=768px){#hero{padding:7rem 2rem 4rem}section{padding:4rem 2rem}.projects-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-meta{text-align:left}.nav-clocks,.edge-text{display:none}#footer{padding:2rem}.footer-inner{text-align:center;flex-direction:column;gap:1.5rem}.coord-city{min-width:auto}.coord-val{font-size:.6rem}}@media (width<=480px){.hero-badges{flex-direction:column;gap:1rem}#nav{padding:.75rem 1rem;font-size:.6rem}.nav-status{display:none}}