/* SPDX-FileCopyrightText: 2026 Adam DePrince
 * SPDX-License-Identifier: Apache-2.0 */
:root{color-scheme:light;--ink:#12140f;--paper:#f7f6f1;--white:#fffefa;--muted:#62645c;--line:#d8d8cf;--acid:#a6e22e;--acid-dark:#548a08;--cyan:#0b7885;--orange:#ed6b2f;--dark:#11130f;--dark-soft:#1b1e17;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;--serif:Georgia,"Times New Roman","Noto Serif CJK SC","Songti SC",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.45}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
::selection{background:var(--acid);color:var(--ink)}
.wrap{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.site-header{position:relative;z-index:3;height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #12140f25}
.brand{display:inline-flex;align-items:center;gap:10px;font:850 20px/1 var(--mono);white-space:nowrap}
.brand-mark{width:38px;height:38px;overflow:hidden;border:1px solid var(--ink);border-radius:50%;background:var(--white);flex-shrink:0}
.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.45) translateY(4%)}
.site-header .main-nav{display:flex;gap:26px;margin-left:auto}
.main-nav a{font-size:12px;font-weight:720}
.main-nav a:hover{color:var(--acid-dark)}
.language-switch{display:flex;gap:3px;align-items:center;flex-shrink:0}
.language-switch a{padding:6px 8px;font:600 11px/1.4 var(--sans);border:1px solid transparent}
.language-switch a[aria-current=page]{border-color:var(--ink);background:var(--white)}
.language-switch a:hover{background:var(--acid)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 18px;min-height:47px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:13px;font-weight:780;text-decoration:none}
.button:hover{background:var(--acid-dark);border-color:var(--acid-dark)}
.button-small{min-height:39px;padding:9px 13px;font-size:11px}
.button-secondary{color:var(--ink);background:#fffefa99}
.button-secondary:hover{color:var(--ink);background:var(--acid);border-color:var(--ink)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#faf9f5;border-bottom:1px solid var(--line);margin-top:-89px;padding-top:89px}
.hero-mascot{position:absolute;z-index:-2;right:max(-45px,calc((100vw - 1180px)/2 - 120px));top:45px;width:min(62vw,790px);height:calc(100% - 20px);object-fit:cover;object-position:58% 42%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#faf9f5 0%,#faf9f5 35%,#faf9f5d9 46%,#faf9f500 70%)}
.hero-inner{min-height:660px;padding-block:75px 65px;display:flex;align-items:center}
.hero-copy{max-width:660px}
.eyebrow{margin:0 0 22px;color:var(--acid-dark);font:750 11px/1.5 var(--mono);letter-spacing:.4px;text-transform:uppercase}
.eyebrow::before{content:"// ";color:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:0;font:900 clamp(85px,10vw,140px)/.85 var(--sans);letter-spacing:-5px}
.orange{color:var(--orange)}
.hero-description{max-width:510px;font:23px/1.43 var(--serif);margin-block:28px 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.hero-note{display:flex;flex-wrap:wrap;gap:8px 16px;margin:24px 0 0;color:var(--muted);font:10px/1.5 var(--mono)}
.hero-note span::before{content:"✓ ";color:var(--acid-dark);font-weight:900}
.fact-strip{background:var(--dark);color:#fff}
.fact-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.fact-strip>.wrap>div{min-height:133px;padding:28px 22px 27px 0;border-right:1px solid #373a32}
.fact-strip>.wrap>div+div{padding-left:25px}
.fact-strip>.wrap>div:last-child{border-right:0}
.fact-strip b{display:block;color:var(--acid);font:850 clamp(22px,2.6vw,34px)/1 var(--mono)}
.fact-strip>.wrap>div:nth-child(3) b{color:#41c4d1}
.fact-strip>.wrap>div:nth-child(4) b{color:#ff8a55}
.fact-strip span{display:block;color:#c5c8be;margin-top:12px;font-size:11px}
.section-space{padding-block:96px}
h2{max-width:850px;margin-bottom:24px;font:830 clamp(38px,4.6vw,65px)/.99 var(--sans);letter-spacing:-1.8px}
h3{margin-bottom:14px;font-weight:800;font-size:25px;line-height:1.1;letter-spacing:-.5px}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:48px 85px}
.intro-right{padding-top:35px}
.intro-right p{color:var(--muted);font:16px/1.75 var(--serif)}
.intro-right .large-copy{color:var(--ink);font:760 22px/1.3 var(--sans)}
.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--cyan);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.text-link:hover{color:var(--acid-dark)}
.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--ink);margin-top:18px}
.steps article{padding:28px 32px 32px 0}
.steps article+article{border-left:1px solid var(--ink);padding-left:32px}
.step-number{display:block;color:var(--muted);font:11px var(--mono);margin-bottom:36px}
.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;max-width:275px}
.settings-section{padding-block:90px;background:var(--white);border-block:1px solid var(--line)}
.settings-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.settings-copy>p:not(.eyebrow){color:var(--muted);font:16px/1.75 var(--serif);max-width:430px}
.settings-copy>.section-lead{font-family:var(--sans)!important;font-weight:750!important;color:var(--ink)!important}
.settings-details{margin-block:30px}
.settings-details>div{display:grid;grid-template-columns:88px 1fr;gap:20px;padding-block:16px;border-top:1px solid var(--line)}
.settings-details dt{font:700 11px/1.65 var(--mono);text-transform:uppercase;color:var(--acid-dark)}
.settings-details dd{margin:0;font-size:12px;line-height:1.7}
.settings-figure{margin:0;padding:20px;background:#e9e8e1;border:1px solid var(--line)}
.figure-heading{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:9px/1.5 var(--mono);margin-bottom:18px}
.settings-figure img{width:100%;border:1px solid #aaa99f;background:#fff}
.settings-figure a{display:block}
.settings-figure figcaption,.guide-screenshot figcaption{margin-top:15px;color:var(--muted);font:10px/1.7 var(--mono)}
.controller-section{background:var(--dark);color:#fff;padding-block:96px}
.controller-section .eyebrow{color:var(--acid)}
.controller-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}
.controller-heading h2{margin-bottom:0}
.controller-heading>p{color:#b7baaf;max-width:320px;font:16px/1.7 var(--serif);margin-bottom:3px}
.compatibility{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}
.section-heading>p:not(.eyebrow){color:var(--muted);font:16px/1.7 var(--serif);max-width:330px}
.compat-row{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.compat-row h3{font-size:27px;margin:21px 0 14px}
.compat-row p{max-width:400px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}
.pill{display:inline-block;padding:6px 9px;border:1px solid var(--line);background:#eeeee6;font:700 9px/1.4 var(--mono)}
.pill-green{border-color:var(--acid-dark);color:#395c06;background:#e5f3ca}
.compat-symbol{font-size:32px;padding-top:42px;color:var(--orange)}
.platform-note{display:grid;grid-template-columns:100px 1fr;gap:18px;font-size:11px;line-height:1.8}
.platform-note strong{font-weight:750}
.platform-note p{color:var(--muted);margin:0}
.download-section{background:var(--white);padding-block:90px;border-block:1px solid var(--line)}
.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.download-layout>div>p:not(.eyebrow){color:var(--muted);font:16px/1.7 var(--serif);max-width:370px}
.release-label{display:block;color:var(--muted);font:10px/1.5 var(--mono);margin-top:28px}
.download-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;background:var(--dark);color:#fff;border:1px solid var(--dark)}
.download-primary:hover{background:#252b1d}
.download-primary>span:first-child{display:flex;flex-direction:column;gap:12px}
.download-kicker{color:var(--acid);font:10px/1.5 var(--mono)}
.download-primary strong{font-size:23px;font-weight:780}
.download-primary span>span:last-child{font-size:11px;color:#c5c8be}
.download-arrow{font-size:31px;color:var(--acid)}
.download-secondary{display:flex;justify-content:space-between;gap:25px;padding-block:22px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:750}
.download-secondary a{display:flex;align-items:center;gap:16px}
.download-secondary a:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.package-note{max-width:100%!important;color:var(--muted);font:11px/1.8 var(--mono)!important;margin:22px 0 16px}
code{font-family:var(--mono);font-size:.95em}
.checksum-link{color:var(--cyan);font:11px/1.5 var(--mono);text-decoration:underline;text-underline-offset:4px}
.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}
.faq-list details{padding-block:21px;border-bottom:1px solid var(--line)}
.faq-list details:first-child{padding-top:0}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:14px;font-weight:750}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:22px;color:var(--orange);font-weight:400}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list p{color:var(--muted);font-size:13px;line-height:1.8;margin:17px 24px 0 0}
.site-footer{width:100%;max-width:none;padding:47px max(24px,calc((100vw - 1180px)/2)) 28px;background:var(--dark);color:#fff}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px}
.footer-top>span{color:#c0c4b6;font:16px/1.5 var(--serif)}
.footer-top>a:last-child:not(.brand){color:var(--acid);font-size:12px;font-weight:750}
.site-footer .brand-mark{border-color:#fff}
.footer-bottom{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:30px;padding-top:25px;border-top:1px solid #3a3d35;color:#b1b6a5;font-size:9px;line-height:1.9}
.footer-bottom p{margin:0;max-width:470px}
.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.footer-bottom>span{text-align:right;font-family:var(--mono)}
.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px;background:var(--white);color:var(--ink);border:1px solid var(--ink)}
.skip:focus{top:10px}
.guide-main{max-width:790px;width:calc(100% - 48px);margin:65px auto 100px}
.guide-main h1{font-size:62px;line-height:.97;letter-spacing:-2px}
.guide-main .lead{font:20px/1.7 var(--serif);color:var(--muted);margin-top:28px}
.guide-main section{padding-top:40px}
.guide-main h2{font-size:34px;line-height:1.1;letter-spacing:-.8px}
.guide-main h3{font-size:22px;margin-top:28px}
.guide-main p,.guide-main li{color:var(--muted);font-size:14px;line-height:1.85}
.guide-main li{margin-bottom:12px}
.guide-main ul,.guide-main ol{padding-left:23px}
.guide-main pre{padding:23px;background:var(--dark);color:var(--acid);white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--mono)}
.guide-main a:not(.button){color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.guide-note{border-left:3px solid var(--orange);padding:12px 21px;background:#e9e8e1}
.guide-nav{display:flex;gap:20px;flex-wrap:wrap;padding-block:21px;border-block:1px solid var(--ink);margin-block:30px}
.guide-nav a{font-size:12px;font-weight:750}
.guide-main table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7}
.guide-main td,.guide-main th{padding:14px;text-align:left;border-bottom:1px solid var(--line)}
.guide-main th{background:#e9e8e1}
.guide-main td:first-child{font-weight:750;width:30%}
.guide-screenshot{margin:28px 0;max-width:600px}
.guide-screenshot img{width:100%;border:1px solid var(--line)}
:lang(zh-CN) h2{line-height:1.18;letter-spacing:-.5px}
:lang(zh-CN) .hero-description{font-family:var(--sans);font-size:20px;line-height:1.8}
:lang(zh-CN) .hero-note{font-family:var(--sans)}
:lang(zh-CN) .guide-main h1{line-height:1.2;letter-spacing:0}
.software-screenshot{margin:26px 0;border:1px solid var(--line);padding:14px;background:var(--white);min-width:0}
.software-screenshot>a{display:block}
.software-screenshot img{width:100%;height:auto;border:1px solid #3a4234}
.software-screenshot figcaption{margin-top:13px;color:var(--muted);font:11px/1.75 var(--mono)}
.controller-reference{margin:0 0 43px;padding:18px;border-color:#45483f;background:var(--dark-soft)}
.controller-reference figcaption{color:#b7baaf}
.download-screenshot{margin:0 0 24px;padding:12px;background:#e9e8e1}
.download-screenshot img{height:260px;object-fit:cover;object-position:center 39%;border-color:#c6c7bc}
.download-screenshot figcaption{font-size:10px}
.faq-list .software-screenshot{margin:20px 0 0;padding:10px}
.faq-list .software-screenshot figcaption{font-size:10px}
.pause-screenshot img{max-height:380px;object-fit:cover;object-position:center 23%}
.guide-tool-screenshot{padding:12px}
.guide-tool-screenshot figcaption{font-size:11px}
@media(max-width:600px){.controller-reference{padding:10px;margin-bottom:30px}.software-screenshot figcaption{font-size:10px}.download-screenshot img{height:220px}.pause-screenshot img{max-height:290px}}
:lang(zh-CN) .hero h1{line-height:1.12;letter-spacing:0}
@media(min-width:1600px){.hero-inner{min-height:720px}}
@media(max-width:1100px){.site-header{gap:20px}.site-header .main-nav{gap:19px}.brand{font-size:18px}.main-nav a{font-size:11px}.settings-layout{gap:55px}.intro,.compatibility,.download-layout,.faq{gap:55px}.footer-bottom{grid-template-columns:1.5fr 1fr}.footer-bottom>span{grid-column:1/-1;text-align:left}}
@media(max-width:850px){.site-header .main-nav{display:none}.site-header .language-switch{margin-left:auto}.hero-inner{min-height:710px;align-items:flex-start;padding-top:64px}.hero-mascot{top:auto;right:-80px;bottom:-80px;width:600px;height:600px;opacity:.85}.hero::after{background:linear-gradient(180deg,#faf9f5 0%,#faf9f5 40%,#faf9f5b0 65%,#faf9f500 100%)}.hero h1{font-size:112px}.hero-description{max-width:510px;font-size:21px}.hero-copy{max-width:600px}.hero-note{max-width:330px}.fact-strip>.wrap{grid-template-columns:1fr 1fr}.fact-strip>.wrap>div{padding:25px;min-height:123px}.fact-strip>.wrap>div:nth-child(2){border-right:0}.fact-strip>.wrap>div:nth-child(-n/**/+2){border-bottom:1px solid #373a32}.section-space{padding-block:75px}h2{font-size:45px}.intro{gap:35px}.intro-right p{font-size:15px}.steps article{padding-right:24px}.steps article+article{padding-left:24px}.settings-section{padding-block:75px}.settings-layout{grid-template-columns:1fr;gap:40px}.settings-copy>p:not(.eyebrow){max-width:600px}.settings-details{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.settings-figure{max-width:560px;margin:0 auto}.controller-section{padding-block:75px}.controller-heading>p{max-width:260px;font-size:15px}.compatibility,.faq{gap:45px}.platform-note{grid-template-columns:1fr;gap:8px}.download-layout{gap:40px}.download-primary{padding:23px 20px}.download-primary strong{font-size:19px}.download-secondary{font-size:11px;gap:15px}.download-secondary a{gap:10px}.footer-top>span{font-size:14px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:75px;gap:12px}.site-header .button-small{display:none}.brand{font-size:17px;gap:8px}.brand-mark{width:33px;height:33px}.language-switch a{padding:5px 6px;font-size:10px}.hero{margin-top:-76px;padding-top:76px}.hero-inner{min-height:725px;padding-top:53px;padding-bottom:50px}.hero h1{font-size:clamp(82px,22vw,118px);letter-spacing:-3px}.hero .eyebrow{font-size:9px;margin-bottom:24px}.hero-description{font-size:19px;max-width:390px;margin-top:24px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:11px;min-height:43px;padding:11px 13px;gap:10px}.hero-note{gap:7px 14px;font-size:9px;max-width:300px}.hero-mascot{right:-45px;bottom:-55px;width:445px;height:445px;opacity:.85}.hero::after{background:linear-gradient(180deg,#faf9f5 0%,#faf9f5 45%,#faf9f5cc 58%,#faf9f500 87%)}.fact-strip>.wrap>div{padding:24px 16px;min-height:131px}.fact-strip b{font-size:23px}.fact-strip span{font-size:10px;line-height:1.7}.section-space{padding-block:62px}h2{font-size:41px;letter-spacing:-1px}.eyebrow{font-size:10px;margin-bottom:20px}.intro{grid-template-columns:1fr;gap:7px}.intro-right{padding-top:0}.intro-right .large-copy{font-size:21px}.intro-right p{font-size:16px}.steps{grid-template-columns:1fr;margin-top:28px}.steps article,.steps article+article{position:relative;border-left:0;padding:26px 0 29px 43px}.steps article+article{border-top:1px solid var(--line)}.step-number{position:absolute;left:0;top:29px;margin:0}.steps h3{font-size:23px}.steps p{font-size:13px;max-width:100%}.settings-section{padding-block:62px}.settings-layout{gap:35px}.settings-details{display:block}.settings-details>div{grid-template-columns:85px 1fr}.settings-figure{padding:12px}.figure-heading{font-size:8px;gap:10px;margin-bottom:12px}.settings-figure figcaption{font-size:9px}.controller-section{padding-block:62px}.controller-heading{display:block;margin-bottom:30px}.controller-heading>p{margin:22px 0 0;font-size:16px;max-width:100%}.compatibility{grid-template-columns:1fr;gap:28px}.section-heading>p:not(.eyebrow){max-width:100%}.compat-row h3{font-size:26px}.compat-row p{font-size:13px}.platform-note{font-size:12px}.download-section{padding-block:62px}.download-layout{grid-template-columns:1fr;gap:32px}.download-layout>div>p:not(.eyebrow){max-width:100%;font-size:16px}.download-primary{padding:25px 22px}.download-primary strong{font-size:21px}.download-secondary{font-size:12px}.faq{grid-template-columns:1fr;gap:27px}.faq-list summary{font-size:13px}.faq-list p{font-size:13px}.site-footer{width:100%;padding:35px 18px 25px}.footer-top{flex-wrap:wrap;gap:20px;margin-bottom:30px}.footer-top>span{display:none}.footer-top>a:last-child:not(.brand){margin-left:auto;font-size:11px}.footer-bottom{grid-template-columns:1fr;gap:17px;font-size:10px}.footer-bottom>span{font-size:9px}.guide-main{width:calc(100% - 36px);margin-top:45px}.guide-main h1{font-size:43px;letter-spacing:-1px}.guide-main .lead{font-size:18px}.guide-main h2{font-size:29px}.guide-main td,.guide-main th{padding:11px 8px;font-size:11px}.guide-main pre{padding:19px;font-size:11px}body:has(.guide-main) .site-header>.text-link{display:none}:lang(zh-CN) .hero-description{font-size:17px;max-width:360px}}
@media(max-width:360px){.hero-actions{flex-direction:column;align-items:flex-start}.hero-inner{min-height:760px}.fact-strip b{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}