@charset "UTF-8";
:root{color-scheme:dark;--bg:#090d14;--surface:#101720;--text:#e8edf5;--muted:#9aa8ba;--accent:#78dce8;--border:#ffffff12;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}::selection{background:#78dce835;color:#fff}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:var(--surface);z-index:100}.skip-link:focus{top:15px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.site-header.scrolled{background:#090d14e8;backdrop-filter:blur(18px);border-color:var(--border)}.nav-shell{width:min(1248px,calc(100% - 80px));margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:17px;font-weight:600;letter-spacing:1px}.brand-dot{color:var(--accent)}.brand-mark{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #ffffff25;border-radius:10px;font-size:28px;line-height:1;font-family:Georgia,serif;padding-bottom:6px}.brand-mark>span{color:var(--accent);font-size:23px;margin-left:-2px}.desktop-nav{display:flex;gap:36px;font-size:13px;color:var(--muted)}.desktop-nav a{position:relative;padding-block:10px;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;border-radius:50%;background:var(--accent)}.nav-actions{display:flex;align-items:center;gap:20px}.draft-label{font-size:11px;color:#99a8b6;border:1px solid var(--border);border-radius:30px;padding:3px 10px}.icon-button{display:grid;place-items:center;background:transparent;width:36px;height:36px;border-radius:9px;color:var(--muted);transition:background .2s,color .2s}.icon-button:hover{background:#ffffff09;color:var(--accent)}.icon-button svg{width:19px;height:19px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-block:60px 105px;gap:20px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-index,.art-label,.small-label,.card-bottom-label,.visual-caption,.visual-bottom,.flow-caption,.footer-brand{font-family:"SFMono-Regular",Consolas,"Microsoft YaHei",monospace;font-size:10px;letter-spacing:2px;font-weight:400}.eyebrow{display:flex;align-items:center;gap:10px;color:#b3c5d1;margin:0 0 27px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #78dce855;flex-shrink:0}.hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.35;letter-spacing:-2px;font-weight:550;margin:0 0 25px}.hero h1>span{background:linear-gradient(110deg,#e8edf5 10%,#b8c6d6 70%,#7ca3b8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:2;color:var(--muted);margin:0 0 32px}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:8px;padding:11px 19px;font-size:12px;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#d9eef2;color:#102329;box-shadow:0 0 25px #78dce80b}.button-primary:hover{background:#f0fbfd}.button-secondary{background:#ffffff03;border-color:#ffffff16;color:#cad4df}.button-secondary:hover{background:#ffffff08;border-color:#ffffff30}.hero-footnote{display:flex;align-items:center;gap:11px;margin-top:42px;font-size:11px;letter-spacing:2px;color:#94a3b4}.tiny-cross{color:#7893a8;font-family:monospace;font-size:16px}.scroll-cue{position:absolute;bottom:23px;left:0;font-size:10px;letter-spacing:1px;color:#91a1b2;display:flex;align-items:center;gap:12px}.scroll-cue>span{font-size:17px;color:#bdcedb}.orbital-art{position:relative;height:435px;isolation:isolate;transform:translate(var(--mx,0),var(--my,0));transition:transform .8s ease-out}.art-grid{position:absolute;inset:-20px -35px;background-image:linear-gradient(#7395bc0b 1px,transparent 1px),linear-gradient(90deg,#7395bc0b 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000 10%,transparent 68%)}.art-halo{position:absolute;inset:-70px;background:radial-gradient(ellipse,#19558323,transparent 65%);z-index:-1}.orbit-scene{position:absolute;inset:0;transform:rotate(-27deg)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #78dce82c;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #66bade05,inset 0 0 20px #66bade05}.orbit-one{width:92%;height:37%;border-color:#9ac8e555 #84bed72b #48769e22 #78dce84d}.orbit-two{width:83%;height:67%;transform:translate(-50%,-50%) rotate(63deg);border-color:#829cc51e #78dce824 #9ac8e54a #78dce81a}.orbit-three{width:66%;height:93%;transform:translate(-50%,-50%) rotate(-30deg);border-color:#829cc523 #78dce815 #9ac8e525 #78dce81b}.orbit-axis{position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#78dce824,transparent);transform:rotate(90deg)}.planet{position:absolute;left:50%;top:50%;width:210px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 33% 27%,#9bb8c6 0%,#638698 13%,#34566c 29%,#152e44 49%,#0a1526 69%,#080e18 82%);box-shadow:inset 1px 2px 2px #a5e7f774,inset -4px -8px 28px #000b,0 0 65px #5fb8e315;overflow:hidden}.planet:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(173deg,transparent 0 7px,#08111f21 8px,transparent 10px);filter:blur(.4px)}.planet:after{content:"";position:absolute;inset:5% -15% 36%;border-bottom:1px solid #b6d5e61b;border-radius:50%;transform:rotate(18deg)}.planet-line{position:absolute;inset:0;background:linear-gradient(130deg,#c3e6f80a,transparent 45%)}.satellite{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#cbf8ff,#55a7c5 22%,#132f48 70%);box-shadow:0 0 16px #78dce82a}.satellite-one{width:15px;height:15px;top:44%;left:3%}.satellite-two{width:8px;height:8px;top:17%;left:67%;background:#b6d6e7}.star{position:absolute;font-family:monospace;font-size:15px;color:#7ec3d5;opacity:.65}.star-one{left:18%;top:19%}.star-two{right:6%;bottom:20%;font-size:11px}.art-label{position:absolute;font-size:8px;letter-spacing:2px;color:#84a3b6}.art-label-top{top:14px;right:15px}.art-label-bottom{bottom:9px;left:55px;right:0;display:flex;align-items:center;gap:9px;font-size:7px}.small-dot{width:4px;height:4px;background:#7bc5d1;border-radius:50%}.coordinate{margin-left:auto;color:#718296}.section{padding-top:64px}.now-section{border-top:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.section-index{color:#9aafc1;letter-spacing:2px;font-size:9px}.section-heading h2{font-size:25px;letter-spacing:-.5px;font-weight:500;margin:9px 0 0;line-height:1.5}.muted-dot{color:var(--accent);padding-left:5px}.section-aside{font-size:11px;color:#91a0b2;padding-bottom:5px}.now-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}.now-card{background:linear-gradient(135deg,#131c27b3,#10151d);border:1px solid var(--border);border-radius:14px;min-height:284px;padding:24px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.now-card:hover{transform:translateY(-4px);border-color:#78dce838;box-shadow:0 12px 35px #0003}.card-top{display:flex;justify-content:space-between;align-items:center}.small-label{font-family:var(--font);font-size:10px;letter-spacing:1px;color:#afbdcb;display:flex;align-items:center;gap:8px}.card-arrow{color:#a1b1c0;font-size:17px}.now-card h3{font-size:17px;line-height:1.7;letter-spacing:.2px;margin:12px 0 7px;font-weight:500}.now-card p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.flow-graphic{position:relative;display:flex;align-items:center;justify-content:center;margin:28px auto 35px;width:85%}.flow-node{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:9px;color:#a7bccb;background:#121c28;font-size:25px;line-height:1}.flow-accent{color:#94deea;border-color:#78dce836;box-shadow:0 0 20px #78dce80a}.flow-line{height:1px;background:linear-gradient(90deg,#78dce821,#78dce870,#78dce821);flex:1;position:relative}.flow-line:after{content:"";position:absolute;top:-1px;left:15%;width:4px;height:3px;border-radius:4px;background:#9fe4ed;animation:flow 4s linear infinite}.flow-caption{position:absolute;bottom:-20px;display:flex;justify-content:space-between;width:100%;font-size:6px;letter-spacing:1.4px;color:#708797}.flow-caption>span{margin-right:10px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tags>span{font-size:9px;line-height:1.6;letter-spacing:.3px;color:#a4b7c6;padding:3px 8px;border:1px solid #ffffff0d;border-radius:5px;background:#ffffff03}.note-symbol{color:#78dce86b;font-size:70px;font-family:Georgia,serif;position:absolute;right:23px;top:38px;height:70px}.now-note h3{margin-top:37px}.card-bottom-label{font-size:7px;color:#8497a9;letter-spacing:1.5px;display:block;margin-top:22px}.about-symbol{height:70px;display:grid;place-items:center;position:relative;margin-top:12px}.about-symbol>span{font:italic 51px Georgia,serif;color:#bfccd6}.about-symbol i{position:absolute;width:89px;height:34px;border-radius:50%;border:1px solid #78dce83a;transform:rotate(-25deg)}.now-about h3{margin-top:3px}.now-about .card-bottom-label{margin-top:18px}.sample-notice{font-size:10px;color:#8f9fb0;margin:-13px 0 20px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{padding:0;text-align:left;background:transparent;border-radius:12px;transition:transform .25s;min-width:0}.project-card:hover{transform:translateY(-4px)}.project-visual{position:relative;display:block;height:235px;border-radius:12px;overflow:hidden;border:1px solid #ffffff0e}.workflow-visual{background:radial-gradient(ellipse at 50% 60%,#23465d44,transparent 70%),linear-gradient(135deg,#121f2b,#0d141e)}.workflow-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#8aa3b91e .8px,transparent .8px);background-size:17px 17px;mask-image:linear-gradient(transparent,#000,transparent)}.visual-caption{position:absolute;left:23px;top:20px;font-size:7px;color:#92aabd;letter-spacing:2px}.visual-bottom{position:absolute;bottom:19px;left:23px;letter-spacing:1.3px;font-size:6px;color:#8a9db0}.mini-workflow{display:flex;align-items:center;justify-content:center;gap:20px;position:absolute;inset:0}.mini-node{position:relative;width:58px;height:58px;display:grid;place-items:center;font:11px Consolas,monospace;border-radius:12px;border:1px solid #708ba33b;background:linear-gradient(145deg,#203348,#101b29);box-shadow:0 10px 20px #0002;color:#c0d5e7}.mini-node>span{position:absolute;top:69px;white-space:nowrap;font:9px var(--font);color:#9bafc0}.mini-node-core{border-color:#78dce864;color:#a5e7eb;box-shadow:0 0 30px #78dce810;font-size:15px}.mini-workflow>i{font-size:17px;font-style:normal;color:#6e8e9f}.project-copy{display:block;padding:18px 2px 0}.project-meta{display:flex;align-items:center;gap:10px;color:#99adbf;font-size:9px;letter-spacing:1px}.project-meta>span{font-size:8px;letter-spacing:0;color:#8a9cab;border:1px solid #ffffff14;border-radius:3px;padding:0 4px}.project-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500;margin-top:8px}.project-title>span{color:#adbac7;font-size:17px}.project-description{display:block;font-size:11px;color:var(--muted);margin-top:5px}.project-copy .tags{margin-top:12px}.space-visual{background:radial-gradient(ellipse at 60% 70%,#3047653d,transparent 70%),linear-gradient(135deg,#141c2a,#10151f)}.window-art{display:block;position:absolute;top:57px;left:19%;right:16%;height:139px;transform:perspective(600px) rotateY(-13deg) rotateX(8deg) rotateZ(-5deg);border:1px solid #7d9ab735;border-radius:8px;background:#101722;box-shadow:5px 20px 25px #0004}.window-top{height:22px;border-bottom:1px solid #ffffff0a;display:flex;align-items:center;gap:4px;padding:0 9px}.window-top>i{width:3px;height:3px;background:#738499;border-radius:50%}.window-top>span{font:5px monospace;margin-left:auto;letter-spacing:1px;color:#8e9faf}.window-content{position:relative;display:block;height:110px}.window-lines{position:absolute;left:15%;top:32%;width:42%;display:flex;flex-direction:column;gap:10px}.window-lines i{height:5px;width:90%;border-radius:2px;background:#bdccd5}.window-lines i:nth-child(2){width:80%;background:#6c8a9f}.window-lines i:nth-child(3){width:52%;height:3px;background:#55707e}.window-orbit{position:absolute;width:54px;height:54px;right:12%;top:25%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#7ca0b2,#294259 40%,#0f1726 75%)}.window-orbit:after{content:"";position:absolute;inset:20% -25%;border:1px solid #7ca9bc63;border-radius:50%;transform:rotate(-30deg)}.article-filters{display:flex;align-items:center;gap:8px;margin-bottom:18px}.filter{background:transparent;padding:6px 13px;border-radius:6px;font-size:10px;color:var(--muted);border:1px solid transparent}.filter:hover{color:var(--text)}.filter.active{background:#ffffff07;border-color:#ffffff12;color:#d8e8ee}.example-label{margin-left:auto;font-size:9px;color:#879aad}.article-row{display:flex;align-items:center;gap:34px;width:100%;text-align:left;padding:25px 0;background:transparent;border-top:1px solid var(--border);transition:background .2s}.article-row:hover{background:#ffffff02}.article-row:last-child{border-bottom:1px solid var(--border)}.article-date{font-size:10px;color:#99adbf;min-width:75px}.article-body{flex:1;min-width:0}.article-title{display:block;font-size:16px;font-weight:400;transition:color .2s}.article-row:hover .article-title{color:#a0dee7}.article-summary{display:block;font-size:11px;color:var(--muted);margin-top:6px}.article-read{font-size:10px;white-space:nowrap;color:#b2c3d1;display:flex;gap:24px;align-items:center}.article-read>span{font-size:17px}.about-section{margin-top:72px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:80px}.about-heading h2{font-size:35px;line-height:1.55;font-weight:450;letter-spacing:-1px;margin:15px 0 0}.about-copy{padding-top:21px;font-size:12px;line-height:2;color:var(--muted)}.about-copy p{margin:0 0 17px}.about-copy p:first-child{color:#d2dde6}.text-link{display:inline-flex;gap:22px;align-items:center;color:#b4d9e3;font-size:11px;margin-top:7px}.text-link:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding-block:26px 36px;font-size:9px;color:#8b9bac;gap:15px}.footer-brand{font-size:8px;letter-spacing:1px;color:#b4c4d0;display:flex;gap:8px;align-items:center}.footer-brand>span{color:var(--accent)}.footer-note{font-size:8px}.detail-dialog{width:min(660px,calc(100% - 32px));max-height:85dvh;padding:0;color:var(--text);border:1px solid #ffffff24;border-radius:18px;background:#101720;box-shadow:0 20px 100px #0008}.detail-dialog::backdrop{background:#03070dbd;backdrop-filter:blur(8px)}.dialog-inner{padding:32px 36px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-close{font-size:27px}.detail-dialog h2{font-size:26px;line-height:1.6;margin:24px 0}.detail-dialog p,.detail-dialog li{font-size:14px;color:#b4c3d1;line-height:2}.detail-dialog h3{font-size:16px;margin-top:26px}.detail-dialog .dialog-done{margin-top:20px}.preview-flow{display:flex;gap:9px;flex-wrap:wrap;color:#a2d4df;font-size:12px;margin-block:25px}.preview-flow>span{padding:5px 10px;border:1px solid #78dce82c;border-radius:6px} [hidden]{display:none!important}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal-ready.revealed{opacity:1;transform:translateY(0)}@keyframes flow{from{left:10%;opacity:0}20%{opacity:.7}80%{opacity:.7}to{left:90%;opacity:0}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .reveal-ready{opacity:1;transform:none}.reduce-motion .orbital-art{transform:none}
@media(min-width:1500px){.hero{min-height:690px}.orbital-art{height:470px}.planet{width:230px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.nav-shell{width:calc(100% - 64px)}.hero{min-height:590px;gap:0}.hero h1{font-size:46px}.orbital-art{height:350px}.planet{width:160px}.art-label-bottom{left:25px}.hero-description{font-size:13px}.now-grid{grid-template-columns:1.4fr 1fr 1fr}.now-card{padding:20px}.now-card h3{font-size:15px}.flow-graphic{width:100%}.section-heading h2{font-size:23px}.mini-workflow{gap:12px}.mini-node{width:49px;height:49px}.project-visual{height:215px}.about-section{gap:50px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 40px);height:70px}.brand{font-size:15px}.brand-mark{width:29px;height:29px;font-size:25px}.desktop-nav{display:none}.draft-label{font-size:9px}.nav-actions{gap:7px}.menu-toggle{display:grid}.mobile-nav{padding:8px 20px 18px;background:#0d131df5;display:flex;gap:25px;border-bottom:1px solid var(--border)}.mobile-nav a{padding:6px 4px;font-size:13px}.hero{grid-template-columns:1fr;min-height:initial;padding:57px 0 64px}.eyebrow{font-size:8px;margin-bottom:23px}.hero h1{font-size:clamp(39px,8vw,54px);letter-spacing:-1.5px}.hero-description{font-size:13px}.hero-actions{gap:10px}.button{font-size:11px;gap:15px;padding:11px 16px}.hero-footnote{margin-top:26px;font-size:9px}.orbital-art{height:315px;width:min(100%,380px);margin:14px auto 0}.planet{width:151px}.art-label-top{top:10px}.art-label-bottom{bottom:0;left:20px}.scroll-cue{bottom:8px;font-size:9px}.section{padding-top:43px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:22px}.section-aside{display:none}.now-grid{grid-template-columns:1fr 1fr;gap:12px}.now-main{grid-column:1/-1;min-height:250px}.flow-graphic{width:68%;margin:22px auto 30px}.now-card{padding:20px;min-height:260px}.now-card h3{font-size:16px}.now-card p{font-size:11px}.now-note h3{margin-top:35px}.now-main h3{font-size:18px}.card-bottom-label{font-size:6px;letter-spacing:1px}.project-grid{grid-template-columns:1fr;gap:32px}.project-visual{height:245px}.mini-workflow{gap:20px}.mini-node{width:58px;height:58px}.project-title{font-size:18px}.project-description{font-size:11px}.sample-notice{font-size:10px;line-height:1.9}.article-filters{gap:3px}.filter{padding:6px 10px;font-size:10px}.example-label{font-size:8px}.article-row{gap:12px;align-items:start;position:relative;padding:22px 0}.article-date{display:none}.article-title{font-size:14px;padding-right:25px;line-height:1.8}.article-summary{font-size:10px;padding-right:16px}.article-read{font-size:0;gap:0}.article-read>span{position:absolute;right:2px;top:23px;font-size:16px}.about-section{grid-template-columns:1fr;gap:15px;margin-top:45px;padding-bottom:48px}.about-heading h2{font-size:30px}.about-copy{padding-top:7px;font-size:12px}.site-footer{flex-wrap:wrap;padding-top:23px;gap:15px}.footer-note{width:100%}.dialog-inner{padding:24px}.detail-dialog h2{font-size:22px}.detail-dialog p,.detail-dialog li{font-size:13px}}
@media(max-width:370px){.brand{gap:8px}.draft-label{display:none}.hero h1{font-size:38px}.now-card{padding:16px}.now-card h3{font-size:14px}.now-card p{font-size:10px}.mini-workflow{gap:13px}.mini-node{width:50px;height:50px}.orbital-art{height:280px}.planet{width:135px}.example-label{display:none}}
.orbital-art{overflow:clip}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.orbital-art{transform:none}.reveal-ready{opacity:1;transform:none}}