@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg:#0d0f12;--bg2:#131720;--bg3:#1a1f2e;--surface:#1e2535;--surface2:#252d3d;--border:#00ff881f;--border2:#00ff8847;--green:#0f8;--green2:#00cc6a;--green3:#00ff8814;--green4:#00ff880a;--text:#e8eaf0;--text2:#8892a4;--text3:#4a5568;--mono:"Space Mono",monospace;--sans:"Inter",sans-serif;--code:"JetBrains Mono",monospace}@keyframes flipLeave{0%{transform:rotateY(0)}40%{transform:rotateY(-52deg)}to{opacity:0;transform:rotateY(-180deg)}}@keyframes flipEnter{0%{opacity:0;transform:rotateY(180deg)}55%{transform:rotateY(22deg)}to{transform:rotateY(0)}}@keyframes flipLeaveBk{0%{transform:rotateY(0)}to{opacity:0;transform:rotateY(180deg)}}@keyframes flipEnterBk{0%{opacity:0;transform:rotateY(-180deg)}55%{transform:rotateY(-22deg)}to{transform:rotateY(0)}}@keyframes arr{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes cblink{0%,to{opacity:1}50%{opacity:.5}}@keyframes curtainIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.root{z-index:1;position:fixed;inset:0;overflow:hidden}.book{perspective:1400px;perspective-origin:50%;width:100vw;height:100vh;position:relative}.page{backface-visibility:hidden;transform-origin:0;width:100vw;height:100vh;transform-style:preserve-3d;background:var(--bg);position:absolute;inset:0;overflow:hidden}.page.leave{z-index:10;animation:.68s cubic-bezier(.77,0,.18,1) forwards flipLeave}.page.enter{z-index:9;animation:.68s cubic-bezier(.77,0,.18,1) forwards flipEnter}.page.leave-bk{z-index:10;animation:.68s cubic-bezier(.77,0,.18,1) forwards flipLeaveBk}.page.enter-bk{z-index:9;animation:.68s cubic-bezier(.77,0,.18,1) forwards flipEnterBk}.page.leave:after,.page.enter:after,.page.leave-bk:after,.page.enter-bk:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(90deg,#00000073 0%,#0000 35%);position:absolute;inset:0}.nav{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d0f12e6;justify-content:space-between;align-items:center;height:52px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--mono);color:var(--green);letter-spacing:.05em;cursor:pointer;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.nav-logo span{color:var(--text2);font-size:.7rem;font-weight:400}.nav-tabs{gap:.1rem;display:flex}.nav-tab{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--text3);background:0 0;border:none;padding:.3rem .75rem;font-size:.6rem;transition:color .2s;position:relative}.nav-tab:after{content:"";background:var(--green);height:1px;transition:transform .2s;position:absolute;bottom:0;left:.75rem;right:.75rem;transform:scaleX(0)}.nav-tab:hover{color:var(--text2)}.nav-tab.active{color:var(--green)}.nav-tab.active:after{transform:scaleX(1)}.nav-counter{font-family:var(--mono);color:var(--text3);font-size:.7rem}.nav-counter em{color:var(--green);font-style:normal}.pdots{z-index:500;align-items:center;gap:10px;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.pdot{background:var(--text3);cursor:pointer;border:none;border-radius:50%;width:5px;height:5px;transition:all .3s}.pdot.active{background:var(--green);box-shadow:0 0 8px var(--green);transform:scale(1.8)}.hint{z-index:500;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text3);pointer-events:none;align-items:center;gap:.4rem;font-size:.6rem;transition:opacity .5s;display:flex;position:fixed;bottom:1.5rem;right:2rem}.hint.gone{opacity:0}.hint-arr{animation:1.4s ease-in-out infinite arr}.pi{max-width:960px;min-height:100%;margin:0 auto;padding:80px 6vw 72px}.pi.wide{max-width:1100px}.slabel{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--green);align-items:center;gap:.75rem;margin-bottom:.6rem;font-size:.6rem;display:flex}.slabel:before{content:"//";opacity:.5}.slabel:after{content:"";background:var(--border2);flex:1;max-width:40px;height:1px}.ptitle{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;margin-bottom:.4rem;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:700;line-height:1.1}.ptitle em{color:var(--green);font-style:normal}.psub{font-family:var(--sans);color:var(--text2);margin-bottom:2rem;font-size:.9rem;font-weight:300}.btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border2);color:var(--green);background:0 0;padding:.7rem 1.4rem;font-size:.65rem;text-decoration:none;transition:all .2s;display:inline-block}.btn:hover{background:var(--green3);border-color:var(--green)}.btn.solid{background:var(--green);color:var(--bg);border-color:var(--green)}.btn.solid:hover{background:var(--green2)}.hero-wrap{flex-direction:column;justify-content:center;height:100vh;padding:80px 8vw;display:flex;position:relative}.hero-pre{font-family:var(--mono);letter-spacing:.2em;color:var(--green);margin-bottom:1.25rem;font-size:.7rem}.hero-name{font-family:var(--mono);letter-spacing:-.03em;color:var(--text);margin-bottom:.5rem;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:700;line-height:1}.hero-name span{color:var(--green)}.hero-role{font-family:var(--code);color:var(--text2);letter-spacing:.05em;margin-bottom:2rem;font-size:clamp(.75rem,1.4vw,1rem);font-weight:300}.hero-role em{color:var(--green);font-style:normal}.hero-desc{font-family:var(--sans);color:var(--text2);max-width:520px;margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.hero-stats{flex-direction:column;gap:1.5rem;display:flex}.hstat{text-align:right}.hstat-n{font-family:var(--mono);color:var(--green);font-size:2.2rem;font-weight:700;line-height:1}.hstat-l{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text3);margin-top:2px;font-size:.55rem}.hero-init .hero-pre,.hero-init .hero-name,.hero-init .hero-role,.hero-init .hero-desc,.hero-init .hero-ctas,.hero-init .hero-stats{animation:.7s both slideUp}.hero-init .hero-pre{animation-delay:.2s}.hero-init .hero-name{animation-delay:.4s}.hero-init .hero-role{animation-delay:.6s}.hero-init .hero-desc{animation-delay:.8s}.hero-init .hero-ctas{animation-delay:1s}.hero-init .hero-stats{animation-delay:1.1s}.cursor{background:var(--green);vertical-align:middle;width:2px;height:1em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.about-p{color:var(--text2);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.about-p strong{color:var(--text);font-weight:500}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);padding:1.25rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--green),transparent);height:1px;position:absolute;top:0;left:0;right:0}.stat-n{font-family:var(--mono);color:var(--green);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.stat-l{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text3);font-size:.55rem}.exp-list{flex-direction:column;display:flex}.exp-item{border-top:1px solid var(--border);transition:border-color .2s}.exp-item:last-child{border-bottom:1px solid var(--border)}.exp-hdr{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 0;display:flex}.exp-co{font-family:var(--mono);color:var(--text);margin-bottom:.2rem;font-size:1rem;font-weight:700}.exp-role{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-size:.6rem}.exp-right{text-align:right;flex-shrink:0}.exp-period{font-family:var(--mono);letter-spacing:.08em;color:var(--text3);margin-bottom:.25rem;font-size:.6rem}.exp-tog{font-family:var(--mono);color:var(--green);font-size:1rem;transition:transform .3s;display:inline-block}.exp-tog.open{transform:rotate(45deg)}.exp-body{opacity:0;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s;overflow:hidden}.exp-body.open{opacity:1;max-height:1400px}.exp-story{color:var(--text2);border-left:2px solid var(--border2);margin-bottom:1rem;padding-left:1rem;font-size:.9rem;font-style:italic;line-height:1.85}.exp-story strong{color:var(--green);font-style:normal;font-weight:500}.exp-kpis{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.kpi{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--border2);color:var(--green);background:var(--green4);padding:.25rem .6rem;font-size:.6rem}.exp-bullets{margin-bottom:1.25rem;list-style:none}.exp-bullets li{color:var(--text2);padding:.2rem 0 .2rem 1.25rem;font-size:.88rem;position:relative}.exp-bullets li:before{content:"›";color:var(--green);font-weight:700;position:absolute;left:0}.stack-section{margin-bottom:1.75rem}.stack-cat{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--green);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.6rem;display:flex}.stack-cat:after{content:"";background:var(--border);flex:1;height:1px}.stack-tags{flex-wrap:wrap;gap:.4rem;display:flex}.stack-tag{font-family:var(--code);border:1px solid var(--border);color:var(--text2);background:var(--surface);cursor:default;padding:.3rem .65rem;font-size:.7rem;transition:all .15s}.stack-tag:hover{border-color:var(--green);color:var(--green);background:var(--green4)}.demos-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.demo-card{background:var(--surface);border:1px solid var(--border);transition:border-color .2s;overflow:hidden}.demo-card:hover{border-color:var(--border2)}.demo-hdr{border-bottom:1px solid var(--border);background:var(--bg2);align-items:center;gap:.6rem;padding:.65rem .9rem;display:flex}.demo-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.demo-ttl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text2);flex:1;font-size:.6rem}.demo-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);color:var(--text3);padding:2px 6px;font-size:.55rem}.demo-body{padding:.85rem}.ws-log{background:var(--bg);height:120px;font-family:var(--code);margin-bottom:.55rem;padding:.5rem .65rem;font-size:.68rem;overflow-y:auto}.ws-log::-webkit-scrollbar{width:2px}.ws-log::-webkit-scrollbar-thumb{background:var(--border2)}.ws-entry{margin-bottom:2px;line-height:1.5}.ts{color:var(--text3);margin-right:5px}.ev-c{color:#00cc6a}.ev-m{color:#c49a35}.ev-e{color:#c44}.ws-row{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.mbtn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border2);color:var(--text2);background:0 0;padding:.3rem .55rem;font-size:.6rem;transition:all .15s}.mbtn:hover{border-color:var(--green);color:var(--green);background:var(--green4)}.mbtn.on{background:var(--green);color:var(--bg);border-color:var(--green)}.mbtn:disabled{opacity:.35;cursor:default}.ws-stat{font-family:var(--mono);color:var(--text3);align-items:center;gap:4px;margin-top:.35rem;font-size:.6rem;display:flex}.sdot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.stages{gap:2px;margin-bottom:.55rem;display:flex}.stage{text-align:center;flex:1}.sbox{border:1px solid var(--border);background:var(--bg2);padding:.4rem .1rem;transition:all .3s}.sbox.running{border-color:var(--green);background:var(--green4)}.sbox.done{background:#00cc6a0f;border-color:#00cc6a}.sbox.fail{background:#cc44440f;border-color:#c44}.sico{font-size:14px;line-height:1.4}.snm{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);font-size:.55rem}.plog{background:var(--bg);height:64px;font-family:var(--code);padding:.4rem .55rem;font-size:.65rem;line-height:1.55;overflow-y:auto}.plog::-webkit-scrollbar{width:2px}.plog::-webkit-scrollbar-thumb{background:var(--border2)}.ll{color:var(--text3)}.ll.ok{color:#00cc6a}.ll.err{color:#c44}.prow{align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.cg{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.5rem;display:grid}.cb{border:1px solid var(--border);background:var(--bg2);cursor:pointer;padding:.45rem;transition:all .25s;position:relative}.cb.running{border-color:#00cc6a66}.cb.stopped{opacity:.4;border-style:dashed}.cb.starting{border-color:var(--green);animation:1s infinite cblink}.csd{border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.cnm{font-family:var(--code);color:var(--text2);margin-bottom:2px;font-size:.6rem}.cst{font-family:var(--mono);color:var(--text3);font-size:.6rem}.api-eps{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.aep{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);color:var(--text2);background:0 0;padding:.28rem .5rem;font-size:.6rem;transition:all .15s}.aep.active{background:var(--green);color:var(--bg);border-color:var(--green)}.abar{border:1px solid var(--border);background:var(--bg);align-items:center;gap:.4rem;margin-bottom:.35rem;padding:.28rem .45rem;display:flex}.averb{font-family:var(--mono);color:#00cc6a;text-transform:uppercase;font-size:.6rem}.aurl{font-family:var(--code);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.65rem;overflow:hidden}.asend{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:var(--green);color:var(--bg);border:none;padding:.22rem .55rem;font-size:.6rem}.asend:disabled{opacity:.5;cursor:default}.astat{font-family:var(--mono);margin-bottom:.3rem;font-size:.6rem}.aok{color:#00cc6a}.aerr{color:#c44}.ares{background:var(--bg);font-family:var(--code);color:#c49a35;white-space:pre-wrap;height:88px;padding:.45rem .55rem;font-size:.65rem;line-height:1.5;overflow-y:auto}.ares::-webkit-scrollbar{width:2px}.ares::-webkit-scrollbar-thumb{background:var(--border2)}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.proj-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:1.1rem;text-decoration:none;transition:all .2s;display:block;position:relative;overflow:hidden}.proj-card:before{content:"";background:linear-gradient(90deg,var(--green),transparent);transform-origin:0;height:1px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.proj-card:hover{border-color:var(--border2);background:var(--bg3)}.proj-card:hover:before{transform:scaleX(1)}.proj-name{font-family:var(--mono);color:var(--text);margin-bottom:.4rem;font-size:.85rem;font-weight:700}.proj-desc{font-family:var(--sans);color:var(--text2);min-height:2.5rem;margin-bottom:.75rem;font-size:.8rem;line-height:1.6}.proj-meta{align-items:center;gap:.75rem;display:flex}.proj-lang{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:.6rem}.proj-date{font-family:var(--mono);color:var(--text3);font-size:.6rem}.proj-arrow{font-family:var(--mono);color:var(--text3);font-size:.8rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.proj-card:hover .proj-arrow{color:var(--green);transform:translate(2px,-2px)}.proj-loading{font-family:var(--mono);color:var(--text3);padding:2rem 0;font-size:.75rem}.proj-filter{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.pfbtn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);color:var(--text3);background:0 0;padding:.3rem .7rem;font-size:.6rem;transition:all .15s}.pfbtn:hover{color:var(--text2);border-color:var(--border2)}.pfbtn.active{border-color:var(--green);color:var(--green);background:var(--green4)}.clinks{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.clink{border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;gap:1.25rem;padding:.9rem 1.1rem;text-decoration:none;transition:all .2s;display:flex}.clink:hover{border-color:var(--green);background:var(--green4)}.clbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3);flex-shrink:0;width:72px;font-size:.6rem}.cval{font-family:var(--code);color:var(--text2);font-size:.85rem}.clink:hover .cval{color:var(--green)}.sz{height:100%;overflow:hidden auto}.sz::-webkit-scrollbar{width:3px}.sz::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media (width<=768px){.nav-tabs{display:none}.about-grid,.demos-grid{grid-template-columns:1fr}.pi,.pi.wide{padding:72px 1.5rem 80px}.exp-co{font-size:.9rem}.stack-tags{gap:.35rem}.demo-detail-popup{border-radius:0;margin:0}.hero-split{grid-template-rows:220px 1fr;grid-template-columns:1fr}}.tl-ok{color:#00cc6a}.tl-err{color:#c44}.tl-dim{color:#4a5568}.tl-cmd{color:#89ddff}.tl-hdr{color:#c49a35}.tl-info{color:#8892a4}.tl-cursor{background:var(--green);vertical-align:middle;width:7px;height:.85em;margin-left:2px;animation:1s step-end infinite tbc;display:inline-block}@keyframes tbc{0%,to{opacity:1}50%{opacity:0}}.code-view{outline:none}.c-cmt{color:#4a5568;font-style:italic}.c-tpl{color:#c49a35}.c-str{color:#c3e88d}.c-kw{color:#c792ea}.c-bi{color:#82aaff}.c-typ{color:#ffcb6b}.c-num{color:#f78c6c}.c-fn{color:#82aaff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--sans);overflow:hidden}body::-webkit-scrollbar{display:none}::selection{color:#fff;background:#00ff8840}#node-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}