@charset "UTF-8";
img{height:auto}
.resume-link{margin-top:24px}
:root{--bg:#0a0b10;--panel:#12141d;--ink:#edf1f7;--muted:#a8aab6;--line:#2b2d37;--blue:#6b85ff;--accent:#98c8f0;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}::selection{background:var(--blue);color:#08090e}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.045em}p{color:var(--muted)}h1{font-size:clamp(44px,7.4vw,110px);font-weight:650}h2{font-size:clamp(36px,4.4vw,66px);font-weight:600}.serif{font-family:"Songti SC","STSong",serif;font-weight:400;color:var(--accent)}.eyebrow{display:block;font:11px/1.6 ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:10px}#ambient{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.6}
.header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:23px var(--pad);border-bottom:1px solid var(--line);background:#0a0b10e8;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-weight:600;line-height:1.3}.brand small{display:block;font:9px/2 monospace;letter-spacing:.14em;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);border-radius:50%;font:italic 32px Georgia;color:#08090e}.header nav{display:flex;gap:38px}.header nav a{position:relative;font-size:14px;color:var(--muted);padding:8px 0;transition:color .25s,transform .25s}.header nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover,.header nav a[aria-current]{color:white}.header nav a:hover{transform:translateY(-3px)}.header nav a[aria-current]:after,.header nav a:hover:after{transform:scaleX(1)}.motion-toggle{background:none;border:1px solid var(--line);border-radius:50px;padding:7px 13px;font:10px monospace;white-space:nowrap}.motion-toggle span{color:var(--accent);margin-left:5px}
.hero{position:relative;min-height:760px;height:calc(100svh - 94px);max-height:1050px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:30px var(--pad) 110px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-intro{margin-bottom:30px}.tiny-star{color:var(--accent);font-size:24px;margin-right:12px}.hero h1{line-height:1.1}.hero-lead{font-size:17px;line-height:1.9;margin-top:32px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:50px;padding:15px 24px;font-size:14px;line-height:1.5;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-4px)}.primary{background:var(--blue);color:#070810}.primary:hover{background:#94a5ff}.outline{border:1px solid #656776;margin-top:40px}.outline:hover{background:var(--ink);color:var(--bg)}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #737586;padding-bottom:4px;transition:color .2s}.text-link:hover{color:var(--accent)}.hero-visual{position:relative;min-width:0;isolation:isolate;will-change:transform}.hero-visual img{width:100%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,black 45%,transparent 73%)}.visual-coordinate{position:absolute;top:2%;right:0;color:var(--muted);font:10px/1.8 monospace;letter-spacing:.16em}.visual-caption{position:absolute;bottom:0;left:15%;font-size:12px}.visual-caption small{display:block;color:#797c8c;font-size:10px;margin-top:5px}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font:10px/1.7 monospace;letter-spacing:.1em;color:var(--muted)}.tool-strip{padding:24px var(--pad);display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);background:#10121b}.tool-strip span{font-size:10px;color:var(--muted)}.tool-strip b{font-size:18px;font-weight:500;margin-left:15px;color:var(--ink)}
.section{padding:100px var(--pad);max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.section-heading h2{margin-top:24px}.section-heading>p{font-size:14px;line-height:1.9;max-width:330px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{min-width:0}.project-art{position:relative;overflow:hidden;height:320px;border:1px solid #383b4b;border-radius:4px;display:grid;place-items:center;isolation:isolate;transition:border-color .4s}.project-card:nth-child(2){margin-top:65px}.project-card:nth-child(3){margin-top:130px}.project-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff16,transparent 60%);z-index:-1;transition:opacity .3s;opacity:.3}.project-card:hover .project-art:before{opacity:1}.project-card:hover .project-art{border-color:#8c9bde}.art-note{position:absolute;bottom:13px;left:16px;font-size:9px;letter-spacing:.04em;color:#bec4da}.card-arrow{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid #ffffff50;display:grid;place-items:center;transition:transform .3s,background .3s}.project-card:hover .card-arrow{transform:rotate(45deg);background:var(--blue);color:black}.card-caption{padding-top:22px}.card-caption .eyebrow{font-size:9px}.card-caption h3{font-size:21px;margin:10px 0}.card-caption p{font-size:13px}.art-derp{background:radial-gradient(ellipse at 50% 80%,#26387b,#11182c)}.relay-art{display:flex;align-items:center;width:86%;position:relative}.relay-art>span{font:9px monospace;white-space:nowrap;padding:13px 7px;border:1px solid #7890de;border-radius:3px;background:#1b2646}.relay-art>b{width:78px;height:78px;border-radius:22px;background:linear-gradient(140deg,#adc0ff,#3655da);box-shadow:0 12px 40px #4264ff60,inset 1px 1px white;display:grid;place-items:center;font:14px monospace;color:#0b1233;transform:rotate(-8deg);flex-shrink:0}.relay-art>i{flex:1;height:1px;background:#9eafff;box-shadow:0 0 8px #8399ff}.relay-art small{position:absolute;top:110px;left:0;width:100%;text-align:center;font:10px monospace;color:#b8c7ff}.art-pve{background:radial-gradient(ellipse at 40% 70%,#354159,#1b2232)}.router-body{width:230px;padding:22px;border-radius:14px;background:linear-gradient(135deg,#bdc6d4,#596779);box-shadow:12px 18px 0 #16151c,0 30px 45px #0008;transform:perspective(600px) rotateX(15deg) rotateY(-15deg) rotateZ(-7deg);color:#181824}.router-body>b{font-size:22px}.router-body small{display:block;font:7px monospace;margin-top:3px}.router-body>div{display:flex;gap:10px;margin-top:24px}.router-body i{width:34px;height:27px;border:3px solid #25242d;background:#08090e;color:#aaa9bf;font:8px/20px monospace;font-style:normal;text-align:center}.router-art>span{display:block;margin-top:40px;text-align:center;font-size:10px;color:#bfcbe1}.art-openlist{background:radial-gradient(ellipse at 70% 80%,#304b70,#162338)}.folder{width:230px;height:145px;background:linear-gradient(145deg,#afc8ed,#607da9);border:1px solid #b7c9e4;border-radius:6px 20px 20px 20px;transform:rotate(-9deg);color:#16243f;padding:30px;font-size:26px;box-shadow:14px 20px 0 #152035}.folder:before{content:"";position:absolute;top:-18px;left:-1px;width:95px;height:22px;background:#92afd5;border-radius:8px 12px 0 0}.folder span{display:block;font:8px monospace;margin-top:8px}.file-chip{position:absolute;bottom:67px;right:25px;background:#172237;border:1px solid #8a9fbf;border-radius:6px;padding:11px 16px;font:10px monospace;transform:rotate(7deg)}.file-chip b{color:var(--accent);margin:0 15px}.art-network{background:radial-gradient(circle,#304153,#121e2c)}.timer-art{width:205px;height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #a2bdd2;border-right-color:#ffffff16;border-radius:50%;box-shadow:0 0 30px #9bdaff12}.timer-art b{font:66px Georgia;color:#c9e6f2}.timer-art b span{font:20px monospace;margin-left:7px}.timer-art small{font:10px monospace}.timer-art i{font-size:9px;font-style:normal;color:#93aebf;margin-top:7px}.art-watchdog{background:radial-gradient(ellipse,#353358,#18172c)}.watch-art{width:80%}.watch-art>span{font:10px monospace;color:#c6c2ee}.watch-art svg{width:100%;height:100px;overflow:visible}.watch-art path{fill:none;stroke:#9b99f7;stroke-width:2;filter:drop-shadow(0 0 6px #9b99f7)}.watch-art>b{font-size:14px;font-weight:400}.art-minecraft{background:radial-gradient(ellipse,#2c415c,#141d2b)}.block-art{width:230px;height:200px;position:relative}.block-art i{position:absolute;width:65px;height:65px;background:linear-gradient(135deg,#b7c8e0,#6f87a6);box-shadow:12px 12px 0 #3f526e;transform:rotate(-12deg)}.block-art i:nth-child(1){top:5px;left:30px}.block-art i:nth-child(2){top:65px;left:105px}.block-art i:nth-child(3){top:107px;left:10px}.block-art i:nth-child(4){top:0;right:0;width:35px;height:35px}.block-art b{position:absolute;bottom:-20px;right:0;font:20px monospace;text-shadow:0 2px 8px #000}.block-art b span{font-size:7px}
.ai-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;background:#10121a;border-block:1px solid var(--line)}.ai-feature h2{margin:25px 0}.ai-feature p{max-width:460px;font-size:15px}.ai-feature .text-link{margin-top:30px}.workflow-art{border:1px solid #51546c;border-radius:50% 50% 8px 8px;display:flex;align-items:center;flex-direction:column;padding:50px 25px 30px;background:radial-gradient(ellipse,#25284255,transparent)}.workflow-label{font:10px monospace;color:var(--muted);margin-bottom:25px}.workflow-art>div{display:flex;gap:25px;align-items:center;border:1px solid #5d6386;padding:15px 22px;border-radius:60px;min-width:240px}.workflow-art b{font-size:24px;color:#a6b6ff}.workflow-art span{font-size:12px}.workflow-art>i{color:var(--accent);font-style:normal;font-size:30px;line-height:1.4}.workflow-art>small{margin-top:25px;color:var(--muted);font-size:10px}.closing{text-align:center;padding-block:130px}.closing h2{margin:28px 0 35px}.footer{max-width:1600px;margin:auto;border-top:1px solid var(--line);padding:70px var(--pad) 25px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;background:#0e1017}.footer h2{font-size:clamp(25px,3vw,44px);margin:18px 0}.footer h2 span{color:var(--accent);margin-left:20px}.contact-mail{font-size:clamp(17px,2.4vw,30px);border-bottom:1px solid var(--blue)}.footer-contact{font-size:13px}.footer-contact>a{display:inline-block;margin-top:8px}.footer-contact small{display:block;font-size:10px;color:#9699aa;margin-top:20px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font:10px monospace}.page-intro{padding-bottom:70px}.page-intro h1{margin:25px 0;font-size:clamp(45px,6vw,90px)}.page-intro>p{font-size:16px}.case-index{display:flex;flex-wrap:wrap;gap:12px;margin-top:45px}.case-index a{padding:10px 16px;border:1px solid var(--line);border-radius:50px;font-size:12px;transition:border .2s,color .2s}.case-index a:hover{border-color:var(--blue);color:var(--blue)}.case-index a span{font:10px monospace;margin-right:10px;color:var(--accent)}.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-top:1px solid var(--line);align-items:start}.case-visual{height:440px;position:sticky;top:35px}.case-body h2{font-size:34px;margin:18px 0}.case-statement{font-family:"Songti SC",serif;font-size:25px;color:var(--accent);margin-bottom:25px}.case-body>p:not(.case-statement){font-size:15px}.case-story{margin-top:30px}.case-story h3{font-size:14px;letter-spacing:0;margin:24px 0 10px}.case-story p{font-size:14px;line-height:1.9}.contribution{border-left:2px solid var(--blue);padding-left:18px;margin-top:28px}.contribution>span{font-size:12px;color:#a0b1ff}.contribution p{font-size:13px;margin-top:7px}.case details{border-block:1px solid var(--line);margin-top:30px;padding:17px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:10px}summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:20px}details[open] summary span{transform:rotate(45deg)}details ul{padding-left:18px;line-height:2}details p{line-height:1.9}.experiment{background:#151a2b;border:1px solid #3d4c78;padding:22px;margin-top:30px;border-radius:8px}.experiment-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);flex-wrap:wrap}.relay-demo{display:flex;align-items:center;gap:6px;margin:30px 0;font:11px monospace}.endpoint{border:1px solid #5f6f9d;padding:9px 7px;border-radius:4px;white-space:nowrap}.relay-demo>b{border:1px solid #778fff;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:#adbaff;flex-shrink:0}.beam{flex:1;height:2px;background:linear-gradient(90deg,#526fff,#d0d8ff,#526fff);background-size:200%;animation:beam 1.6s linear infinite}.experiment[data-state="unknown"] .beam,.experiment[data-state="outage"] .beam{background:#98c8f050;animation:none}.experiment[data-state="unknown"] .relay-demo>b,.experiment[data-state="outage"] .relay-demo>b{border-color:var(--accent);color:var(--accent)}@keyframes beam{to{background-position:-200% 0}}.scenario-buttons{display:flex;gap:6px;flex-wrap:wrap}.scenario-buttons button{padding:7px 10px;border:1px solid #505a7a;background:none;border-radius:30px;font-size:10px}.scenario-buttons button[aria-pressed="true"]{background:#a9b8ff;color:#11162a;border-color:#a9b8ff}.experiment h4{font-size:15px;margin:20px 0 10px}.experiment p{font-size:12px}.experiment>small{display:block;color:#9a9fb2;font-size:10px;margin-top:12px}
.about-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:100px;align-items:center}.about-intro h1{margin:30px 0}.about-lead{font-size:18px;margin-bottom:25px}.about-intro p:not(.about-lead){font-size:15px;max-width:600px}.about-facts{display:flex;gap:50px;margin-top:40px;font:11px/2 monospace;color:var(--muted)}.about-facts b{font-size:13px;color:var(--ink);font-weight:400}.portrait{position:relative;transform:rotate(3deg);padding:12px 12px 25px;background:#e5eaf2;border-radius:3px;color:#191a21;box-shadow:20px 25px 0 #171b2f}.portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center top}.portrait figcaption{font:12px/1.7 monospace;padding:16px 10px 0}.portrait figcaption small{font-size:9px;color:#575963}.ai-section{border-top:1px solid var(--line)}.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.tool-cards article{padding:30px 0;border-top:1px solid #60647d}.tool-glyph{display:block;color:var(--accent);font:50px/1.5 Georgia}.tool-cards h3{font-size:30px;margin:15px 0}.tool-cards p{font-size:13px}.approach{background:#11141e}.approach h2{margin-top:25px}.approach-list{margin-top:50px}.approach-list article{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:30px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.approach-list article>span{color:var(--accent);font:14px monospace}.approach-list h3{font-size:22px}.approach-list p{font-size:14px}.direction{max-width:1000px}.direction h2{margin:25px 0;font-size:44px}.direction p{font-size:15px;margin-bottom:20px}.direction .button{margin-top:20px}
.reveal{opacity:1}.js-motion .reveal:not(.visible){opacity:.15;transform:translateY(28px)}.js-motion .reveal{transition:opacity .7s,transform .7s}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important}
@media(min-width:1700px){.hero{max-width:1600px;margin:auto}.header{padding-inline:max(var(--pad),calc((100vw - 1424px)/2))}}
@media(max-width:1100px){.hero{min-height:650px}.hero h1{font-size:76px}.hero-lead{font-size:14px}.hero-actions{gap:18px}.project-grid{gap:18px}.project-art{height:270px}.relay-art>b{width:60px;height:60px}.relay-art>span{font-size:7px;padding:10px 5px}.router-body{width:190px}.router-body i{width:26px}.folder{width:190px}.ai-feature{gap:60px}.case{gap:40px;grid-template-columns:.8fr 1.2fr}.case-visual{height:350px}.about-intro{gap:55px}.tool-strip b{font-size:15px}}
@media(max-width:760px){.header{padding:18px 24px;flex-wrap:wrap;gap:15px}.brand-mark{width:35px;height:35px;font-size:26px}.brand{font-size:13px}.header nav{order:3;width:100%;justify-content:center;gap:40px}.header nav a{font-size:12px}.motion-toggle{font-size:9px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:50px;padding-bottom:90px}.hero h1{font-size:clamp(62px,12vw,88px)}.hero-intro{font-size:8px;letter-spacing:.1em}.hero-lead{font-size:14px;margin-top:25px}.hero-actions{gap:22px;flex-wrap:wrap}.button{font-size:12px;padding:14px 20px;gap:25px}.text-link{font-size:12px}.hero-visual{width:min(100%,500px);align-self:center;margin-top:25px}.visual-caption{bottom:4%;left:5%;font-size:10px}.visual-coordinate{top:5%;font-size:8px}.hero-bottom{bottom:20px;font-size:8px}.hero-bottom span:first-child{display:none}.tool-strip{display:grid;grid-template-columns:1fr 1fr;padding-block:20px;gap:15px}.tool-strip b{display:block;margin-left:0;margin-top:3px;font-size:18px}.section{padding-block:65px}.section-heading{align-items:start;flex-direction:column;gap:25px;margin-bottom:35px}.section-heading>p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(n){margin-top:0}.project-art{height:340px}.card-caption h3{font-size:22px}.ai-feature{grid-template-columns:1fr;gap:45px}.ai-feature h2{font-size:40px}.workflow-art{max-width:400px;width:100%;justify-self:center;padding-top:40px}.closing{padding-block:85px}.closing h2{font-size:32px}.footer{grid-template-columns:1fr;gap:35px;padding-block:45px 25px}.footer-bottom{font-size:9px}.page-intro h1{font-size:48px}.page-intro>p{font-size:14px}.case-index{gap:8px}.case-index a{font-size:10px;padding:8px 12px}.case{grid-template-columns:1fr;gap:35px}.case-visual{position:relative;top:0;height:300px}.case-body h2{font-size:30px}.case-statement{font-size:23px}.case-story p,.case-body>p:not(.case-statement){font-size:14px}.about-intro{grid-template-columns:1fr;gap:55px}.about-intro h1{font-size:62px}.about-lead{font-size:16px}.portrait{max-width:280px;justify-self:center;order:2}.about-facts{gap:30px;font-size:9px}.tool-cards{grid-template-columns:1fr;gap:15px}.tool-cards article{padding:25px 0}.tool-glyph{float:right;font-size:45px}.tool-cards p{max-width:500px}.approach-list article{grid-template-columns:30px 1fr;gap:16px}.approach-list p{grid-column:2}.approach-list h3{font-size:20px}.direction h2{font-size:36px}.experiment{padding:16px}.relay-demo{font-size:9px}.endpoint{padding:8px 5px}.relay-demo>b{width:50px;height:50px}.relay-art{width:82%}.relay-art>b{width:90px;height:90px}.relay-art>span{font-size:10px;padding:15px 9px}.router-body{width:240px}.router-body i{width:36px}.folder{width:230px}}
@media(max-width:360px){.hero h1{font-size:58px}.hero-intro{font-size:7px}.hero-actions{gap:18px}.project-art{height:270px}.relay-art>b{width:70px;height:70px}.relay-art>span{font-size:8px;padding:10px 6px}.about-intro h1{font-size:56px}.experiment-head .eyebrow{font-size:8px}.case-index a{font-size:9px}.footer-contact{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}