@font-face{font-family:Inter;src:url('./assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--background:#111514;--surface:#191e1d;--surface-raised:#202624;--line:#303734;--text:#f0f2ee;--muted:#8b9690;--accent:#a4dbc0;--accent-dark:#23382e;--gutter:clamp(24px,5.2vw,88px);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3{margin:0}button{background:none}::selection{background:var(--accent);color:var(--background)}.muted{color:var(--muted)}.accent{color:var(--accent)!important}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.preview-bar{height:31px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:#222a25;color:#b5c8bd;font-size:10px;letter-spacing:.025em;border-bottom:1px solid #34433a}.preview-bar>span{display:flex;align-items:center;gap:8px}.preview-bar a{color:#c5d9cd}.preview-bar a span{margin-left:7px}.site-header{height:77px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-weight:600;font-size:22px;letter-spacing:-1px}.brand-domain{color:var(--muted);font-size:13px;letter-spacing:-.4px;font-weight:400}.brand-symbol{width:24px;height:29px;position:relative;display:block;transform:rotate(-8deg)}.brand-symbol:before{content:"";position:absolute;width:16px;height:17px;border:1.5px solid var(--accent);border-left:0;border-bottom:0;top:6px;left:3px;transform:skewY(-35deg)}.brand-symbol i{position:absolute;width:6px;height:6px;border:1.5px solid var(--accent);border-radius:50%;background:var(--background);left:0;top:0}.brand-symbol i:nth-child(2){left:16px;top:9px}.brand-symbol i:nth-child(3){top:24px}.site-header nav{display:flex;gap:32px;font-size:12px;color:#a5aea8}.site-header nav a:hover,.text-button:hover,.quiet-link:hover,.site-footer a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:23px}.text-button{padding:0;font-size:12px;transition:color .2s}.small-button{padding:11px 16px;border:1px solid #56635a;border-radius:4px;font-size:12px;display:flex;gap:19px;transition:background .2s}.small-button:hover{background:var(--accent-dark)}.hero{overflow:hidden;width:100%;padding-top:35px}.hero-copy{padding:0 var(--gutter)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;color:#a4aea7;letter-spacing:.12em}.eyebrow .line{width:25px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(90px,13.8vw,208px);font-weight:500;letter-spacing:-.085em;line-height:1.12;margin:6px 0 17px -8px}.brand-period{color:var(--accent)}.hero-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:31px}.hero-intro>div:first-child{display:flex;align-items:center;gap:clamp(35px,5.3vw,85px)}.hero h2{font-size:clamp(22px,2.2vw,35px);font-weight:450;letter-spacing:-.045em;line-height:1.5}.hero p{font-size:12px;line-height:1.9;color:#9da8a1}.mobile-break{display:none}.hero-actions{display:grid;grid-template-columns:auto auto;gap:10px 23px;align-items:center}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:4px;background:var(--accent);color:#18261e;font-size:12px;font-weight:600;padding:15px 21px;min-height:45px;white-space:nowrap;transition:background .2s,transform .2s}.primary-button:hover{background:#c2ebd4;transform:translateY(-2px)}.primary-button svg{width:16px;height:16px}.quiet-link{display:inline-flex;align-items:center;gap:20px;color:#c0c9c3;font-size:12px;padding:0;transition:color .2s}.release-note{font-size:10px;color:#6f7c74;display:block}.hero-actions .release-note{grid-column:1/-1}.hero-product{margin:0 var(--gutter);border:1px solid #435047;border-radius:8px 8px 0 0;overflow:hidden;background:#171c19;box-shadow:0 22px 60px #0004;transform-origin:50% 100%;animation:screen-enter .8s .14s both}.window-bar{height:36px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 15px;background:#252c27;border-bottom:1px solid #354039;font-size:10px;color:#bac4bd}.window-brand{display:flex;align-items:center;gap:10px}.tiny-node{width:10px;height:10px;border:2px solid var(--accent);border-radius:3px;transform:rotate(45deg)}.window-caption{color:#7b8b81;font-size:9px;margin-left:auto}.window-controls{font-size:11px;color:#9aa69e}.workspace{display:flex;min-height:317px}.workspace-rail{width:55px;border-right:1px solid #2c352e;display:flex;flex-direction:column;align-items:center;gap:17px;padding:17px 0;background:#1b221d;flex-shrink:0}.workspace-rail>span:not(.rail-mark){width:34px;height:34px;border-radius:5px;display:grid;place-items:center;color:#77867b}.workspace-rail svg{width:18px;height:18px}.workspace-rail .rail-current{background:#314538;color:var(--accent)!important}.rail-mark{font-size:15px;margin-bottom:15px;font-weight:600}.rail-mark span{font-size:10px;color:var(--accent)}.workspace-center{flex:1;min-width:0;padding:16px 21px 0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c9d1cb;padding-bottom:12px;gap:10px}.workspace-heading>span:first-child{display:flex;gap:9px}.small-status{font-size:9px;display:flex;align-items:center;gap:6px;color:#a9bcb0}.game-frame{position:relative;height:242px;background:#080d0b;overflow:hidden;border-radius:3px}.game-frame>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block;filter:brightness(.8)}.frame-label{position:absolute;top:12px;left:13px;background:#101713c9;padding:4px 7px;border:1px solid #718d7b55;color:#9baa9f;font-size:8px}.frame-selection{position:absolute;bottom:45px;left:14px;display:flex;align-items:center;gap:9px;background:#142219e8;padding:10px 11px;border-left:2px solid var(--accent);font-size:11px}.frame-type{color:#9bb5a5;font-size:9px;margin-left:10px}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;font-size:9px;padding:20px 15px 11px;background:linear-gradient(transparent,#040a07e0);color:#d3ded6}.play-icon{font-size:10px}.video-line{height:2px;background:#627669;flex:1;position:relative;margin:0 5px}.video-line>span{display:block;width:62%;height:2px;background:var(--accent)}.video-line i{width:3px;height:7px;position:absolute;top:-3px;background:#aac5b6;left:18%}.video-line i:nth-of-type(2){left:45%}.video-line i:nth-of-type(3){left:60%}.video-line i:nth-of-type(4){left:84%}.workspace-bottom{display:flex;justify-content:space-between;font-size:8px;color:#7f9387;padding:12px 0}.workspace-bottom>span:first-child{display:flex;align-items:center;gap:6px}.nodes-panel{width:300px;padding:20px 16px 0;border-left:1px solid #2a342d}.panel-heading{display:flex;justify-content:space-between;font-size:11px}.panel-heading .muted{font-size:9px}.panel-filters{display:flex;gap:16px;font-size:9px;color:#798b7f;margin:19px 0 9px;border-bottom:1px solid #2c362f;padding-bottom:11px}.panel-filters .active{color:#bcdbc8}.node-row{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:12px 9px;border-bottom:1px solid #29322c;transition:background .2s;border-left:2px solid transparent}.node-row:hover{background:#27382d}.node-row time{font-size:10px;color:#809d8b;font-variant-numeric:tabular-nums}.node-row strong{font-size:10px;font-weight:450;display:block}.node-row small{font-size:8px;color:#7b8e81;display:block;margin-top:5px}.node-check{font-size:10px;color:#92b29f;margin-left:auto}.node-row.selected{background:#293d30;border-left-color:var(--accent)}.node-row.selected strong,.node-row.selected time{color:#c1e7cf}.panel-footnote{font-size:8px;color:#6e8476;margin:13px 8px}.hero-bottom{display:flex;justify-content:space-between;padding:18px var(--gutter) 27px;border-bottom:1px solid var(--line);color:#829087;font-size:10px}.product-pair{display:flex;gap:20px}.product-pair span{color:#45544a}.section-wrap{padding-left:var(--gutter);padding-right:var(--gutter)}.workflow{padding-top:74px;padding-bottom:85px}.section-label{display:flex;justify-content:space-between;color:#91a298;font-size:10px;letter-spacing:.04em}.section-label>span:last-child{font-size:9px;letter-spacing:.12em;color:#65746b}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:39px}.section-intro h2,.download-heading h2{font-weight:450;font-size:clamp(30px,3.2vw,46px);line-height:1.5;letter-spacing:-.045em}.section-intro p{line-height:1.95;font-size:12px;color:#929f96;margin-right:7vw}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid #465249}.workflow-steps article{padding:22px 27px 0 0;position:relative}.workflow-steps article:not(:first-child){padding-left:25px;border-left:1px solid #303a33}.step-number{font-size:12px;color:#708579;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.step-number>span{font-size:16px;color:#51685a}.workflow-steps h3{font-size:17px;font-weight:450;margin-bottom:12px}.workflow-steps p{font-size:11px;line-height:1.9;color:#8f9e94}.step-owner{font-size:9px;color:#63796c;display:block;margin-top:25px}.extension-section{background:#1a211c;border-top:1px solid #333f36;border-bottom:1px solid #333f36;overflow:hidden;padding:48px 0 60px}.extension-layout{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:45px;margin-top:48px}.small-kicker{font-size:9px;letter-spacing:.12em;color:#869a8c;display:block}.extension-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.45;letter-spacing:-.03em;font-weight:450;margin:18px 0}.extension-copy p{color:#99ab9f;font-size:12px;line-height:2;margin-bottom:30px}.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;border:1px solid #4a6051;min-height:39px;padding:10px 15px;border-radius:3px;white-space:nowrap;transition:background .2s,border-color .2s}.outline-button:hover{background:#2e4435;border-color:#8ba998}.extension-copy .release-note{margin-top:11px}.browser-demo{border:1px solid #4a5b4f;background:#121a15;border-radius:7px;overflow:hidden}.browser-chrome{display:flex;align-items:center;gap:18px;height:36px;border-bottom:1px solid #37463b;background:#29362d;color:#8ea395;padding:0 12px;font-size:9px}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border:1px solid #6d8375;border-radius:50%}.extension-symbol{margin-left:auto;font-size:14px;color:#b8d9c4}.browser-content{display:flex;align-items:stretch;min-height:287px}.browser-video{flex:1;min-width:0;position:relative;padding-top:30px;background:#101713}.browser-video img{width:100%;height:196px;object-fit:cover;display:block;filter:brightness(.73)}.browser-play{position:absolute;top:121px;left:50%;transform:translateX(-50%);border:1px solid #cde5d680;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px;padding-left:2px;background:#14241ac0}.browser-video-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:14px 12px}.browser-video-meta>span:last-child{color:#627d6c;font-size:8px}.extension-sidebar{width:190px;border-left:1px solid #34443a;padding:16px 11px;background:#202b23}.extension-brand{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:-.4px}.extension-subtitle{display:block;font-size:8px;color:#849d8d;margin-top:5px}.extension-search{display:flex;align-items:center;gap:6px;padding:8px;margin:14px 0 5px;border:1px solid #3b5042;border-radius:3px;color:#7e9889;font-size:8px}.extension-search svg{width:12px;height:12px}.extension-node{display:flex;gap:10px;align-items:flex-start;padding:10px 5px;border-bottom:1px solid #324538;font-size:8px;line-height:1.5}.extension-node time{font-size:8px;color:#8aa395;padding-top:1px}.extension-node small{display:block;font-size:7px;color:#7c9b87;margin-top:2px}.extension-node-active{background:#344c3b;border-left:2px solid var(--accent);color:#c1e7cf;padding-left:3px}.browser-demo-caption{height:27px;display:flex;gap:6px;align-items:center;justify-content:center;border-top:1px solid #314037;font-size:8px;color:#6f8d7a}.downloads{padding-top:73px;padding-bottom:83px}.download-heading{display:flex;justify-content:space-between;align-items:end;margin:39px 0 35px}.download-heading p{font-size:11px;color:#7e9386;margin-bottom:10px}.download-rows{border-top:1px solid #415448}.download-row{display:flex;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid #344138}.download-icon{width:45px;height:45px;display:grid;place-items:center;background:#1e2c23;border-radius:8px;color:#9fbea9}.download-icon svg{width:24px;height:24px}.download-row h3{font-size:16px;font-weight:450;margin-bottom:7px}.download-row p{font-size:11px;color:#83958a}.availability{margin-left:auto;color:#81958a;font-size:9px;margin-right:35px}.download-row .outline-button{min-width:134px}.faq{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;padding-top:15px;padding-bottom:95px}.faq h2{font-size:32px;font-weight:450;margin:17px 0 31px;letter-spacing:-.045em}.faq-items{border-top:1px solid #415248}.faq details{border-bottom:1px solid #344138}.faq summary{cursor:pointer;font-size:12px;display:flex;justify-content:space-between;gap:20px;padding:22px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#7a9685;font-size:15px;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:11px;line-height:1.95;color:#83998c;max-width:530px;padding:0 35px 22px 0}.closing{border-top:1px solid #344b3d;border-bottom:1px solid #344b3d;padding-top:49px;padding-bottom:51px;display:flex;align-items:center;justify-content:space-between;background:#1c2d22}.closing .small-kicker{color:#88a992}.closing h2{font-size:clamp(30px,3.3vw,48px);font-weight:450;line-height:1.45;letter-spacing:-.04em;margin-top:12px}.closing .primary-button{margin-right:8vw}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding-top:43px;padding-bottom:25px}.footer-brand{font-size:28px;gap:0;letter-spacing:-1.2px}.site-footer p{font-size:10px;color:#698574}.site-footer>div{margin-left:auto;display:flex;gap:23px;align-items:center;color:#869e90;font-size:10px}.site-footer .text-button{font-size:10px}.footer-note{width:100%;font-size:9px;color:#516e5e;border-top:1px solid #29392f;margin-top:10px;padding-top:17px}.skip-link{position:fixed;top:5px;left:10px;z-index:5;transform:translateY(-150%);background:var(--accent);color:var(--background);padding:10px;font-size:13px}.skip-link:focus{transform:none}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#1b251e;color:var(--text);border:1px solid #526a59;border-radius:10px;max-width:470px;width:calc(100vw - 36px);padding:35px;box-shadow:0 28px 100px #0008}dialog::backdrop{background:#050c08b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:11px;width:30px;height:30px;color:#9bb4a4;font-size:25px}.dialog-kicker{font-size:9px;letter-spacing:.11em;color:#8eac9a}.dialog-close:hover{background:#354b3b;border-radius:4px}dialog h2{font-size:26px;font-weight:450;letter-spacing:-.04em;margin:20px 0 15px}dialog p{font-size:12px;line-height:1.9;color:#a0b3a7}dialog dl{margin:22px 0;display:grid;grid-template-columns:1fr 1.7fr;border-top:1px solid #3e5445;font-size:11px}dialog dt,dialog dd{margin:0;padding:13px 0;border-bottom:1px solid #344b3c}dialog dt{color:#8ca597}dialog dd{text-align:right;color:#c1d3c7}.dialog-notice{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e9f8b;margin:20px 0}.dialog-dismiss{width:100%}body.dialog-open{overflow:hidden}.hero-copy{animation:copy-enter .7s both}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.js-ready .reveal.visible{opacity:1;transform:translateY(0)}@keyframes copy-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes screen-enter{from{opacity:0;transform:translateY(22px) scale(.99)}to{opacity:1;transform:none}}
@media(min-width:1600px){.game-frame{height:315px}.workspace{min-height:390px}.nodes-panel{width:350px}.node-row{padding-top:17px;padding-bottom:17px}.hero h1{margin-bottom:25px}.hero-intro{padding-bottom:40px}.hero-product{max-width:none}.hero-bottom{padding-bottom:34px}.workspace-bottom{font-size:10px}.node-row strong{font-size:12px}.node-row small{font-size:10px}}
@media(max-width:1100px){.hero-intro>div:first-child{display:block}.hero h2{font-size:25px}.hero p{margin-top:6px;font-size:11px}.hero-actions{grid-template-columns:auto;gap:10px}.hero-actions .quiet-link{font-size:10px}.hero-actions .release-note{font-size:8px}.nodes-panel{width:245px;padding-left:10px;padding-right:10px}.node-row{gap:8px}.node-row strong{font-size:9px}.workspace-center{padding-left:15px;padding-right:15px}.section-intro p{margin-right:0}.extension-layout{grid-template-columns:1fr 1.55fr;gap:30px}.extension-sidebar{width:155px}.extension-search{font-size:7px}.browser-video img{height:196px}.workflow-steps p{font-size:10px}.site-header nav{gap:22px}}
@media(max-width:760px){:root{--gutter:24px}html{scroll-padding-top:20px}.preview-bar{font-size:8px;height:28px}.preview-bar a{font-size:8px}.site-header{height:66px;gap:16px}.brand{font-size:20px;gap:9px}.brand-domain{font-size:10px}.site-header nav{display:none}.header-actions{gap:16px}.small-button{font-size:10px;padding:9px 11px;gap:13px}.text-button{font-size:10px}.hero{padding-top:32px}.hero h1{font-size:17.7vw;letter-spacing:-.09em;margin:17px 0 21px -4px}.eyebrow{font-size:9px;letter-spacing:.06em}.hero-intro{align-items:start;gap:20px;padding-bottom:28px}.hero h2{font-size:21px}.hero p{font-size:10px;line-height:1.8;margin-top:12px}.hero-actions{padding-top:5px;gap:13px}.primary-button{font-size:10px;padding:13px 14px;gap:9px;min-height:39px}.primary-button svg{width:14px;height:14px}.hero-actions .quiet-link{gap:9px;font-size:9px}.release-note{max-width:160px;line-height:1.5}.hero-actions .release-note{font-size:7px}.hero-product{margin:0 15px}.window-bar{padding:0 10px;height:29px;font-size:8px}.window-caption{font-size:7px}.window-controls{display:none}.workspace{min-height:248px}.workspace-rail{width:37px;padding-top:12px;gap:10px}.workspace-rail>span:not(.rail-mark){width:25px;height:27px}.workspace-rail svg{width:14px;height:14px}.rail-mark{font-size:11px;margin-bottom:4px}.workspace-center{padding:12px 10px 0}.workspace-heading{font-size:8px;padding-bottom:10px}.small-status{font-size:7px}.workspace-heading>span:first-child{gap:5px}.game-frame{height:183px}.frame-selection{font-size:9px;bottom:38px;left:9px;padding:8px}.frame-type{font-size:7px;margin-left:3px}.frame-label{font-size:7px;top:9px;left:9px}.video-controls{font-size:7px;gap:8px;padding:20px 8px 10px}.workspace-bottom{font-size:7px;padding:10px 0}.workspace-bottom>span:last-child{display:none}.nodes-panel{width:177px;padding:14px 9px 0}.panel-heading{font-size:9px}.panel-heading .muted{font-size:7px}.panel-filters{font-size:7px;gap:12px;margin:15px 0 4px;padding-bottom:9px}.node-row{padding:10px 5px;gap:6px}.node-row time{font-size:7px}.node-row strong{font-size:8px}.node-row small{font-size:6px;margin-top:4px}.node-check{font-size:7px}.panel-footnote{font-size:6px;margin:9px 5px}.hero-bottom{font-size:8px;padding-top:15px;padding-bottom:22px}.product-pair{gap:9px}.workflow{padding-top:49px;padding-bottom:50px}.section-label{font-size:9px}.section-label>span:last-child{font-size:7px}.section-intro{margin-top:25px;align-items:start;gap:20px}.section-intro h2,.download-heading h2{font-size:28px}.section-intro p{font-size:9px;padding-top:5px;line-height:1.9}.workflow-steps{margin-top:28px;grid-template-columns:repeat(2,1fr);border-top:0}.workflow-steps article,.workflow-steps article:not(:first-child){border-top:1px solid #415248;padding:18px 12px 23px 0;border-left:0}.workflow-steps article:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.step-number{margin-bottom:17px;font-size:10px}.workflow-steps h3{font-size:16px;margin-bottom:10px}.workflow-steps p{font-size:10px}.step-owner{margin-top:17px;font-size:8px}.extension-section{padding:35px 0 40px}.extension-layout{grid-template-columns:1fr;gap:25px;margin-top:29px}.extension-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.extension-copy .small-kicker{grid-column:1/-1;font-size:8px}.extension-copy h2{font-size:30px;margin:12px 0 20px}.extension-copy p{font-size:10px;margin:16px 0 20px}.extension-copy .outline-button{justify-self:start;font-size:10px;gap:20px}.extension-copy .release-note{font-size:8px;margin-top:4px}.browser-content{min-height:252px}.browser-video{padding-top:24px}.browser-video img{height:172px}.browser-play{top:100px}.extension-sidebar{width:175px;padding:14px 11px}.extension-node{padding-top:8px;padding-bottom:8px}.extension-search{margin:10px 0 4px}.browser-video-meta{font-size:8px;padding:13px 9px}.browser-video-meta>span:last-child{font-size:7px}.browser-chrome{font-size:8px}.downloads{padding-top:45px;padding-bottom:50px}.download-heading{margin-top:25px;margin-bottom:25px;align-items:end;gap:20px}.download-heading p{font-size:9px;margin-bottom:5px}.download-row{gap:13px;padding:21px 0}.download-icon{width:35px;height:35px;border-radius:5px}.download-icon svg{width:20px;height:20px}.download-row h3{font-size:13px}.download-row p{font-size:8px}.availability{font-size:8px;margin-right:4px}.download-row .outline-button{min-width:90px;font-size:9px;padding:9px 10px;gap:12px}.faq{grid-template-columns:1fr;gap:25px;padding-top:10px;padding-bottom:45px}.faq-intro{position:relative}.faq-intro>.quiet-link{position:absolute;right:0;bottom:5px;font-size:10px}.faq h2{font-size:28px;margin:12px 0 0}.faq summary{font-size:11px;padding:20px 0}.faq details p{font-size:10px}.closing{padding-top:34px;padding-bottom:37px;gap:25px}.closing h2{font-size:29px}.closing .primary-button{margin-right:0;font-size:10px;gap:10px}.closing .small-kicker{font-size:8px}.site-footer{padding-top:28px;gap:16px}.footer-brand{font-size:25px}.site-footer p{font-size:9px}.site-footer>div{width:100%;margin:2px 0 0;font-size:9px}.site-footer .text-button{font-size:9px}.footer-note{font-size:8px;margin-top:1px}}
@media(max-width:480px){.login-button{display:none}.header-actions{gap:0}.brand-symbol{transform:scale(.85);transform-origin:left center;width:22px}.hero-intro{display:block}.hero h2{font-size:25px}.hero-intro>div:first-child{display:flex;gap:20px;align-items:start;justify-content:space-between}.hero p{margin-top:2px;font-size:9px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:20px}.hero-actions .release-note{width:100%;max-width:none;margin-top:-7px}.hero-actions .primary-button{font-size:10px}.hero-actions .quiet-link{font-size:10px}.hero-product{margin:0 13px}.nodes-panel{width:134px;padding-left:6px;padding-right:6px}.workspace-rail{display:none}.workspace-center{padding:11px 7px 0}.workspace-heading>span:first-child .muted,.workspace-heading>span:first-child{font-size:7px}.small-status{display:none}.game-frame{height:169px}.workspace{min-height:226px}.panel-heading{font-size:8px}.panel-filters{gap:9px;font-size:6px;margin-top:12px}.node-row{gap:4px;padding:10px 3px}.node-row strong{font-size:7px}.node-row time{font-size:6px}.node-check{display:none}.node-row small{font-size:6px}.panel-footnote{font-size:6px;margin-left:2px}.frame-selection{gap:5px;font-size:8px;bottom:34px;left:6px;padding:7px}.frame-type{font-size:6px}.video-controls{gap:6px;font-size:6px}.workspace-bottom{font-size:6px;white-space:nowrap}.hero-bottom{font-size:7px;gap:10px}.product-pair{gap:5px}.section-intro{display:block}.section-intro p{font-size:10px;margin-top:15px}.section-intro p br{display:none}.section-intro h2{font-size:28px}.extension-copy h2{font-size:26px}.extension-copy p{font-size:9px}.extension-sidebar{width:150px}.browser-video-meta{display:block}.browser-video-meta>span:last-child{display:none}.browser-video img{object-position:48% 50%}.extension-node{gap:6px;font-size:7px}.extension-node time{font-size:7px}.download-heading{display:block}.download-heading p{margin-top:13px}.download-row{flex-wrap:wrap;gap:12px}.download-row>div:nth-child(2){flex:1}.download-row p{font-size:8px}.availability{margin-left:0;margin-right:0}.download-row .outline-button{margin-left:47px;min-height:31px;padding:7px 11px}.closing{align-items:start;flex-direction:column;gap:25px}.closing h2{font-size:32px}.closing .primary-button{font-size:11px}.site-footer{gap:15px}.site-footer p{font-size:8px}.preview-bar{padding:0 15px;font-size:7px}.preview-bar a{font-size:7px}dialog{padding:30px 24px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}

/* 官网维护层：原稿的布局和断点保持一致。 */
[hidden] { display: none !important; }
.noscript-note { margin: 0; padding: 12px var(--gutter); color: var(--muted); font-size: 13px; }
.dialog-links { display: flex; flex-wrap: wrap; gap: 10px; }
.dialog-links:empty { display: none; }
.contact-group-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; }
.contact-group-row > div { display: grid; gap: 7px; }
.contact-group-row > div > span { color: var(--muted); font-size: 12px; }
.contact-group-row strong { font-size: 21px; font-weight: 500; font-variant-numeric: tabular-nums; user-select: all; }
.contact-group-row button { min-height: 44px; font-size: 12px; }
.contact-copy-status { min-height: 21px; padding-top: 6px; font-size: 12px; }
.contact-qr { margin: 14px 0 23px; text-align: center; }
.contact-qr > a { display: block; width: min(240px, 100%); margin-inline: auto; }
/* 仅裁切展示区域，二维码原图完整保留并可点击查看。 */
.contact-qr-window { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: 6px; background: #fffbe8; }
.contact-qr-window img { position: absolute; display: block; width: 136.017%; height: auto; max-width: none; left: -18.009%; top: -76.272%; }
.contact-qr figcaption { margin-top: 11px; font-size: 12px; line-height: 1.8; color: var(--muted); }
.contact-content:not([hidden]) ~ .dialog-links > a { width: 100%; justify-content: center; }
.dialog-links .outline-button { min-height: 44px; font-size: 13px; }
.download-package { padding: 20px 0; border-top: 1px solid var(--line); }
.download-package h3 { margin: 0 0 10px; font-size: 17px; font-weight: 500; }
.download-package p { font-size: 13px; line-height: 1.8; margin-bottom: 12px; }
.download-package .outline-button { width: 100%; min-height: 48px; justify-content: center; }
.download-package .quiet-link { display: flex; margin-top: 12px; font-size: 12px; }
.download-package small { display: block; font-size: 10px; letter-spacing: .1em; margin-top: 16px; color: var(--muted); }
.download-package code { display: block; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; color: var(--muted); user-select: all; }
.download-package .download-pending { color: var(--muted); padding: 11px 0; }
dialog { max-height: calc(100dvh - 36px); overflow-y: auto; }
dialog p { font-size: 14px; white-space: pre-line; }
dialog dl { grid-template-columns: minmax(85px, 1fr) minmax(0, 1.7fr); font-size: 13px; }
dialog dd { overflow-wrap: anywhere; white-space: pre-line; }
.dialog-notice { font-size: 12px; line-height: 1.7; }
.dialog-close { width: 44px; height: 44px; right: 6px; top: 4px; }
.preview-bar { height: auto; min-height: 31px; gap: 12px; padding-top: 6px; padding-bottom: 6px; }
.preview-bar > span { min-width: 0; }
.preview-bar a { flex-shrink: 0; }
@media (max-width: 760px) {
  .faq summary, .faq details p { font-size: 13px; }
  .header-actions .login-button { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: 12px; }
  .header-actions { gap: 10px; }
}
@media (max-width: 360px) {
  .site-header { gap: 8px; }
  .brand-domain { display: none; }
  .header-actions { gap: 6px; }
  .small-button { gap: 6px; }
}

/* 使用标准组合标识原图，始终等比显示，品牌橙色不受界面强调色影响。 */
.brand-lockup { display: block; width: 170px; height: auto; }
.hero h1.hero-brand { margin: 22px 0 28px; line-height: 0; }
/* 首屏只显示标准字区域，复用原图以保留字形和橙色 N。 */
.hero-wordmark { display: block; width: min(830px, 76%); height: auto; aspect-ratio: 855 / 142; overflow: hidden; }
.footer-brand .brand-lockup { width: 180px; }
.hero-intro { gap: 28px; padding-bottom: 38px; }
.hero-intro > div:first-child { gap: clamp(24px, 3vw, 48px); }
.hero-actions { grid-template-columns: auto; gap: 13px; flex-shrink: 0; }
.hero-actions > .primary-button { min-width: 246px; min-height: 60px; padding: 18px 28px; font-size: 16px; gap: 16px; }
.hero-actions > .primary-button svg { width: 21px; height: 21px; }
.hero-actions > .quiet-link { justify-content: center; font-size: 12px; }
.hero-actions > .release-note { text-align: center; font-size: 10px; }
.download-row .outline-button { min-width: 192px; min-height: 56px; padding: 15px 22px; font-size: 14px; }
.download-row [data-dialog="download"] { background: var(--accent); border-color: var(--accent); color: #18261e; font-weight: 600; }
.download-row [data-dialog="download"]:hover { background: #c2ebd4; }
.download-row p { font-size: 12px; }
.download-row .availability { font-size: 11px; }
.extension-copy .outline-button { min-height: 48px; padding: 13px 19px; font-size: 13px; }
@media (max-width: 1100px) {
  .hero-actions > .primary-button { min-width: 226px; }
}
@media (max-width: 760px) {
  .brand-lockup { width: 142px; }
  .hero h1.hero-brand { margin: 24px 0 30px; }
  .hero-wordmark { width: min(550px, 100%); }
  .hero-intro { display: block; }
  .hero-intro > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
  .hero-actions { display: grid; grid-template-columns: auto 1fr; gap: 14px 20px; padding-top: 24px; }
  .hero-actions > .primary-button { min-height: 58px; min-width: 220px; font-size: 15px; padding: 16px 23px; }
  .hero-actions > .release-note { grid-column: 1 / -1; text-align: left; max-width: none; width: auto; margin: 0; }
  .hero-actions > .quiet-link { font-size: 12px; gap: 10px; }
  .download-row { flex-wrap: wrap; }
  .download-row > div:nth-child(2) { flex: 1; }
  .download-row .outline-button { min-width: 154px; min-height: 52px; font-size: 14px; margin-left: 0; }
  .download-row p { font-size: 11px; line-height: 1.7; }
  .download-row .availability { font-size: 10px; margin: 0; }
  .footer-brand .brand-lockup { width: 160px; }
}
@media (max-width: 480px) {
  .hero-intro > div:first-child { display: block; }
  .hero h2 { font-size: 26px; }
  .hero p { margin-top: 12px; font-size: 12px; line-height: 1.85; }
  .hero-actions { grid-template-columns: 1fr; gap: 14px; }
  .hero-actions > .primary-button { width: 100%; min-width: 0; min-height: 60px; font-size: 16px; }
  .hero-actions > .quiet-link { justify-content: flex-start; min-height: 32px; }
  .hero-actions > .release-note { font-size: 10px; }
  .download-row .outline-button { width: 100%; min-height: 54px; justify-content: center; gap: 24px; }
  .download-row .availability { align-self: flex-start; padding-top: 4px; }
  .extension-copy .outline-button { font-size: 12px; min-height: 48px; }
  .site-header .small-button { gap: 8px; }
}