:root{color-scheme:dark;--bg:#101215;--panel:#191c21;--text:#f2f0e9;--muted:#9a9da6;--orange:#ff925c;--line:#30343b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Inter,Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}img{max-width:100%}.site-header{padding:18px 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#101215ee;backdrop-filter:blur(16px);z-index:5}.logo{display:flex;align-items:center;gap:16px;flex-shrink:0}.logo img{width:140px;height:56px;object-fit:contain}.logo span{border-left:1px solid #555;padding-left:16px;font:10px monospace;letter-spacing:3px;color:#b4b4ba}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:13px}.site-header nav a:hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #555b65;border-radius:6px;padding:14px 23px;font-weight:650;background:transparent;color:var(--text);cursor:pointer}.button.primary{background:var(--orange);border-color:var(--orange);color:#19130e}.button:hover{filter:brightness(1.12)}.button.small{padding:9px 14px;font-size:12px}#language{padding:8px;border:0;background:none;color:#ddd;font-size:12px}.hero,.section{max-width:1480px;margin:auto;padding:65px 6%}.eyebrow,small{font-size:11px;letter-spacing:1.2px}.eyebrow{display:flex;align-items:center;gap:10px;color:#b2b3b8;font-family:monospace}.eyebrow i,.status-dot{display:inline-block;background:#8de3bf;width:6px;height:6px;border-radius:50%;box-shadow:0 0 12px #8de3bf66}.hero-copy{display:flex;gap:65px;align-items:center;justify-content:space-between;margin:24px 0 45px}h1{font-size:clamp(40px,5.5vw,82px);font-weight:650;letter-spacing:-3px;line-height:1.18;margin:0}h1 em{font-style:normal;color:var(--orange)}.hero-side{max-width:340px}.hero-side p{color:#b9b9c2;margin-bottom:28px}.release-tag{display:block;margin-top:14px;font:10px monospace;letter-spacing:1px;color:var(--orange)}.release-tag b{color:var(--muted);font-weight:400}.dashboard-stage{border:1px solid #41434a;border-radius:15px;padding:15px;background:linear-gradient(160deg,#303137,#111216 45%);box-shadow:0 30px 100px #0007}.stage-top{display:flex;justify-content:space-between;color:#bfc0c5;font:9px monospace;letter-spacing:1px;padding:5px 5px 16px;gap:10px}.demo-label{color:#eda776}.dash-wrap{width:100%;aspect-ratio:1000/460;position:relative;overflow:hidden;border-radius:8px;background:#0b0d11}.dash-wrap iframe{width:1000px;height:460px;position:absolute;left:0;top:0;transform-origin:0 0;border:0}.hero-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#777d87;margin-top:25px}.hero-foot a{color:#e4e0d7}.section{border-top:1px solid var(--line);padding-top:76px;padding-bottom:76px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}.section-head small,.download-section small{color:var(--orange);font-family:monospace}h2{font-size:clamp(26px,3vw,40px);line-height:1.4;font-weight:600;letter-spacing:-1px;margin:15px 0 0}.section-head p{max-width:340px;color:var(--muted);font-size:13px;margin:0}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.theme{text-align:left;background:#181a20;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:23px;overflow:hidden}.theme:hover,.theme[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(145deg,#20232a,#16191e)}.theme>span{font:11px monospace;color:var(--accent)}.theme h3{font-size:17px;font-style:italic;letter-spacing:1px}.theme p{font-size:12px;color:#c1c0c6;min-height:42px}.theme small{font:9px monospace;color:var(--muted)}.pink{--accent:#ff4591}.orange{--accent:#ff925c}.cyan{--accent:#68dbd6}.matrix{--accent:#b9a1fd}.theme-graphic{height:104px;color:var(--accent);font-style:italic;font-weight:800;font-size:24px;display:flex;flex-direction:column;line-height:1.1;justify-content:center}.theme-graphic b{font-size:53px;letter-spacing:-3px}.mini-dials{height:104px;color:#68dbd6;font-size:35px;line-height:1.45;letter-spacing:5px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:104px;padding:10px 0}.mini-grid i{background:#ff8060;border-radius:3px}.mini-grid i:nth-child(3n){background:#bba2ee}.mini-grid i:nth-child(3n+1){background:#74d8c3}.feature-strip{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;margin-top:25px;color:#babcc1}.feature-strip span:before{content:'+';color:var(--orange);margin-right:8px}.download-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;background:radial-gradient(ellipse at 0 0,#50302055,transparent 65%)}.download-section p{color:#a8aab3;font-size:13px}.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 12px}.meta{font-size:11px!important;color:var(--muted)}details code{display:block;word-break:break-all;color:#ccc;font-size:11px;padding:15px 0}summary{cursor:pointer;font-size:12px}.release-note{border-left:2px solid var(--orange);padding:16px 0 12px 30px}.release-note>b{font:12px monospace;color:var(--orange)}.release-note h3{font-size:22px}.product-note{padding:12px;border:1px solid #494138;border-radius:5px;font-size:11px;color:#ecb08e;margin-top:25px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:42px}.steps b{font-size:36px;font-weight:300;color:#5b5e68;font-style:italic}.steps h3{font-size:18px}.steps p{font-size:13px;color:#a5a7b0}.compatibility{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:28px;background:#1a1d22;border:1px solid var(--line);border-radius:8px}.compatibility h3{font-size:17px;margin:0 0 10px}.compatibility p{font-size:12px;color:#a9abb5;margin:6px 0 15px}.compatibility b{font-size:13px}.status-dot{margin-right:8px}.faq{padding:17px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:14px}.faq p{font-size:13px;color:var(--muted)}.account-section{background:#16181d}.login-form{max-width:800px}.login-form>div{display:flex;gap:10px;margin:9px 0}.login-form input{flex:1;min-width:0}input,textarea,select{background:#101216;border:1px solid #424751;border-radius:5px;color:#eee;padding:12px;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--orange)}.login-form small{font-size:11px;letter-spacing:0;color:#8d929c}#accountStatus{color:#edb791;font-size:13px;overflow-wrap:anywhere}.profile-heading{display:flex;justify-content:space-between}.profile-heading button,#exportProfile{background:#252831;color:#eee;border:1px solid #515865;border-radius:5px;padding:9px 15px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-fields label{font-size:13px;display:grid;gap:7px}.profile-fields .wide{grid-column:1/-1}.text-link{font-size:13px;color:var(--orange)}.changelog{display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:30px 0;border-top:1px solid var(--line)}.changelog strong{font-size:44px;font-weight:400}.changelog span{display:block;font:10px monospace;color:var(--orange)}.changelog h3{margin-top:8px}.changelog ul{padding-left:18px;color:#a8abb5;font-size:13px;line-height:2.1}footer{border-top:1px solid var(--line);padding:40px 6%;display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between}footer p,footer a:not(.logo){font-size:11px;color:#a6a9b0}footer small{width:100%;color:#686e78;font:9px monospace}a:focus-visible,button:focus-visible{outline:2px solid var(--orange)}[hidden]{display:none!important}@media(max-width:900px){.site-header nav{display:none}.site-header{gap:12px}.site-header #language{margin-left:auto}.hero-copy{gap:25px}.hero-side{max-width:280px}.theme-grid{grid-template-columns:repeat(2,1fr)}.download-section{gap:35px}.hero-foot span:nth-child(2){display:none}.steps{gap:20px}}@media(max-width:600px){.site-header{padding:10px 5%;gap:8px}.logo img{width:108px;height:43px}.logo span{font-size:8px;padding-left:8px;letter-spacing:1px}.logo{gap:8px}.site-header .small{padding:7px 9px;font-size:10px}.hero,.section{padding:42px 5%}.hero-copy{display:block;margin-bottom:28px}h1{letter-spacing:-1.5px}.hero-side{max-width:none;margin-top:24px}.hero-side p{font-size:13px;margin-bottom:18px}.stage-top{font-size:7px;letter-spacing:0;padding-bottom:9px;flex-wrap:wrap}.dashboard-stage{padding:8px;border-radius:9px}.section-head{display:block}.section-head p{margin-top:16px}.theme-grid{gap:10px}.theme{padding:16px}.theme h3{font-size:14px}.theme p{font-size:11px}.mini-dials{font-size:29px;letter-spacing:2px}.download-section,.compatibility{grid-template-columns:1fr}.download-section{gap:25px}.release-note{padding-left:20px}.steps{grid-template-columns:1fr;gap:12px}.steps li{padding-left:46px;position:relative}.steps b{position:absolute;left:0;top:0;font-size:27px}.steps h3{margin-top:5px}.compatibility{gap:15px;padding:20px}.login-form>div{flex-direction:column}.profile-fields{grid-template-columns:1fr}.changelog{grid-template-columns:1fr;gap:10px}.changelog strong{font-size:34px}.feature-strip{gap:12px}.text-link{display:inline-block;margin-top:15px}footer{padding:28px 5%}footer p{margin:0}.download-actions .button{padding:12px 16px;font-size:13px}}
/* The supplied brand artwork has a black canvas. Screen blending preserves its
   white/red artwork and lets both header and footer share the page background. */
.logo img{mix-blend-mode:screen}

.site-header{background:#101215}.logo{background:#101215}
