:root{--bg:#0b0c12;--surface:#11131c;--card:#151721;--line:#252835;--text:#eeeff6;--muted:#9a9daf;--accent:#9ca5ff;--mint:#77ddbb;--gradient-mid:#97b5e4;--soft:rgba(156,165,255,.09);--key:#212532;--key-edge:#40465e;--key-side:#11151e;--board:#111622;--shadow:rgba(0,0,0,.45);--max:1200px;--font:"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}[data-theme=light]{--bg:#f7f8fc;--surface:#eef0f8;--card:#fff;--line:#d7dbea;--text:#1d2439;--muted:#5b637d;--accent:#505bc2;--mint:#087e66;--gradient-mid:#476f9d;--soft:rgba(80,91,194,.07);--key:#e9ecf7;--key-edge:#9ca5c0;--key-side:#c4cbdc;--board:#dce1ef;--shadow:rgba(55,63,95,.16)}*,*:before,*:after{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:16px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}svg{display:block;flex-shrink:0}button svg,a svg{pointer-events:none}h1,h2,h3,p{margin:0}.wrap{width:min(var(--max),calc(100% - 80px));margin:0 auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:120;padding:10px 20px;border-radius:8px;background:var(--text);color:var(--bg)}.skip-link:focus{top:12px}.topbar{height:78px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(20px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.9px;line-height:1}.brand-icon{width:33px;height:33px;color:var(--accent)}.nav-right,.nav-links,.tools{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;font-weight:500;color:var(--muted);transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--accent)}.tools{gap:6px;border-left:1px solid var(--line);padding-left:20px}.icon-button{height:44px;min-width:44px;padding:10px;border:0;border-radius:7px;color:var(--muted);background:transparent;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.icon-button:hover{background:var(--soft);color:var(--text)}[data-theme=dark] .moon,[data-theme=light] .sun{display:none}.hero{padding:94px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:10px;min-height:475px}.hero-copy{position:relative;z-index:2;padding-bottom:38px}.badge{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;color:var(--accent);font-size:11px;line-height:1.7;font-weight:600;letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);border-radius:30px;background:var(--soft);margin-bottom:24px}.status-dot{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--mint) 35%,transparent)}h1{font-size:clamp(42px,4.6vw,63px);font-weight:750;line-height:1.1;letter-spacing:-2.6px;margin-bottom:24px}h1 .line{display:block}.gradient{color:var(--accent);background:linear-gradient(105deg,var(--accent) 4%,var(--gradient-mid) 58%,var(--mint) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:490px;margin-bottom:28px;text-wrap:pretty}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:650;line-height:1.5;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button-primary{background:var(--accent);color:#0c1024;border-color:var(--accent)}[data-theme=light] .button-primary{color:#fff}.button-secondary{background:var(--surface);color:var(--text)}.hero-visual{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin:0 -36px 0 -18px}.hero-visual:before{content:"";position:absolute;width:90%;height:85%;left:8%;top:0;background:radial-gradient(ellipse at 55% 45%,rgba(105,118,247,.12),transparent 68%);pointer-events:none}.keyboard-svg{width:100%;height:auto;position:relative;overflow:visible}.diagram-grid{stroke:var(--line);opacity:.44}.keyboard-shadow{fill:var(--shadow);filter:blur(10px)}.board-face{fill:var(--board);stroke:var(--key-edge);stroke-width:1.2}.board-edge{fill:var(--key-side);stroke:var(--key-edge);stroke-width:1.1}.key-top{fill:var(--key);stroke:var(--key-edge);stroke-width:.85;transition:fill .12s,stroke .12s}.key-bottom{fill:var(--key-side);stroke:var(--key-edge);stroke-width:.6}.key-letter{fill:var(--muted);font:8px var(--mono);pointer-events:none}.key-group.is-gaming .key-top{fill:color-mix(in srgb,var(--accent) 13%,var(--key));stroke:var(--accent)}.key-group.is-gaming .key-letter{fill:var(--accent)}.key-group.is-active .key-top{fill:color-mix(in srgb,var(--mint) 30%,var(--key));stroke:var(--mint)}.key-group.is-active .key-letter{fill:var(--mint)}.scene-label{font:9px var(--mono);fill:var(--muted);letter-spacing:1.4px}.scene-line{stroke:var(--accent);stroke-width:1;fill:none;opacity:.5}.scene-badge{fill:var(--surface);stroke:var(--line)}.visual-caption{margin-top:-9px;text-align:center;color:var(--muted);font:9px var(--mono);letter-spacing:1.1px;text-transform:uppercase}.visual-caption span{display:inline-block;border:1px solid var(--line);border-radius:3px;padding:1px 5px;margin-right:5px;color:var(--accent)}.identity-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 34px;margin-top:19px;border-top:1px solid var(--line)}.identity-name{color:var(--muted);font:10px var(--mono);letter-spacing:1.5px;text-transform:uppercase}.identity-name strong{font-weight:500;color:var(--text);margin-right:10px}.spec-tags{display:flex;align-items:center;gap:22px;color:var(--muted);font:10px var(--mono);letter-spacing:.3px}.spec-tags span{display:flex;align-items:center;gap:8px;white-space:nowrap}.spec-tags i{display:block;width:4px;height:4px;background:var(--accent);border-radius:1px}.features{padding:67px 0 74px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.eyebrow{font:10px var(--mono);font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;margin-bottom:12px}h2{font-size:32px;font-weight:650;line-height:1.25;letter-spacing:-1.1px;text-wrap:balance}.heading-aside{max-width:290px;color:var(--muted);font-size:12px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:28px 27px 30px;border:1px solid var(--line);background:var(--card);border-radius:10px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-3px)}.feature-icon{color:var(--accent);width:39px;height:39px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--soft);margin-bottom:21px}.feature-icon svg{width:20px;height:20px;stroke-width:1.4}h3{font-size:16px;font-weight:650;letter-spacing:-.3px;margin-bottom:10px}.feature-card p{font-size:12px;line-height:1.9;color:var(--muted);text-wrap:pretty}.capabilities{padding:0 0 78px}.capabilities .heading-aside{max-width:410px}.capability-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:28px}.capability-tabs[hidden],.capability-panel[hidden]{display:none}.capability-tabs button{min-width:0;min-height:50px;padding:11px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;line-height:1.5;text-wrap:balance;transition:background .2s,color .2s,border-color .2s}.capability-tabs button:hover{color:var(--text);background:var(--soft)}.capability-tabs button[aria-selected=true]{background:var(--card);border-color:var(--accent);color:var(--text)}.capability-panel{min-width:0;margin-bottom:32px}.capability-panel:last-child{margin-bottom:0}.capability-summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start;margin-bottom:24px}.capability-summary h3{font-size:25px;line-height:1.4;font-weight:600;letter-spacing:-.6px;max-width:380px;margin-bottom:0;text-wrap:balance}.capability-copy{min-width:0;color:var(--muted);font-size:13px;line-height:1.9}.capability-copy p{color:var(--text);margin-bottom:12px}.capability-copy ul{margin:0;padding-left:18px}.capability-copy li+li{margin-top:4px}.capability-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:18px}@media(max-width:800px){.capability-summary{grid-template-columns:1fr;gap:13px}.capability-summary h3{max-width:600px;font-size:23px}.capability-copy{max-width:650px}.capability-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.capabilities{padding-bottom:49px}.capability-tabs{padding:6px;gap:6px;margin-bottom:23px}.capability-tabs button{min-height:48px;padding:10px 8px;font-size:11px}.capability-summary{margin-bottom:20px}.capability-summary h3{font-size:22px}.capability-copy{font-size:12px}.capability-note{font-size:9px}}@media print{.capability-tabs{display:none}.capability-panel[hidden]{display:block}.capability-panel{break-inside:avoid}}.capability-drawing{margin:0;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}.capability-art-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.capability-art-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.capability-art{display:block;width:100%;min-width:800px;height:auto;font-family:var(--font)}.capability-drawing figcaption{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface);font-size:11px;line-height:1.6;color:var(--muted)}.artwork-scroll-hint{display:none}@media(max-width:850px){.artwork-scroll-hint{display:block}.capability-drawing figcaption{font-size:10px;padding:10px 13px;flex-wrap:wrap}}@media print{.capability-art{min-width:0}.artwork-scroll-hint{display:none}}.performance{padding:0 0 78px}.performance-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;border:1px solid var(--line);border-radius:12px;padding:44px 44px 30px;overflow:hidden;background:linear-gradient(115deg,var(--surface),var(--bg))}.performance h2{font-size:30px;max-width:330px}.performance-description{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px;margin-top:16px}.rate-pair{display:flex;gap:30px;margin:0 0 27px}.rate-item{flex:1}.rate-item+.rate-item{border-left:1px solid var(--line);padding-left:30px}.rate-number{font:42px var(--mono);letter-spacing:-2px;line-height:1.2;color:var(--text)}.rate-number small{font-size:17px;letter-spacing:-.7px;color:var(--accent);margin-left:3px}.rate-label{font:9px var(--mono);color:var(--muted);margin-top:7px;letter-spacing:.6px;text-transform:uppercase}.pulse-row{display:grid;grid-template-columns:35px 1fr;gap:15px;align-items:center;margin:13px 0;color:var(--muted);font:9px var(--mono)}.pulse-track{height:21px;border-bottom:1px solid var(--line);position:relative;display:flex;justify-content:space-between}.pulse-track i{display:block;width:2px;height:14px;background:var(--muted);position:relative;margin-bottom:6px}.pulse-track i:after{content:"";position:absolute;width:4px;height:4px;left:-1px;top:0;background:inherit;border-radius:50%}.pulse-row.eight{color:var(--mint)}.pulse-row.eight i{background:var(--mint)}.pulse-note{font:9px var(--mono);color:var(--muted);text-align:right;margin-top:12px}.performance-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;font-size:10px;line-height:1.8;color:var(--muted);margin-top:-10px}.project{padding:8px 0 77px}.project-header{margin-bottom:28px}.resource-list{border-top:1px solid var(--line)}.resource{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.resource-title{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.resource-title svg{color:var(--accent);width:18px;height:18px}.resource-description{color:var(--muted);font-size:11px}.resource-action{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font:9px var(--mono);padding:5px 9px;border:1px solid var(--line);border-radius:4px;min-height:30px;max-width:200px}a.resource-action{color:var(--accent);min-height:44px}.project-note{color:var(--muted);font-size:10px;margin-top:17px;line-height:1.8}.updates{padding:60px 24px 65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);text-align:center}.updates-inner{max-width:540px;margin:0 auto}.updates h2{font-size:34px}.updates p:not(.eyebrow){font-size:12px;color:var(--muted);margin:15px auto 24px;max-width:420px;line-height:1.9}.updates .button{margin:auto}.footer{padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px;padding-bottom:39px}.footer-brand .wordmark{font-size:20px}.footer-brand .brand-icon{width:29px;height:29px}.footer-tagline{font-size:11px;color:var(--muted);max-width:250px;line-height:1.85;margin-top:15px}.footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.footer-links h3{color:var(--text);font-size:11px;letter-spacing:0;margin-bottom:7px;font-weight:600}.footer-links a{display:flex;align-items:center;min-height:24px;transition:color .2s}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom span:last-child{font:9px var(--mono);letter-spacing:.4px}.reveal{animation:appear .7s both}@keyframes appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[lang=zh-CN] h1{letter-spacing:-1px;font-size:clamp(40px,4.2vw,58px);line-height:1.19}html[lang=zh-CN] h2{letter-spacing:0}html[lang=zh-CN] .hero-description{font-size:14px;line-height:2}html[lang=zh-CN] .identity-name{letter-spacing:.7px}@media(min-width:1500px){.hero{padding-top:112px}.hero-grid{min-height:500px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}h1{font-size:49px;letter-spacing:-2px}.hero{padding-top:72px}.hero-grid{grid-template-columns:1.1fr 1fr}.hero-visual{margin-right:-20px;margin-left:-15px}.performance-panel{gap:32px;padding:34px}.resource{grid-template-columns:180px 1fr auto}.spec-tags{gap:15px}}@media(max-width:800px){.nav-links{display:none;gap:20px}.nav-right{gap:20px}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:620px;padding-bottom:0}h1{font-size:58px}.hero-description{max-width:510px}.hero-visual{width:min(580px,100%);margin:0 auto}.keyboard-svg{margin-top:-15px}.visual-caption{margin-top:-25px;margin-bottom:20px}.identity-strip{margin-top:20px;align-items:flex-start;flex-direction:column;gap:16px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.heading-aside{max-width:480px}.features{padding-top:43px}.performance-panel{grid-template-columns:1fr;gap:30px}.performance-description{max-width:520px}.performance h2{max-width:500px}.performance-note{margin-top:0}.footer-grid{grid-template-columns:1.4fr 1fr;row-gap:30px}.resource{grid-template-columns:1fr auto;gap:8px 20px}.resource-description{grid-column:1;grid-row:2}.resource-action{grid-column:2;grid-row:1/3}}@media(max-width:540px){.wrap{width:calc(100% - 40px)}.topbar{height:66px}.wordmark{font-size:21px}.brand-icon{width:29px;height:29px}.nav{gap:10px}.nav-links{display:none}.nav-right{gap:0}.tools{padding-left:0;border:0;gap:0}.hero{padding-top:41px}h1{font-size:43px;letter-spacing:-1.8px;line-height:1.15;margin-bottom:20px}.badge{font-size:10px;margin-bottom:21px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:24px}.button{padding:11px 14px;font-size:11px;gap:8px}.hero-actions{gap:9px}.hero-visual{margin-top:16px}.keyboard-svg{margin-top:0}.visual-caption{font-size:8px;margin-top:-14px}.identity-strip{padding:22px 0 28px}.identity-name{font-size:8px;letter-spacing:.8px}.identity-name strong{margin-right:7px}.spec-tags{font-size:8px;gap:15px;flex-wrap:wrap}.spec-tags span{gap:6px}.features{padding:30px 0 46px}h2{font-size:27px;letter-spacing:-.8px}.heading-aside{font-size:11px}.eyebrow{font-size:9px}.feature-grid{gap:12px;grid-template-columns:1fr}.feature-card{padding:25px}.feature-icon{margin-bottom:17px}.feature-card p{font-size:12px}.performance{padding-bottom:49px}.performance-panel{padding:27px 22px 23px;gap:28px}.performance h2{font-size:27px}.rate-number{font-size:34px}.rate-number small{font-size:15px}.rate-label{font-size:8px}.rate-pair{gap:20px}.rate-item+.rate-item{padding-left:20px}.pulse-note{font-size:8px}.performance-note{font-size:9px}.project{padding-bottom:46px}.resource{gap:8px 12px;padding:20px 0}.resource-title{font-size:12px;gap:9px}.resource-description{font-size:10px;max-width:210px}.resource-action{font-size:8px;padding:5px 7px;max-width:116px;text-align:center}.project-note{font-size:9px}.updates{padding:43px 22px 46px}.updates h2{font-size:29px}.updates p:not(.eyebrow){font-size:11px}.footer{padding:35px 0 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:27px 22px;padding-bottom:28px}.footer-brand{grid-column:1/-1}.footer-tagline{max-width:320px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px;font-size:8px}html[lang=zh-CN] h1{font-size:42px}.footer-links a{min-height:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.feature-card:hover{transform:none}}@media print{.topbar{position:static}.tools,.hero-actions{display:none}.hero{padding-top:30px}.wrap{width:100%}.feature-card,.performance-panel{break-inside:avoid}body{background:#fff;color:#111}.footer{padding-bottom:0}}