:root{color-scheme:light;--ink:#202523;--muted:#737975;--orange:#e96236;--line:#e6e9e6;--soft:#f7f8f7;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;scroll-behavior:smooth;scroll-padding-top:32px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,pre:focus-visible,video:focus-visible{outline:2px solid var(--orange);outline-offset:5px}a:hover{color:var(--orange)}.wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}.navigation{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-1px;font-size:27px}.brand-icon{display:grid;place-items:center;background:var(--orange);color:#fff;width:29px;height:31px;border-radius:9px 9px 9px 2px;font-size:27px;font-style:italic;line-height:1;padding-right:3px}.beta{font:9px ui-monospace,monospace;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:4px 5px;color:var(--muted);margin-left:3px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.github-link{border:1px solid var(--line);border-radius:7px;padding:10px 15px;display:flex;gap:20px}.hero{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:64px;padding-block:84px 72px}.hero-copy{min-width:0}.eyebrow{font-size:12px;letter-spacing:1px;margin:0 0 25px;display:flex;align-items:center;gap:9px;color:#626a63}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0}h1{font-size:clamp(40px,4vw,58px);line-height:1.28;letter-spacing:-2.5px;font-weight:650;margin:0 0 23px}h1 span{color:var(--orange)}.hero-description{font-size:15px;line-height:1.95;max-width:470px;margin:0 0 30px;color:#737975}.install-box{border:1px solid #dde2de;border-radius:10px;overflow:hidden;background:var(--soft)}.install-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px;padding:8px 12px;background:#fff}.client-switch{display:flex;gap:3px}.client-switch button{border:0;background:transparent;color:var(--muted);border-radius:5px;padding:7px 10px;font-size:11px;white-space:nowrap}.client-switch button[aria-pressed=true]{color:var(--ink);background:#eff1ef;font-weight:650}.os-picker select{border:0;background:transparent;max-width:158px;font-size:10px;color:#626a63;padding:6px 0;cursor:pointer}.code-area{padding:19px 18px 12px}pre{margin:0;overflow:auto;font:11px/2 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre;tab-size:2}code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.install-bottom{padding:9px 15px 13px;display:flex;justify-content:space-between;gap:8px;align-items:center}.install-bottom>span{font-size:10px;color:var(--muted)}.copy-button{border:1px solid #dce0dc;background:#fff;border-radius:5px;padding:7px 9px;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--ink)}.copy-button:hover{border-color:var(--orange);color:var(--orange)}.hero-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:19px}.text-link{font-size:12px;font-weight:550;display:inline-flex;align-items:center;gap:12px}.hero-links>span{font-size:10px;color:var(--muted)}.demo{min-width:0;border:1px solid #e1e5e1;border-radius:13px;background:#fff;box-shadow:0 20px 65px -30px #22392b30;overflow:hidden;scroll-margin-top:35px}.demo-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.demo-heading>span:first-child{display:flex;gap:8px;align-items:center;color:var(--ink)}.demo-request{display:flex;align-items:center;gap:12px;padding:20px;font-size:12px}.request-label{font-size:9px;padding:5px 7px;background:var(--soft);border:1px solid var(--line);border-radius:4px;color:var(--muted)}.demo-request p{margin:0;line-height:1.7}.demo-request>span:last-child{margin-left:auto;color:var(--muted)}.player-shell{margin:0 12px;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#f0f2f0;position:relative}video{display:block;width:100%;height:100%;object-fit:contain}.demo-caption{padding:16px 20px 21px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.demo-caption>span:first-child{color:var(--ink)}.play-mark{color:var(--orange);font-size:9px;margin-right:5px}.demo-workflow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:18px 20px;background:#f9faf9;border-top:1px solid var(--line);font-size:10px;color:#646c65}.demo-workflow b{font:9px ui-monospace,monospace;margin-right:6px;color:#949b95}.demo-workflow i{font-style:normal;color:#b4bcb5}.compatibility{padding-block:27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:var(--muted)}.compatibility>div{display:flex;align-items:center;gap:32px}.compatibility b{font-size:14px;font-weight:550;letter-spacing:-.3px;color:#4f5751}.compatibility a{font-size:10px}.quickstart{background:var(--soft);border-block:1px solid var(--line);padding:74px 0 55px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:42px}.section-heading .eyebrow{color:var(--orange);margin-bottom:14px;font-size:11px}h2{margin:0;font-size:34px;line-height:1.4;font-weight:600;letter-spacing:-1px}.section-heading>p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step{padding:27px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:flex-start}.step-number{font:11px ui-monospace,monospace;color:var(--orange);margin-bottom:25px}h3{font-weight:600;font-size:19px;margin:0 0 13px;letter-spacing:-.4px}.step>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 24px}.step-detail{width:100%;background:var(--soft);border:1px solid #edf0ed;border-radius:6px;padding:14px 15px;margin-top:auto;min-height:112px}.detail-label{font-size:9px;color:#929992}.step-detail p{font-size:11px;line-height:1.85;margin:8px 0 0;color:#5e6860}.step-detail code{font-size:10px;overflow-wrap:anywhere}.prompt{background:#fff9f5;border-color:#f3e7de}.prompt p{color:#756250}.step>.text-link,.step-note{margin-top:24px;font-size:10px}.step-note{color:var(--muted)}.setup-note{display:flex;align-items:baseline;gap:14px;margin-top:25px;font-size:10px;line-height:1.9;color:var(--muted)}.note-label{white-space:nowrap;color:#505a52}.setup-note p{margin:0}.setup-note a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}footer{display:flex;align-items:center;gap:22px;min-height:110px}footer .brand{font-size:22px}footer .brand-icon{width:23px;height:25px;font-size:22px;border-radius:7px 7px 7px 2px}footer>span{font-size:11px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:11px}footer>div>span{font-size:10px;color:#929992}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);background:#fff;padding:12px;z-index:10}.skip-link:focus{transform:none}#video-error{position:absolute;inset:0;background:var(--soft);padding:25px;align-content:center;text-align:center;font-size:12px;line-height:2}#video-error a{display:block;text-decoration:underline}.small-note{font-size:11px;line-height:1.8}.small-note a{text-decoration:underline}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-block:100px 90px;gap:85px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;padding-block:65px 55px}h1{font-size:44px}.install-controls{flex-wrap:wrap}.hero-description{font-size:14px}.hero-links{gap:10px}.step{padding:22px}.compatibility>div{gap:22px}.demo-workflow{padding-inline:15px;font-size:9px}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:40px;max-width:620px;padding-top:50px}h1{font-size:52px}.hero-description{max-width:490px}.install-controls{flex-wrap:nowrap}.demo{width:100%}.compatibility{align-items:flex-start;flex-direction:column;gap:20px}.compatibility>div{flex-wrap:wrap;gap:18px 28px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:36px 1fr;column-gap:15px;padding:25px}.step-number{grid-column:1;grid-row:1;margin-top:5px}.step>h3,.step>p,.step-detail,.step>.text-link,.step-note{grid-column:2}.step-detail{min-height:0}.step>p{margin-bottom:18px}.step>.text-link,.step-note{margin-top:17px}.quickstart{padding-block:48px}.section-heading{margin-bottom:28px}h2{font-size:30px}footer{flex-wrap:wrap;gap:15px;padding-block:28px}footer>div{gap:20px}.desktop-link{display:none}}@media(max-width:480px){.wrap{width:calc(100% - 40px)}.navigation{height:78px}.brand{font-size:24px}.brand-icon{width:26px;height:28px;font-size:24px}.beta{font-size:8px;padding:3px}.navigation nav{gap:16px;font-size:11px}.navigation nav>a:first-child{display:none}.github-link{padding:7px 10px;gap:9px}.hero{padding-top:40px;padding-bottom:37px;gap:32px}.eyebrow{font-size:10px;margin-bottom:22px}h1{font-size:43px;letter-spacing:-2px}.hero-description{font-size:13px;margin-bottom:24px}.install-controls{padding:8px;gap:4px}.client-switch button{font-size:10px;padding:7px 8px}.os-picker select{max-width:143px;font-size:9px}.code-area{padding-inline:12px}pre{font-size:10px}.install-bottom{padding-inline:12px}.install-bottom>span{font-size:9px}.hero-links{align-items:flex-start;flex-direction:column;gap:12px}.hero-links>span{font-size:10px}.demo-heading{padding:15px}.demo-request{padding:17px 15px;font-size:11px}.demo-caption{padding:15px;font-size:9px}.demo-workflow{padding:16px 12px;font-size:9px;gap:4px}.demo-workflow b{font-size:8px;margin-right:3px}.compatibility>div{gap:16px 23px}.compatibility b{font-size:13px}.compatibility a{width:100%}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading>p br{display:none}h2{font-size:28px}.step{padding:22px 18px;grid-template-columns:25px 1fr;gap:0 10px}.setup-note{gap:10px}footer>div{width:100%;margin:7px 0 0}footer>div>span{margin-left:auto}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Language control stays available on desktop and mobile. */
.language-picker select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:9px 10px;font-size:12px;cursor:pointer;max-width:120px}
html[lang="en"] h1{letter-spacing:-2px;line-height:1.18}
html[lang="en"] .demo-caption{flex-wrap:wrap}
html[lang="en"] .setup-note a{white-space:normal}
@media(max-width:1100px){.navigation nav{gap:18px}}
@media(max-width:640px){.navigation{height:auto;min-height:96px;flex-wrap:wrap;gap:16px;padding-block:18px}.navigation nav{width:100%;justify-content:space-between;gap:12px}.language-picker select{font-size:11px;padding:7px 8px}.demo-workflow{flex-wrap:wrap}html[lang="en"] h1{font-size:40px}}

.platforms{padding-block:48px 60px}.platforms>.eyebrow{margin-bottom:16px}.platform-intro{max-width:850px;color:var(--muted);font-size:14px;line-height:1.9;margin:20px 0 26px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.platform-card{border:1px solid var(--line);border-radius:10px;padding:26px;min-width:0}.platform-card .platform-status{color:var(--orange);font-size:11px;letter-spacing:.6px;margin:0 0 14px}.platform-card h3{font-size:18px;line-height:1.5;margin:0 0 12px}.platform-card>p:last-child{color:var(--muted);font-size:13px;line-height:1.9;margin:0}@media(max-width:800px){.platform-grid{grid-template-columns:1fr}.platforms{padding-block:36px 44px}}