styles.css

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#060d1c;--bg-deep:#040a16;--surface:#0a1427;--line:rgba(136,170,213,.17);--text:#f4f7fe;--muted:#96a6be;--blue:#277af8;--cyan:#3fdde8;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--shell:1264px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}svg{display:block}::selection{background:#1259ab;color:white}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}img{max-width:100%;display:block}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--cyan);color:var(--bg);z-index:1000;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.ambient{pointer-events:none;position:absolute;inset:0 0 auto;height:1800px;z-index:-1;background:radial-gradient(ellipse at 80% 28%,#0b274c55,transparent 60%)}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1440px;margin:auto;padding:27px 48px;height:94px;border-bottom:1px solid var(--line);z-index:5}.main-nav{display:flex;align-items:center;gap:34px;padding-left:25px}.main-nav a{color:#b5c0d1;font-size:13px;font-weight:500;transition:color .2s}.main-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:24px}.language-button{background:none;border:0;padding:8px 0;font:11px var(--mono);color:#f2f5ff;letter-spacing:.04em}.language-button span{color:#728098;margin-left:3px}.header-cta{display:flex;align-items:center;gap:10px;font-size:12px;border:1px solid #2d3a51;border-radius:4px;padding:10px 15px;transition:background .2s,border-color .2s}.header-cta:hover{background:#132b4c;border-color:#47719f}.header-cta svg{width:16px;height:16px}.header-cta>span:last-child{font-size:16px;padding-left:4px}.menu-toggle,.mobile-cta{display:none!important}.hero{position:relative;max-width:1600px;margin:auto;min-height:758px;overflow:hidden;padding:113px max(48px,calc((100% - 1264px)/2)) 102px}.hero-art{position:absolute;right:-80px;top:30px;width:1050px;height:725px;z-index:-1;overflow:hidden;opacity:.85;mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 95%,transparent 100%);transform:translate(var(--parallax-x,0px),var(--parallax-y,0px));transition:transform .5s ease-out}.hero-art img{position:absolute;width:1150px;max-width:none;right:0;bottom:-52px;filter:brightness(.6) saturate(1.25)}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(6,13,28,.99) 1%,rgba(6,13,28,.2) 40%,rgba(6,13,28,0) 60%,var(--bg) 100%),linear-gradient(90deg,var(--bg) 0%,rgba(6,13,28,.72) 25%,rgba(6,13,28,0) 70%)}.hero-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#587faa07 1px,transparent 1px),linear-gradient(90deg,#587faa07 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(180deg,black,transparent 80%)}.hero-orbit{position:absolute;width:530px;height:530px;border:1px solid #3876b814;border-radius:50%;top:62px;right:-57px;z-index:-1}.hero-orbit:after{content:'';position:absolute;inset:48px;border:1px solid #3876b814;border-radius:50%}.hero-copy{max-width:810px}.eyebrow{display:flex;align-items:center;gap:10px;font:10px/1.5 var(--mono);font-weight:500;letter-spacing:.15em;color:#86a5c7}.hero-eyebrow{font-size:10px;letter-spacing:.17em;color:#abc6e7;margin-bottom:31px}.status-light{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px #44e4edaa;flex:none}.hero h1{font-family:var(--display);font-size:clamp(59px,6.85vw,99px);font-weight:650;line-height:1.075;letter-spacing:-6px;margin:0 0 29px}.hero h1>span{background:linear-gradient(98deg,#4b90ff 2%,#6daffc 35%,#7cd7f6 68%,#79ddea);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:18px;line-height:1.7;max-width:414px;margin:0 0 11px;color:#c1cee0}.hero-chinese{font-size:12px;letter-spacing:.08em;color:#7b91af;margin:0 0 35px}.hero-buttons{display:flex;gap:24px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:13px 22px;border-radius:3px;font-size:12px;font-weight:600;line-height:1.4;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.button-primary{background:#2779f5;color:#fff;box-shadow:0 5px 27px #075aef22}.button-primary:hover{background:#418dff;box-shadow:0 5px 30px #176de83d;transform:translateY(-2px)}.button>span:last-child:not(:first-child){font-size:18px;font-weight:400}.button-text{padding-left:0;padding-right:0;gap:9px;color:#c0cde0;font-size:12px;font-weight:400}.button-text:hover{color:white}.button-text>span:last-child{font-size:12px!important}.play-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #3b536e;border-radius:50%;font-size:21px!important;color:#88c8ff}.button-outline{border-color:#41506a;background:#0e1c3188}.button-outline:hover{border-color:#6894bf;background:#122b47}.art-coordinate{position:absolute;right:54px;top:410px;display:flex;align-items:flex-start;gap:12px;color:#a0d8ff;font:8px/1.8 var(--mono);letter-spacing:.06em;opacity:.65}.art-coordinate b{font-weight:400;color:#8a9aac}.coordinate-cross{font-size:20px;line-height:1}.hero-bottom{position:absolute;bottom:31px;left:max(48px,calc((100% - 1264px)/2));right:max(48px,calc((100% - 1264px)/2));display:flex;justify-content:space-between;align-items:center;color:#8294ae;font:9px var(--mono);letter-spacing:.11em}.scroll-link{display:flex;align-items:center;gap:11px;font-size:9px}.scroll-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:31px;border:1px solid #3b4f6c;border-radius:13px;color:#b2c4da;font-size:14px}.scroll-link:hover{color:#dce9fb}.hero-bottom-note{display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:46px;font-size:8px}.tiny-cross{font-size:15px;color:#79a9d9}.motion-toggle{padding:8px 0 8px 10px;background:none;border:0;display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.1em;color:#8192aa}.motion-icon{font-size:12px;color:#b9c8db}.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:34px;padding:23px 48px;overflow:hidden;background:linear-gradient(90deg,#071329,#0b1424,#071329);font-family:var(--display);font-size:15px;color:#a5b5cc;white-space:nowrap}.capability-strip i{font-style:normal;font-size:14px;color:#308ce7}.section-shell{max-width:1360px;padding-left:48px;padding-right:48px;margin-left:auto;margin-right:auto}.vision{padding-top:97px;padding-bottom:99px}.section-kicker{display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:.12em;color:#89a1c1;margin-bottom:35px}.section-index{color:#438ddb}.kicker-line{height:1px;background:var(--line);flex:1;margin-left:15px}.vision-content{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:start}.vision h2{font-family:var(--display);font-size:clamp(29px,3vw,43px);letter-spacing:-1.7px;font-weight:500;line-height:1.3;margin:0}.vision h2 span{color:#7387a4}.vision-description{padding-top:2px}.vision-description p{font-size:14px;line-height:1.85;margin:0 0 14px;color:#c5cfdf;max-width:410px}.vision-description .muted{color:#8395af;font-size:13px}.inline-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;color:#72b6ff;line-height:1.5;border-bottom:1px solid #3681c751;padding-bottom:6px;transition:color .2s,border-color .2s}.inline-link>span:last-child{font-size:18px}.inline-link:hover{color:#b4edff;border-color:#78d2ff}.vision-description .inline-link{margin-top:8px}.vision-rule{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:64px;font:9px var(--mono);letter-spacing:.13em;color:#5c7697}.rule-track{height:1px;background:#203551;flex:1;position:relative;overflow:hidden}.rule-track:before{content:'';height:3px;width:3px;border-radius:50%;background:#3c6b98;position:absolute;left:0;top:-1px}.rule-track i{position:absolute;top:0;left:-25%;width:25%;height:1px;background:linear-gradient(90deg,transparent,#40c4f5,transparent);animation:flow 7s infinite linear}.rule-track:nth-of-type(4) i{animation-delay:2s}@keyframes flow{to{left:125%}}.projects{padding-top:16px;padding-bottom:105px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:39px}.section-heading h2{font-family:var(--display);font-size:clamp(37px,4.2vw,59px);font-weight:550;line-height:1.15;letter-spacing:-2.9px;margin:0}.section-heading h2 span{color:#8192ac}.section-heading>p{font-size:13px;color:#8ea0b9;line-height:1.9;margin:0 0 3px;max-width:290px}.filter-bar{display:flex;align-items:center;gap:6px;padding:0 0 23px;border-bottom:1px solid var(--line);margin-bottom:28px}.filter-button{background:transparent;border:1px solid transparent;color:#8c9eb7;border-radius:3px;padding:8px 14px;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:9px;transition:background .2s,color .2s,border-color .2s}.filter-button:hover{color:#d5eaff;background:#101f35}.filter-button.active{background:#16386166;border-color:#20518588;color:#9ed7ff}.filter-button small{font:8px var(--mono);color:#619dcc}.filter-count{margin-left:auto;color:#67809f;font:8px var(--mono);letter-spacing:.08em;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{position:relative;background:linear-gradient(150deg,#0e1b31,#081223 75%);border:1px solid #21334c;border-radius:5px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;min-width:0}.project-card:before{content:'';position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,#3da1ec70,transparent);pointer-events:none}.project-card:hover{transform:translateY(-4px);border-color:#34679a;box-shadow:0 15px 35px #0002}.project-card[hidden]{display:none}.project-card-head{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 16px}.project-number{font:9px var(--mono);letter-spacing:.07em;color:#6382a8}.project-category{font:8px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#629acd;border:1px solid #253c5a;padding:3px 6px;border-radius:2px}.project-card:nth-child(4) .project-category,.project-card:nth-child(5) .project-category,.project-card:nth-child(6) .project-category{color:#51b8c4}.project-card-main{padding:0 23px}.project-card h3{font-family:var(--display);font-size:25px;font-weight:650;line-height:1.25;letter-spacing:-.9px;margin:0 0 12px}.project-tagline{font-size:12px;line-height:1.7;color:#9fb1ca;margin:0;min-height:62px;max-width:330px}.architecture-button{position:relative;flex:none;background:#fff;border:0;width:100%;padding:12px;margin:23px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:left;aspect-ratio:1.84}.architecture-button .architecture-image{display:block;width:100%;height:100%;min-width:0;object-fit:contain;user-select:none}.architecture-button:hover .architecture-overlay,.architecture-button:focus-visible .architecture-overlay{background:#0d3f70;border-color:#76b9ee}.architecture-overlay{position:absolute;bottom:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:center;gap:5px;background:#071327de;border:1px solid #528cc080;padding:4px 8px;border-radius:2px;color:#c1d9f2;font:8px var(--mono)}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 23px;margin-top:auto;border-top:1px solid #1c2d45}.details-button{border:0;background:none;padding:0;color:#849fbd;font-size:10px;text-align:left}.details-button:hover{color:#b4dfff}.github-link{display:flex;align-items:center;gap:7px;color:#adcdf2;font-size:10px}.github-link svg{width:12px;height:12px}.github-link span{font-size:15px}.github-link:hover{color:#65d8ff}.project-footnote{font-size:10px;color:#607894;margin:21px 0 0;line-height:1.8}.explore{padding-top:6px;padding-bottom:107px}.explorer-panel{border:1px solid #24374f;border-radius:5px;background:linear-gradient(110deg,#0a1830,#081222);overflow:hidden}.explorer-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #24374f;background:#081426}.explorer-tab{display:flex;justify-content:center;align-items:center;gap:10px;background:none;border:0;border-right:1px solid #24374f;padding:17px 8px;color:#7d93b1;font-size:11px;position:relative;transition:background .2s,color .2s}.explorer-tab:last-child{border-right:0}.explorer-tab:hover{background:#173b612b;color:#b7d8ff}.explorer-tab.active{background:#16355466;color:#9bceff}.explorer-tab.active:after{content:'';position:absolute;height:2px;background:#3d9afb;bottom:-1px;left:0;right:0;box-shadow:0 0 12px #3d9afbaa}.tab-icon{font-size:19px;color:#538bbd}.active>.tab-icon{color:#7cc4ff}.explorer-body{display:grid;grid-template-columns:1.45fr 1fr;align-items:center}.constellation{position:relative;aspect-ratio:660/420;align-self:stretch;overflow:hidden;min-width:0;min-height:410px;border-right:1px solid #24374f}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#4584bf0a 1px,transparent 1px),linear-gradient(90deg,#4584bf0a 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,black 20%,transparent 75%)}.map-lines{position:absolute;width:100%;height:100%;inset:0;color:#39587c}.path-base{opacity:.28}.path-active{opacity:0;stroke:#43baf4;stroke-width:1.3;stroke-dasharray:4 10;animation:dash 5s linear infinite;transition:opacity .5s}.constellation[data-mode=multimodal] [data-connect=multimodal],.constellation[data-mode=agentic] [data-connect=agentic],.constellation[data-mode=infrastructure] [data-connect=infrastructure],.constellation[data-mode=recurrent] [data-connect=recurrent]{opacity:.9}@keyframes dash{to{stroke-dashoffset:-56}}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.core-diamond{width:82px;height:82px;display:grid;place-items:center;border:1px solid #3f8cd688;background:#0c2645;box-shadow:0 0 34px #167bdb30,inset 0 0 24px #217fdb22;transform:rotate(45deg);border-radius:10px;position:relative}.core-diamond:after{content:'';position:absolute;inset:-11px;border:1px solid #3584c02b;border-radius:15px}.map-core>span{font:8px var(--mono);letter-spacing:.12em;color:#8dc1ef;margin-top:13px}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:8px;z-index:2;color:#65809e;font:9px var(--mono);white-space:nowrap;transition:color .4s}.node-symbol{display:flex;width:38px;height:38px;border:1px solid #2a3e59;border-radius:8px;align-items:center;justify-content:center;background:#0a1a30;color:#537595;font-size:21px;transition:color .4s,border-color .4s,box-shadow .4s}.node-omni{left:23%;top:23.33%}.node-afd{left:77%;top:23.33%}.node-router{left:83.33%;top:50%}.node-mlx{left:77%;top:76.66%}.node-rlt{left:23%;top:76.66%}.node-agent{left:16.66%;top:50%}.constellation[data-mode=multimodal] [data-node=multimodal],.constellation[data-mode=agentic] [data-node=agentic],.constellation[data-mode=infrastructure] [data-node=infrastructure],.constellation[data-mode=recurrent] [data-node=recurrent]{color:#acdfff}.constellation[data-mode=multimodal] [data-node=multimodal] .node-symbol,.constellation[data-mode=agentic] [data-node=agentic] .node-symbol,.constellation[data-mode=infrastructure] [data-node=infrastructure] .node-symbol,.constellation[data-mode=recurrent] [data-node=recurrent] .node-symbol{color:#6acbf8;border-color:#3a88b8;box-shadow:0 0 24px #158fda22;background:#10304a}.diagram-coordinate{position:absolute;font:7px var(--mono);color:#3e607f;letter-spacing:.06em}.top-left{top:24px;left:25px}.diagram-label{position:absolute;left:25px;bottom:21px;font:7px var(--mono);letter-spacing:.14em;color:#607e9d}.capability-copy{padding:36px 40px 31px}.capability-copy .eyebrow{font-size:8px;color:#619fda}.capability-copy h3{font-family:var(--display);font-weight:500;font-size:29px;line-height:1.25;letter-spacing:-.9px;margin:21px 0 17px;max-width:280px}.capability-copy>p{font-size:12px;line-height:1.9;color:#92a8c3;max-width:330px}.capability-tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 23px}.capability-tags span{font:8px var(--mono);color:#92c6ee;background:#102741;border:1px solid #223d5b;border-radius:2px;padding:6px 8px}.capability-copy .concept-note{font-size:9px;line-height:1.7;color:#57718e;max-width:330px;margin:26px 0 0}.open-source{padding-top:78px;padding-bottom:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 80%,#0a458655,transparent 60%),#081327;isolation:isolate}.source-inner{position:relative;z-index:2;max-width:600px}.source-inner .eyebrow{font-size:9px;color:#86afda}.source-inner h2{font-family:var(--display);font-size:clamp(52px,6.6vw,86px);font-weight:550;line-height:1.08;letter-spacing:-4.5px;margin:25px 0}.source-inner h2 span{color:#71bcfb}.source-inner>p{font-size:14px;line-height:1.8;color:#9bb2cf;margin:0 0 28px}.source-buttons{display:flex;align-items:center;gap:13px}.source-art{position:absolute;right:-165px;width:840px;height:620px;top:-5px;z-index:0;opacity:.35;mask-image:linear-gradient(90deg,transparent,black 60%),linear-gradient(180deg,transparent,black 45%);mask-composite:intersect;-webkit-mask-composite:source-in;overflow:hidden}.source-art img{position:absolute;bottom:-85px;width:840px;max-width:none;filter:brightness(.75) saturate(1.35)}.source-lines{position:absolute;inset:0;background-image:linear-gradient(#4b99d70b 1px,transparent 1px),linear-gradient(90deg,#4b99d70b 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,black)}.footer{padding-top:40px;padding-bottom:26px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px}.footer>p{text-align:center;color:#74869e;font-size:10px;white-space:nowrap;margin:0}.back-to-top{justify-self:end;display:flex;align-items:center;gap:17px;font-size:10px;color:#8a9fba}.back-to-top>span:last-child{font-size:17px;color:#b1c8e5}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #18263a;padding-top:22px;margin-top:15px;font-size:8px;color:#576c88}.footer-bottom a:hover{color:#a1c7f4}.footer-bottom>span:nth-child(2){margin-left:auto;margin-right:34px}.project-dialog,.poster-dialog{padding:0;color:#f1f6ff;background:#0b192d;border:1px solid #365778;border-radius:8px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 60px);width:880px;overflow:auto;box-shadow:0 30px 150px #0009}.project-dialog::backdrop,.poster-dialog::backdrop{background:#020610d9;backdrop-filter:blur(12px)}.dialog-close{display:grid;place-items:center;position:absolute;right:18px;top:17px;width:36px;height:36px;border:1px solid #34516e;background:#0a192be6;font-size:27px;line-height:1;z-index:5;border-radius:50%;color:#c2d8ec}.dialog-close:hover{background:#203f5c;color:white}.dialog-header{padding:35px 40px 27px;border-bottom:1px solid #2a3c52}.dialog-header .eyebrow{font-size:8px}.dialog-header h2{font-family:var(--display);font-size:37px;letter-spacing:-1.5px;line-height:1.3;margin:10px 0 14px}.dialog-header p{color:#a7bad1;font-size:14px;line-height:1.75;margin:0;max-width:670px}.dialog-architecture{padding:25px 40px;background:#081426}.dialog-architecture .architecture-caption{color:#6b88a6;font:8px var(--mono);letter-spacing:.08em;margin:16px 0 0;text-align:center}.dialog-bottom{padding:23px 40px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #213b53}.dialog-note{font-size:11px;color:#8ca2bd;line-height:1.7;max-width:480px;margin:0}.dialog-bottom .button{flex:none;gap:14px}.poster-dialog{width:960px}.poster-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px 20px}.poster-toolbar .eyebrow{font-size:8px}.poster-toolbar h2{font-family:var(--display);font-weight:500;font-size:21px;line-height:1.4;margin:8px 0 0}.poster-toolbar>div:last-child{display:flex;align-items:center;gap:20px}.poster-toolbar .button{font-size:10px;min-height:39px;padding:10px 15px}.poster-toolbar .dialog-close{position:static;flex:none}.poster-note{font-size:10px;color:#809cb9;line-height:1.7;padding:0 30px 20px;margin:0}.poster-dialog>img{width:100%;height:auto}.motion-paused *, .motion-paused *:before, .motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-art{transform:none!important}.motion-paused{scroll-behavior:auto}.no-projects{color:#a3b4ca;padding:20px}
@media(min-width:1600px){.site-header{max-width:1440px}.hero{padding-left:168px;padding-right:168px}.hero-bottom{left:168px;right:168px}.hero-art{right:0}}
@media(max-width:1150px){.site-header{padding-left:32px;padding-right:32px;gap:24px}.main-nav{gap:23px;padding-left:0}.header-actions{gap:20px}.hero{padding-left:40px;padding-right:40px;min-height:730px;padding-top:114px}.hero h1{font-size:80px;letter-spacing:-4.8px}.hero-art{right:-195px;opacity:.67}.hero-bottom{left:40px;right:40px}.art-coordinate{right:30px;top:520px}.section-shell{padding-left:40px;padding-right:40px}.vision-content{gap:50px;grid-template-columns:1.25fr 1fr}.project-grid{gap:14px}.project-card-head{padding-left:18px;padding-right:18px}.project-card-main{padding-left:18px;padding-right:18px}.project-card h3{font-size:23px}.project-tagline{font-size:11px;min-height:75px}.project-card-footer{padding-left:18px;padding-right:18px}.explorer-body{grid-template-columns:1.3fr 1fr}.constellation{min-height:380px}.capability-copy{padding:30px}.capability-copy h3{font-size:27px}.source-art{right:-230px}.capability-strip{font-size:12px;gap:20px;padding-left:32px;padding-right:32px}}
@media(max-width:900px){.main-nav{gap:21px}.header-cta{padding:9px 11px}.header-cta>span:not(:last-child){display:none}.site-header{height:83px;padding:23px 30px}.hero{padding:99px 32px 90px;min-height:710px}.hero h1{font-size:72px;letter-spacing:-4.4px}.hero-copy{max-width:650px}.hero-art{right:-265px;top:30px;opacity:.6}.hero-description{font-size:16px;max-width:340px}.hero-bottom{left:32px;right:32px}.hero-bottom-note{margin-right:22px;font-size:7px}.hero-eyebrow{font-size:9px}.art-coordinate{display:none}.section-shell{padding-left:32px;padding-right:32px}.vision{padding-top:75px;padding-bottom:79px}.vision-content{gap:40px}.vision h2{font-size:30px;letter-spacing:-1.2px}.vision-description p{font-size:12px}.vision-description .muted{font-size:11px}.section-heading h2{font-size:45px;letter-spacing:-2.2px}.section-heading>p{font-size:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-tagline{font-size:12px;min-height:65px}.project-card-main{padding:0 22px}.project-card-head{padding-left:22px;padding-right:22px}.project-card-footer{padding-left:22px;padding-right:22px}.filter-button{font-size:10px;padding:8px 11px}.filter-count{font-size:7px}.explorer-body{grid-template-columns:1.2fr 1fr}.constellation{min-height:400px}.map-node{font-size:7px}.node-symbol{width:31px;height:31px;font-size:18px}.core-diamond{width:62px;height:62px}.map-core>span{font-size:7px}.capability-copy{padding:27px}.capability-copy h3{font-size:25px}.capability-copy>p{font-size:11px}.diagram-coordinate{font-size:6px}.diagram-label{font-size:6px;left:20px}.source-art{right:-350px}.source-inner h2{font-size:70px}.source-inner>p{font-size:13px}.source-inner{max-width:480px}.footer{gap:15px}.footer>p{font-size:9px}.footer-bottom{font-size:7px}}
@media(max-width:680px){html{scroll-padding-top:20px}.site-header{height:76px;padding:20px 22px;gap:16px}.header-actions{gap:19px}.header-cta{display:none}.language-button{font-size:10px}.menu-toggle{display:flex!important;width:24px;height:24px;padding:4px 0;border:0;background:none;flex-direction:column;justify-content:space-around}.menu-toggle>span{height:1px;background:#b7cbe3;width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:75px;background:#08162df5;backdrop-filter:blur(20px);padding:22px;border-bottom:1px solid #31445c;box-shadow:0 18px 30px #0004;align-items:stretch;gap:0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav a{font-size:15px;padding:13px 0;border-bottom:1px solid #1e3048}.main-nav a:last-child{border-bottom:0}.mobile-cta{display:block!important;color:#77c7ff!important}.hero{min-height:810px;padding:63px 24px 95px}.hero-copy{max-width:520px}.hero-eyebrow{margin-bottom:25px;font-size:8px;letter-spacing:.1em;gap:8px}.hero h1{font-size:clamp(45px,10.4vw,65px);letter-spacing:-2.9px;line-height:1.12;margin-bottom:23px}.hero-description{font-size:14px;max-width:310px;line-height:1.75}.hero-chinese{font-size:10px;letter-spacing:.04em;margin-bottom:27px}.hero-buttons{gap:19px;align-items:center}.button{font-size:10px;padding:12px 16px;gap:18px;min-height:44px}.button-text{font-size:10px;padding:0;gap:7px}.button-text>span:last-child{font-size:10px!important}.play-icon{width:22px;height:22px;font-size:18px!important}.hero-art{top:auto;bottom:0;right:-96px;width:750px;height:530px;opacity:.88;mask-image:linear-gradient(90deg,transparent,black 30%,black);-webkit-mask-image:linear-gradient(90deg,transparent,black 30%,black)}.hero-art img{width:800px;bottom:-70px;right:0;filter:brightness(.69) saturate(1.28)}.art-shade{background:linear-gradient(180deg,var(--bg) 0%,rgba(6,13,28,.95) 10%,rgba(6,13,28,.6) 28%,transparent 53%,var(--bg) 100%),linear-gradient(90deg,var(--bg),transparent 65%)}.hero-orbit{top:260px;right:-195px}.hero-bottom{left:24px;right:24px;bottom:24px}.hero-bottom-note{display:none}.scroll-link{font-size:7px;gap:8px}.scroll-mark{width:20px;height:27px;font-size:12px}.motion-toggle{font-size:7px}.capability-strip{padding:19px 23px;gap:27px;justify-content:flex-start;font-size:10px;overflow:auto;scrollbar-width:none}.capability-strip::-webkit-scrollbar{display:none}.capability-strip i{font-size:11px}.section-shell{padding-left:24px;padding-right:24px}.vision{padding-top:59px;padding-bottom:63px}.section-kicker{font-size:8px;gap:9px;letter-spacing:.08em;margin-bottom:25px}.section-kicker .kicker-line{margin-left:9px}.vision-content{grid-template-columns:1fr;gap:25px}.vision h2{font-size:32px;letter-spacing:-1.6px;line-height:1.3}.vision-description p{font-size:13px;max-width:450px}.vision-description .muted{font-size:12px}.inline-link{font-size:11px;gap:20px}.vision-rule{margin-top:37px;font-size:6px;gap:12px;letter-spacing:.08em}.projects{padding-top:14px;padding-bottom:66px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:26px}.section-heading h2{font-size:42px;line-height:1.15;letter-spacing:-2px}.section-heading>p{font-size:12px;line-height:1.8;max-width:100%}.section-heading>p br{display:none}.filter-bar{gap:4px;overflow:auto;flex-wrap:nowrap;margin-bottom:20px;padding-bottom:16px;scrollbar-width:thin}.filter-button{padding:7px 10px;font-size:9px}.filter-button small{font-size:7px}.filter-count{display:none}.project-grid{grid-template-columns:1fr;gap:18px}.project-card-head{padding:21px 22px 15px}.project-card h3{font-size:28px}.project-tagline{font-size:13px;min-height:0;max-width:400px}.architecture-button{margin-top:22px;aspect-ratio:1.9}.project-card-footer{padding:17px 22px}.details-button,.github-link{font-size:11px}.project-footnote{font-size:9px;line-height:1.9;margin-top:18px}.explore{padding-top:5px;padding-bottom:63px}.explorer-tabs{overflow:auto;grid-template-columns:repeat(4,minmax(0,1fr))}.explorer-tab{font-size:8px;gap:5px;padding:14px 4px;flex-direction:column}.tab-icon{font-size:18px}.explorer-body{grid-template-columns:1fr}.constellation{min-height:0;aspect-ratio:1.48;border-right:0;border-bottom:1px solid #24374f}.map-node{font-size:7px;gap:6px}.node-symbol{width:30px;height:30px;font-size:18px}.map-core{gap:5px}.core-diamond{width:59px;height:59px}.core-diamond:after{inset:-8px}.map-core>span{font-size:6px;margin-top:13px}.top-left{top:15px;left:17px}.diagram-label{left:17px;bottom:15px;font-size:5px;letter-spacing:.08em}.capability-copy{padding:28px 25px}.capability-copy h3{font-size:29px;margin-top:16px;max-width:300px}.capability-copy>p{font-size:12px;max-width:100%}.capability-copy .concept-note{font-size:9px;max-width:100%;margin-top:23px}.capability-tags{margin:19px 0 20px}.capability-tags span{font-size:8px}.open-source{padding-top:52px;padding-bottom:230px}.source-inner .eyebrow{font-size:8px}.source-inner h2{font-size:58px;letter-spacing:-3px;margin:22px 0}.source-inner>p{font-size:13px}.source-art{width:650px;height:440px;top:auto;bottom:-25px;right:-130px;opacity:.45;mask-image:linear-gradient(180deg,transparent,black 65%);-webkit-mask-image:linear-gradient(180deg,transparent,black 65%)}.source-art img{width:650px;bottom:-62px}.source-buttons{gap:10px;flex-wrap:wrap}.source-buttons .button{padding:12px 14px;gap:12px;font-size:10px}.footer{grid-template-columns:1fr auto;gap:19px;padding-top:32px;padding-bottom:24px}.footer>p{grid-column:1;grid-row:2;text-align:left;font-size:9px}.back-to-top{font-size:9px;gap:12px}.footer-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:7px;padding-top:18px;margin-top:2px}.footer-bottom>span:nth-child(2){margin:0;grid-column:1;grid-row:2}.footer-bottom>a{grid-column:2;grid-row:1}.project-dialog,.poster-dialog{max-width:calc(100vw - 22px);max-height:calc(100dvh - 30px);border-radius:5px}.dialog-close{right:13px;top:13px;width:30px;height:30px;font-size:23px}.dialog-header{padding:28px 23px 22px}.dialog-header h2{font-size:30px;letter-spacing:-1px}.dialog-header p{font-size:12px}.dialog-header .eyebrow{padding-right:30px;font-size:7px}.dialog-architecture{padding:18px 16px}.dialog-architecture .architecture-caption{font-size:6px;line-height:1.7}.dialog-bottom{padding:21px 23px 25px;flex-direction:column;align-items:flex-start;gap:18px}.dialog-note{font-size:10px}.poster-toolbar{align-items:flex-start;padding:24px 19px 17px;gap:12px}.poster-toolbar h2{font-size:16px;max-width:230px}.poster-toolbar .eyebrow{font-size:6px}.poster-toolbar>div:last-child{gap:11px}.poster-toolbar .button{display:none}.poster-toolbar .dialog-close{width:30px;height:30px}.poster-note{padding:0 19px 19px;font-size:9px}}
@media(max-width:370px){.hero{padding-left:19px;padding-right:19px;min-height:770px}.hero h1{font-size:44px;letter-spacing:-2.8px}.hero-buttons{gap:13px}.button{padding:12px 13px;gap:10px}.hero-eyebrow{font-size:7px}.hero-description{font-size:13px}.hero-chinese{font-size:9px}.hero-art{right:-130px;bottom:-20px}.button-text>span:last-child{font-size:9px!important}.button-text .play-icon{display:none}.section-shell{padding-left:19px;padding-right:19px}.vision h2{font-size:29px}.section-heading h2{font-size:38px}.source-inner h2{font-size:53px}.source-buttons .button{font-size:9px}.explorer-tab{font-size:7px}.header-actions{gap:14px}.site-header{padding-left:19px;padding-right:19px}.language-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}
/* Source diagrams are viewport-cropped directly from the unmodified artwork. */
html[lang=zh-CN] .section-heading h2{font-size:clamp(34px,3.6vw,51px);line-height:1.3;letter-spacing:-1.6px}html[lang=zh-CN] .vision h2{font-size:clamp(28px,2.7vw,38px);line-height:1.5;letter-spacing:-1px}html[lang=zh-CN] .source-inner h2{font-size:clamp(49px,5.7vw,76px);line-height:1.25;letter-spacing:-3px}html[lang=zh-CN] .hero-description{max-width:368px;font-size:16px;line-height:1.9}html[lang=zh-CN] .hero-eyebrow{letter-spacing:.25em}html[lang=zh-CN] .capability-copy h3{font-size:26px;line-height:1.45;letter-spacing:-.7px}html[lang=zh-CN] .project-tagline{line-height:1.9}html[lang=zh-CN] .vision-description p{line-height:2}html[lang=zh-CN] .section-heading>p{line-height:2.1}@media(max-width:680px){html[lang=zh-CN] .hero-description{font-size:14px;max-width:305px}html[lang=zh-CN] .section-heading h2{font-size:34px;letter-spacing:-1px}html[lang=zh-CN] .vision h2{font-size:28px}html[lang=zh-CN] .source-inner h2{font-size:51px;letter-spacing:-2px}html[lang=zh-CN] .capability-copy h3{font-size:26px}.architecture-button{aspect-ratio:1.84}}

.hero{isolation:isolate}.motion-toggle:disabled{opacity:.65}

/* The supplied logo is displayed unchanged; viewports only trim its white canvas. */
.brand{display:inline-flex;align-items:center;flex:none;width:246px;padding:8px 12px;background:#fff;border:1px solid #dce9f5;border-radius:12px;box-shadow:0 4px 20px #00000014;line-height:1}
.brand-logo-viewport{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1690/360}
.brand-logo{position:absolute;width:121.183432%;max-width:none;height:auto;left:-11.834320%;top:-44.444444%}
.core-logo-viewport{position:relative;display:block;overflow:hidden;width:66px;aspect-ratio:560/400;border-radius:8px;background:#fff;transform:rotate(-45deg)}
.core-logo-viewport img{position:absolute;width:365.714286%;max-width:none;height:auto;left:-33.928571%;top:-35%}
.footer .brand{width:222px;justify-self:start;padding:7px 11px}
@media(max-width:1150px){.site-header .brand{width:226px}}
@media(max-width:900px){.site-header .brand{width:214px;padding:7px 10px}.core-logo-viewport{width:54px;border-radius:7px}.footer .brand{width:206px}}
@media(max-width:680px){.site-header .brand{width:206px;padding:6px 9px;border-radius:10px}.footer .brand{width:206px;padding:6px 9px;border-radius:10px}.core-logo-viewport{width:52px}}
@media(max-width:370px){.site-header{gap:10px}.site-header .brand{width:194px;padding:6px 8px}.footer .brand{width:194px}}

/* Full-resolution architecture viewer: the image itself grows inside its scroll area. */
.project-dialog{width:1440px;height:min(980px,calc(100dvh - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow:hidden}
.project-dialog[open]{display:flex;flex-direction:column}
#project-dialog-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:auto}
.project-dialog .dialog-close{right:20px;top:19px;width:40px;height:40px}
.project-dialog .dialog-header{padding:22px 76px 18px 28px;flex:none}
.project-dialog .dialog-header h2{font-size:30px;margin:7px 0 7px}
.project-dialog .dialog-header p{font-size:13px;max-width:1100px}
.project-dialog .dialog-architecture{padding:16px 22px 12px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:270px;min-width:0;background:#081426}
.architecture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none}
.architecture-zoom-controls{display:flex;align-items:center;gap:5px;max-width:100%;flex-wrap:wrap}
.architecture-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;border:1px solid #385575;border-radius:4px;color:#eaf5ff;background:#102741;font-size:20px;line-height:1.2}
.architecture-zoom-controls button:hover:enabled{background:#21496f;border-color:#679cd1}
.architecture-zoom-controls button:disabled{opacity:.4}
.architecture-zoom-controls .architecture-fit,.architecture-zoom-controls .architecture-actual{font-size:11px;padding:9px 12px}
#architecture-zoom-level{min-width:55px;text-align:center;font:11px var(--mono);color:#c9e4ff}
.architecture-file-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:11px;color:#acd8ff}
.architecture-file-links a{padding:10px 0;text-underline-offset:4px}
.architecture-file-links a:hover{text-decoration:underline;color:#fff}
.architecture-viewer{position:relative;flex:1;min-width:0;min-height:160px;width:100%;overflow:auto;overscroll-behavior:contain;background:#fff;color:#111;border:1px solid #c8d9e9;border-radius:4px;scrollbar-color:#607d9b #e8eef3;touch-action:pan-x pan-y pinch-zoom}
.architecture-viewer:focus-visible{outline:3px solid #54c8ff;outline-offset:2px}
.architecture-stage{display:grid;place-items:center;box-sizing:border-box;width:max-content;min-width:100%;min-height:100%;padding:24px}
.architecture-stage .architecture-image{display:block;max-width:none;flex:none;object-fit:contain;user-select:none;background:transparent}
.project-dialog .architecture-caption{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;flex:none;margin:0;text-align:left;color:#91abc6;font:10px/1.6 var(--font);letter-spacing:0}
.architecture-caption p{margin:0}
.architecture-caption a{color:#b6d8f8;text-decoration:underline;text-underline-offset:3px}
.project-dialog .dialog-bottom{padding:14px 28px 18px;gap:20px;flex:none}
.project-dialog .dialog-note{font-size:11px;max-width:900px}
.project-dialog .dialog-bottom .button{min-height:42px;padding:10px 15px;font-size:11px}
.architecture-unavailable{padding:20px;color:#334e6a;font-size:12px}
@media(max-width:680px){
 .project-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);margin:auto;border-radius:6px}
 .project-dialog .dialog-close{top:13px;right:12px;width:40px;height:40px}
 .project-dialog .dialog-header{padding:18px 59px 14px 17px}
 .project-dialog .dialog-header h2{font-size:25px;margin:5px 0}
 .project-dialog .dialog-header p{font-size:11px;line-height:1.65}
 .project-dialog .dialog-header .eyebrow{padding-right:0;font-size:7px}
 .project-dialog .dialog-architecture{padding:10px 10px 9px;gap:9px;min-height:300px}
 .architecture-toolbar{gap:5px}
 .architecture-zoom-controls{gap:4px}
 .architecture-zoom-controls button{min-width:42px;min-height:42px}
 .architecture-zoom-controls .architecture-fit,.architecture-zoom-controls .architecture-actual{padding:9px;font-size:10px}
 #architecture-zoom-level{min-width:46px;font-size:10px}
 .architecture-file-links{gap:18px;font-size:10px;min-height:30px}
 .architecture-file-links a{padding:5px 0}
 .project-dialog .architecture-caption{font-size:9px;gap:3px}
 .project-dialog .dialog-bottom{padding:12px 17px 15px;gap:10px;align-items:stretch;flex-direction:row}
 .project-dialog .dialog-note{font-size:9px;line-height:1.65}
 .project-dialog .dialog-bottom .button{font-size:10px;min-width:90px;align-self:flex-start;padding:10px;gap:8px}
 .architecture-button{padding:12px}
}
@media(max-width:380px){.architecture-zoom-controls .architecture-actual{display:none}.project-dialog .dialog-bottom{flex-direction:column}.project-dialog .dialog-note{display:none}}
.architecture-button:focus-visible{outline:3px solid #55baff;outline-offset:-3px}

/* Readability pass: retain the original visual hierarchy with comfortable supporting type. */
.main-nav a{font-size:16px}
.main-nav{gap:28px}
.language-button{font-size:14px;min-height:44px}
.header-cta{font-size:15px;min-height:44px}
.eyebrow,.hero-eyebrow,.section-kicker,.source-inner .eyebrow{font-size:14px;line-height:1.6;letter-spacing:.1em}
.hero-description{font-size:22px;max-width:550px;line-height:1.7}
html[lang=zh-CN] .hero-description{font-size:20px;max-width:550px;line-height:1.85}
.hero-chinese{font-size:17px;line-height:1.75;letter-spacing:.04em;color:#9bb0ca}
.button,.button-text,.button-text>span:last-child{font-size:16px!important}
.button{min-height:50px}
.art-coordinate{font-size:12px;right:40px;max-width:260px}
.hero-bottom{font-size:14px;gap:24px}
.scroll-link,.hero-bottom-note,.motion-toggle{font-size:14px;line-height:1.5;letter-spacing:.04em}
.hero-bottom-note{margin-right:20px}
.motion-toggle{min-height:44px}
.capability-strip{font-size:17px}
.vision-description p,.vision-description .muted,.section-heading>p,.project-tagline,.capability-copy>p,.source-inner>p{font-size:17px;line-height:1.85}
.vision-description p,.vision-description .muted{max-width:460px}
.inline-link{font-size:16px}
.vision-rule{font-size:13px;letter-spacing:.07em}
.filter-bar{flex-wrap:wrap;gap:8px}
.filter-button{font-size:15px;min-height:44px;padding:9px 14px}
.filter-button small,.filter-count{font-size:13px}
.project-card-head{gap:10px;flex-wrap:wrap}
.project-number,.project-category{font-size:13px;line-height:1.5;letter-spacing:.03em}
.project-category{padding:4px 7px}
.project-tagline{font-size:16px;min-height:90px;max-width:100%}
.architecture-overlay{font-size:13px;padding:7px 10px}
.details-button,.github-link{font-size:15px;line-height:1.5;min-height:36px}
.github-link{flex:none}
.github-link svg{width:16px;height:16px}
.project-footnote{font-size:14px;color:#8198b3}
.explorer-tab{font-size:16px;min-height:58px}
.map-node{font-size:13px;line-height:1.45;white-space:normal;text-align:center;max-width:132px}
.map-core>span{font-size:12px}
.diagram-coordinate,.diagram-label{font-size:12px;letter-spacing:.04em}
.capability-copy .eyebrow{font-size:13px}
.capability-copy>p{font-size:16px}
.capability-tags span{font-size:13px}
.capability-copy .concept-note{font-size:14px;color:#829bb7}
.footer>p,.back-to-top,.footer-bottom{font-size:14px;line-height:1.7}
.footer-bottom{color:#8398b4;gap:20px;flex-wrap:wrap}
.footer-bottom>span:nth-child(2){margin-right:auto;margin-left:0}
.dialog-header .eyebrow,.poster-toolbar .eyebrow{font-size:13px}
.dialog-header p,.project-dialog .dialog-header p{font-size:16px;line-height:1.75}
.dialog-note,.project-dialog .dialog-note,.poster-note{font-size:14px}
.poster-toolbar .button,.project-dialog .dialog-bottom .button{font-size:15px!important;min-height:44px}
.architecture-zoom-controls .architecture-fit,.architecture-zoom-controls .architecture-actual,#architecture-zoom-level,.architecture-file-links{font-size:14px}
.architecture-zoom-controls button{min-height:44px;min-width:44px}
.project-dialog .architecture-caption{font-size:14px;line-height:1.7}
.architecture-unavailable{font-size:16px}
@media(max-width:1150px){
 .main-nav{gap:22px}.header-actions{gap:18px}
 .project-card-head{padding-left:18px;padding-right:18px}
 .project-card-footer{gap:8px;padding-left:18px;padding-right:18px}
 .project-number,.project-category{font-size:12px}
 .project-tagline{min-height:118px}
 .constellation{min-height:440px}
 .capability-copy{padding:30px 26px}
}
@media(min-width:681px) and (max-width:980px){
 .site-header{height:88px;gap:20px}
 .header-cta{display:none}
 .main-nav{gap:20px;padding-left:0}
 .main-nav a{font-size:15px;white-space:nowrap}
 .header-actions{gap:0}
 .site-header .brand{width:200px}
 .hero-bottom-note{max-width:240px;margin-right:0}
 .explorer-body{grid-template-columns:1fr}
 .constellation{min-height:390px;max-height:470px;border-right:0;border-bottom:1px solid #24374f}
 .capability-copy{padding:30px 36px}
 .capability-copy>p,.capability-copy .concept-note{max-width:100%}
 .footer{grid-template-columns:1fr auto}
 .footer>p{grid-column:1;grid-row:2;text-align:left}
 .project-tagline{min-height:90px}
}
@media(max-width:680px){
 .site-header{height:82px;padding:18px 20px;gap:12px}
 .site-header .brand{width:clamp(140px,44vw,206px)}
 .header-actions{gap:12px}
 .language-button{font-size:14px;white-space:nowrap}
 .menu-toggle{width:40px;height:40px;padding:11px 8px;flex:none}
 .main-nav{top:81px}
 .main-nav a{font-size:17px}
 .hero{padding-top:52px;min-height:900px;padding-bottom:110px}
 .hero-eyebrow{font-size:14px;letter-spacing:.08em;max-width:100%}
 .hero-description,html[lang=zh-CN] .hero-description{font-size:19px;max-width:100%;line-height:1.8}
 .hero-chinese{font-size:16px;line-height:1.8}
 .hero-buttons{flex-wrap:wrap;gap:12px 20px}
 .button{font-size:15px!important;padding:13px 16px;gap:16px;min-height:48px}
 .button-text,.button-text>span:last-child{font-size:15px!important}
 .button-text{padding-left:0;padding-right:0}
 .hero-bottom{gap:12px;align-items:center}
 .scroll-link,.motion-toggle{font-size:13px;letter-spacing:0}
 .hero-bottom-note{display:none}
 .capability-strip{font-size:16px}
 .section-kicker{font-size:13px;letter-spacing:.05em}
 .vision-description p,.vision-description .muted,.section-heading>p,.source-inner>p{font-size:16px}
 .vision-rule{font-size:11px;letter-spacing:0;gap:8px}
 .filter-bar{flex-wrap:wrap;overflow:visible;gap:7px}
 .filter-button{font-size:14px;padding:9px 12px}
 .filter-count{display:block;width:100%;margin-left:0;margin-top:4px;font-size:13px}
 .project-number,.project-category{font-size:13px}
 .project-tagline{font-size:16px;min-height:0}
 .project-card-head{padding-left:22px;padding-right:22px}
 .project-card-footer{padding:14px 22px;gap:12px}
 .details-button,.github-link{font-size:15px}
 .project-footnote{font-size:14px}
 .explorer-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .explorer-tab{font-size:15px;flex-direction:row;gap:8px;min-height:56px;padding:13px 8px}
 .explorer-tab:nth-child(2){border-right:0}.explorer-tab:nth-child(-n+2){border-bottom:1px solid #24374f}
 .constellation{min-height:340px;aspect-ratio:auto}
 .map-node{font-size:12px;max-width:110px}
 .node-agent{left:18%}.node-router{left:82%}.node-omni,.node-rlt{left:25%}.node-afd,.node-mlx{left:75%}
 .map-core>span{font-size:11px}
 .diagram-coordinate,.diagram-label{font-size:11px}
 .capability-copy .eyebrow,.capability-tags span{font-size:13px}
 .capability-copy>p{font-size:16px}
 .capability-copy .concept-note{font-size:14px}
 .source-inner .eyebrow{font-size:13px}
 .source-buttons .button{font-size:15px!important}
 .footer>p,.back-to-top{font-size:14px;white-space:normal}
 .footer-bottom{font-size:13px;grid-template-columns:1fr;gap:10px}
 .footer-bottom>span:nth-child(2),.footer-bottom>a{grid-column:1;grid-row:auto;margin:0}
 .project-dialog .dialog-header p{font-size:15px}
 .project-dialog .dialog-header .eyebrow,.dialog-header .eyebrow,.poster-toolbar .eyebrow{font-size:12px}
 .architecture-zoom-controls .architecture-fit,.architecture-zoom-controls .architecture-actual,#architecture-zoom-level,.architecture-file-links{font-size:13px}
 .architecture-zoom-controls .architecture-fit,.architecture-zoom-controls .architecture-actual{padding:9px 10px}
 .project-dialog .architecture-caption{font-size:13px;gap:6px}
 .project-dialog .dialog-note{font-size:13px;display:block}
 .project-dialog .dialog-bottom{flex-direction:column;align-items:flex-start;gap:12px}
 .project-dialog .dialog-bottom .button{font-size:14px!important}
 .poster-note{font-size:14px}
 .poster-toolbar h2{font-size:20px}
}
@media(max-width:370px){
 .site-header{padding-left:18px;padding-right:18px;gap:8px}
 .header-actions{gap:8px}.hero{min-height:940px}
 .hero-eyebrow{font-size:13px}.hero-description,html[lang=zh-CN] .hero-description{font-size:18px}
 .hero-chinese{font-size:16px}.hero-buttons{gap:12px}
 .project-card-head,.project-card-footer{padding-left:17px;padding-right:17px}
 .project-number,.project-category{font-size:12px}
 .map-node{font-size:11px;max-width:98px}
 .footer{grid-template-columns:1fr}.back-to-top{justify-self:start;grid-row:3}
}
/* Keep phone-size diagrams and separated supporting sentences readable. */
@media(max-width:680px){
 .vision-rule,.map-core>span,.diagram-coordinate,.diagram-label{font-size:12px}
 .section-heading>p br{display:block}
}
@media(max-width:370px){.map-node{font-size:12px}}

/* Repo-organized video showcase: media loads only after an explicit play action. */
.showcase{padding-top:108px;padding-bottom:96px;scroll-margin-top:24px}
.showcase-repo-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:32px 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.showcase-repo-label{font:13px var(--mono);letter-spacing:1.4px;color:var(--cyan)}
.showcase-repo-head h3{font:700 28px var(--display);margin:9px 0 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.showcase-count{font:13px var(--mono);color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:6px}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.video-card{min-width:0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#101e35,#091325);overflow:hidden;transition:border-color .2s,transform .2s}
.video-card:hover{border-color:#3a668d;transform:translateY(-3px)}
.video-stage{position:relative;aspect-ratio:16/10;background:#020610;display:flex;align-items:center;justify-content:center}
.video-preview{border:0;padding:0;background:transparent;width:100%;height:100%;position:absolute;inset:0;display:block;text-align:left}
.video-preview img{height:100%;width:100%;object-fit:contain;display:block;opacity:.85;transition:opacity .2s}
.video-preview:hover img{opacity:1}.video-preview:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid #a0d8ff88;border-radius:50%;background:#091e3adb;color:white;font-size:24px;box-shadow:0 0 30px #3faaff33}
.video-duration{position:absolute;bottom:12px;right:12px;padding:3px 9px;background:#020610db;border-radius:5px;color:#fff;font:13px var(--mono)}
.video-stage video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;position:absolute;inset:0;background:#020610}
.video-info{padding:20px}.video-info h4{font:650 20px/1.4 var(--display);margin:0 0 8px}.video-info p{font-size:16px;color:var(--muted);margin:0 0 14px}.video-source{font-size:14px;color:#acd8ff;text-decoration:underline;text-underline-offset:4px}.video-error{font-size:14px!important;color:#ffd5b2!important;margin-top:12px!important}.showcase-note{font-size:15px;line-height:1.8;color:var(--muted);margin-top:26px;max-width:900px}
@media(max-width:1100px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:18px}}
@media(max-width:680px){.showcase{padding-top:68px;padding-bottom:64px}.showcase-grid{grid-template-columns:1fr;gap:22px}.showcase-repo-head{align-items:flex-start;flex-direction:column;gap:15px}.video-info h4{font-size:21px}.video-stage{aspect-ratio:16/10}.showcase-repo-head h3{font-size:26px}.showcase .section-heading p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.video-card,.video-preview img{transition:none}.video-card:hover{transform:none}}
/* InferRSI and model-specific examples. Existing poster and demo assets are retained. */
.rsi{padding-top:100px;padding-bottom:100px;border-top:1px solid #213247;scroll-margin-top:110px}.rsi-workflow{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:28px 32px;border:1px solid #28415b;background:linear-gradient(110deg,#101f36,#0b1427);border-radius:14px;color:#9fdde8;font-size:18px}.rsi-workflow span[aria-hidden]{color:#51758c}.rsi-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.rsi-scope{max-width:860px;font-size:16px;line-height:1.8;color:#a7bacb;margin:22px 0 44px}.rsi-examples-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.rsi-examples-heading h3{font-size:25px;letter-spacing:-.02em}.rsi-examples-heading>span{font-size:12px;letter-spacing:.12em;color:#7e9bb6}.rsi-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.rsi-example{display:flex;flex-direction:column;border:1px solid #29415a;border-radius:18px;padding:30px;background:linear-gradient(135deg,#122238,#0b1424);min-width:0}.rsi-example-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:#9db7cf;font-size:12px;line-height:1.6}.rsi-status{border:1px solid #2c5d58;color:#94dfcb;padding:5px 9px;border-radius:20px;font-size:12px}.rsi-status-caution{color:#e3c38b;border-color:#5f5138}.rsi-example h3{font-size:29px;margin:26px 0 14px}.rsi-example p{font-size:17px;line-height:1.8;color:#c2d0de;margin:0 0 18px}.rsi-example .rsi-limit{font-size:15px;color:#9eb0c2}.rsi-example .inline-link{margin-top:auto;padding-top:14px;line-height:1.7}.recipe-portal{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 36px;margin-top:28px;border:1px solid #39636f;border-radius:18px;background:linear-gradient(100deg,#102d39,#112137);text-decoration:none;transition:border-color .2s,background .2s}.recipe-portal:hover{border-color:#67d5dc;background:#153246}.recipe-label{color:#86dce4;font-size:13px;letter-spacing:.14em}.recipe-portal h3{color:#f2f7ff;font-size:25px;margin:14px 0 10px;line-height:1.5}.recipe-portal p{font-size:17px;color:#b6c8d9;line-height:1.7;margin:0}.recipe-arrow{font-size:38px;color:#7fe0e5}.main-nav{gap:18px}
@media(min-width:681px) and (max-width:1150px){.main-nav{gap:14px}.main-nav a{font-size:15px}.header-cta{display:none}}
@media(max-width:680px){.rsi{padding-top:65px;padding-bottom:65px}.rsi-workflow{padding:22px;gap:15px;flex-direction:column;align-items:flex-start}.rsi-workflow span[aria-hidden]{display:none}.rsi-examples{grid-template-columns:1fr}.rsi-example{padding:24px}.rsi-example h3{font-size:26px}.recipe-portal{padding:26px 24px;gap:12px}.recipe-portal h3{font-size:23px}.recipe-arrow{font-size:30px}.rsi-actions{gap:20px}}
@media(min-width:681px) and (max-width:1280px){.site-header{height:88px}.header-actions{gap:20px}.header-cta{display:none}.menu-toggle{display:flex!important;width:40px;height:40px;padding:10px 8px;border:0;background:none;flex-direction:column;justify-content:space-around}.menu-toggle>span{height:1px;background:#b7cbe3;width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-5px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:87px;background:#08162df5;backdrop-filter:blur(20px);padding:22px 32px;border-bottom:1px solid #31445c;box-shadow:0 18px 30px #0004;align-items:stretch;gap:0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav a{font-size:17px;padding:13px 0;border-bottom:1px solid #1e3048;white-space:normal}.main-nav a:last-child{border-bottom:0}.mobile-cta{display:block!important;color:#77c7ff!important}}

/* Pinned workload-specific engine comparisons */
.engine-benchmark{margin:24px 0;padding:22px 0;border-top:1px solid #29445f;border-bottom:1px solid #29445f}.benchmark-label{font-size:14px;letter-spacing:.02em;color:#9bbbdc;margin-bottom:18px}.benchmark-grid{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:20px 12px;align-items:center}.benchmark-grid strong{display:block;font-family:var(--display);font-size:clamp(25px,2.6vw,37px);line-height:1.15;color:#6bdbf2;letter-spacing:-1px}.benchmark-grid span{display:block;font-size:13px;color:#a9bdd5;margin-top:7px}.benchmark-cohort{font:700 23px var(--mono);color:#f4f7fe}.benchmark-cohort span{font:13px var(--font)}.rsi-example .benchmark-note{font-size:13px;line-height:1.7;color:#a6b8d0;margin:20px 0 12px}.benchmark-source{font-size:14px;color:#80c6ff;text-decoration:underline;text-underline-offset:4px}@media(max-width:400px){.engine-benchmark{padding:18px 0}.benchmark-grid{gap:18px 8px;grid-template-columns:.56fr 1fr 1fr}.benchmark-grid strong{font-size:27px}.benchmark-grid span{font-size:12px}}

/* Five exploration directions, including autonomous inference optimization. */
.explorer-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.explorer-tab{min-width:0;white-space:normal;line-height:1.5}
.node-rsi{top:3%;left:50%;transform:translateX(-50%)}
.constellation[data-mode=optimization] [data-connect=optimization]{opacity:.9}
.constellation[data-mode=optimization] [data-node=optimization]{color:#acdfff}
.constellation[data-mode=optimization] [data-node=optimization] .node-symbol{color:#6acbf8;border-color:#3a88b8;box-shadow:0 0 24px #158fda22;background:#10304a}
@media(max-width:680px){.explorer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-tab:last-child{grid-column:1/-1}.node-rsi{top:2%}.capability-strip{overflow-x:auto}}

/* Four dedicated-engine examples retain balanced two-column cards on desktop. */

/* Curated links for learning and project talks. */
.video-resources{padding-top:96px;padding-bottom:100px;border-top:1px solid var(--line);scroll-margin-top:24px}
.video-resources .section-heading{align-items:flex-start}
.video-resources .section-heading h2{max-width:650px;font-size:clamp(34px,4vw,52px);line-height:1.3;letter-spacing:-.04em;text-wrap:balance}
.video-resources .section-heading>p{max-width:340px;margin-top:5px}
.resource-library{border:1px solid #29415b;border-radius:14px;background:linear-gradient(135deg,#0f1d32,#091426);overflow:hidden}
.resource-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;border-bottom:1px solid var(--line)}
.resource-library-heading>span{font:12px/1.6 var(--mono);letter-spacing:.09em;color:#7db8d7}
.resource-library-heading p{font-size:14px;line-height:1.6;color:#a6bbd1;margin:0;text-align:right}
.resource-project-filters{display:flex;flex-wrap:wrap;gap:8px;padding:24px 28px 0}
.resource-project-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid #2a3c55;border-radius:6px;background:transparent;color:#a3b7cf;font-size:14px;line-height:1.4;transition:background .2s,border-color .2s,color .2s}
.resource-project-button small{font:12px var(--mono);color:#6e91b6}
.resource-project-button:hover{color:#e2f3ff;border-color:#4b7398;background:#142b44}
.resource-project-button.active{color:#bdeff5;border-color:#388596;background:#123541}
.resource-project-button.active small{color:#81cbd5}
.resource-tools{display:flex;gap:20px;align-items:flex-end;padding:23px 28px 28px;border-bottom:1px solid var(--line)}
.resource-search-field{flex:1;min-width:0}.resource-type-field{width:240px;flex:none}
.resource-tools label{display:block;color:#a7bbd1;font-size:13px;margin-bottom:8px}
.resource-tools input,.resource-tools select{display:block;width:100%;min-height:48px;font:15px/1.5 var(--font);padding:11px 14px;color:#e4effb;border:1px solid #314966;border-radius:6px;background:#081426}
.resource-tools input::placeholder{color:#8296b0;opacity:1}
.resource-tools input:focus-visible,.resource-tools select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.resource-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px}
.resource-results:empty{display:none}
.resource-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px 28px}
.resource-pagination[hidden]{display:none}
.resource-pagination span{font-size:14px;line-height:1.6;text-align:center;color:#a6bbd1}
.resource-pagination button{min-height:44px;padding:9px 16px;border:1px solid #41688d;border-radius:5px;background:#142e48;color:#bce5ff;font-size:14px;flex:none}
.resource-pagination button:hover:enabled{background:#1b405f}
.resource-pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:680px){.resource-pagination{padding:0 18px 20px;flex-wrap:wrap;gap:12px}.resource-pagination span{order:-1;width:100%}.resource-pagination button{flex:1}}
.resource-card{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #2c4561;border-radius:10px;background:#101f34}
.resource-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;line-height:1.6}
.resource-project{color:#8fd8e7}.resource-kind{padding:3px 8px;border:1px solid #38516c;border-radius:4px;color:#b6c9df}
.resource-card h3{font:650 22px/1.5 var(--display);margin:18px 0 10px;overflow-wrap:anywhere;letter-spacing:-.02em}
.resource-description{font-size:15px;line-height:1.8;color:#a8bcd3;margin:0 0 20px;overflow-wrap:anywhere}
.resource-meta{display:flex;gap:7px 16px;flex-wrap:wrap;font-size:13px;line-height:1.7;color:#8da6c2;margin:0 0 20px;overflow-wrap:anywhere}
.resource-link{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;margin-top:auto;min-height:44px;color:#96d6ff;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.resource-link:hover{color:#d1f4ff}
.resource-empty{display:flex;align-items:center;justify-content:center;gap:30px;padding:60px 32px;min-height:255px}
.resource-empty-art{display:grid;place-items:center;flex:none;width:100px;height:100px;border:1px solid #2d4b65;border-radius:24px;background:radial-gradient(ellipse at top left,#164456,#0c1b2d 75%);color:#64c5dc}
.resource-empty-art svg{width:64px;height:64px}
.resource-empty-copy{max-width:550px}.resource-empty-copy h3{font-size:23px;line-height:1.5;font-weight:500;margin:0 0 12px;letter-spacing:-.02em}
.resource-empty-copy p{font-size:16px;line-height:1.8;color:#95aac4;margin:0;overflow-wrap:anywhere}
.resource-empty-actions{display:flex;gap:18px;flex-wrap:wrap}.resource-empty-actions:has(button:not([hidden])){margin-top:18px}
.resource-reset{min-height:44px;padding:8px 14px;background:#142e48;border:1px solid #41688d;border-radius:5px;color:#bce5ff;font-size:14px}
.resource-tools>.resource-reset{min-height:48px;flex:none}
.resource-reset:hover{background:#1b405f}.resource-reset[hidden],.resource-empty[hidden]{display:none}
.resource-note{color:#8fa6c1;font-size:14px;line-height:1.8;margin:22px 0 0}.resource-note a{color:#9ad8ff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.video-resources .section-heading{flex-direction:column;gap:22px}.video-resources .section-heading>p{max-width:620px}.resource-results{grid-template-columns:1fr}}
@media(max-width:680px){.video-resources{padding-top:64px;padding-bottom:64px}.video-resources .section-heading h2{font-size:35px;max-width:430px;line-height:1.35}.resource-library-heading{padding:19px 20px;flex-wrap:wrap;gap:8px}.resource-library-heading>span{font-size:11px}.resource-library-heading p{font-size:13px}.resource-project-filters{padding:20px 18px 0;gap:8px}.resource-project-button{font-size:13px;padding:9px 11px}.resource-tools{padding:20px 18px;flex-direction:column;align-items:stretch;gap:16px}.resource-type-field{width:100%}.resource-empty{padding:36px 22px;gap:22px;flex-direction:column;text-align:center}.resource-empty-art{width:78px;height:78px;border-radius:20px}.resource-empty-art svg{width:52px;height:52px}.resource-empty-copy h3{font-size:21px}.resource-empty-copy p{font-size:15px}.resource-empty-actions{justify-content:center}.resource-results{padding:18px;gap:16px}.resource-card{padding:22px}.resource-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.resource-project-button{transition:none}}