:root{color-scheme:dark;--canvas:#0D0D10;--surface:#15151A;--panel:#1B1B22;--hover:#202029;--brand:#7C3AED;--brand-hover:#8B5CF6;--light:#A78BFA;--text:#F5F5F7;--muted:#A1A1AA;--line:rgba(255,255,255,.1);--strong:rgba(255,255,255,.18);--success:#4ADE80;--radius:12px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;color:var(--text);background:var(--canvas)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--light);outline-offset:5px}button{color:var(--text)}svg{display:block}p{line-height:1.8;margin:0;color:var(--muted)}h1,h2,h3{margin:0;letter-spacing:-.035em}h2{font-size:34px;font-weight:650;line-height:1.3}h3{font-size:18px;font-weight:600}figure{margin:0}button svg,.button svg{width:19px;height:19px;flex:none}[hidden]{display:none!important}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.signature{font-size:12px;letter-spacing:.045em;color:var(--muted);padding-block:14px 10px}.site-header{border-bottom:1px solid var(--line);background:var(--canvas)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:68px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:17px;font-weight:650}.brand svg{width:34px;height:34px}.main-nav{display:flex;align-items:center;gap:26px;font-size:13px;white-space:nowrap}.main-nav a{color:var(--muted);padding-block:24px;position:relative}.main-nav a:hover{color:var(--text)}.main-nav a[aria-current]{color:var(--light)}.main-nav a[aria-current]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--brand)}.menu-button{display:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--brand);padding:15px}.skip-link:focus{top:12px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:62px 64px}.product-label{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:550;color:var(--light);margin-bottom:25px}.product-label svg{width:30px;height:30px}h1{font-size:clamp(40px,4.7vw,58px);line-height:1.2;font-weight:660;letter-spacing:-.055em}.hero-description{font-size:17px;line-height:1.95;margin-top:24px}.trial-callout{margin:29px 0 26px;border-left:2px solid var(--brand);padding-left:17px}.trial-callout strong{display:block;font-size:19px;font-weight:550;color:var(--light)}.trial-callout b{font-size:25px;font-weight:650;letter-spacing:-.05em}.trial-callout p{font-size:12px;margin-top:6px;max-width:375px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:47px;padding:12px 21px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:550;line-height:1.4;transition:background .18s,border-color .18s}.primary{background:var(--brand);color:white}.primary:hover{background:var(--brand-hover)}.secondary{border-color:var(--strong);background:var(--surface);color:var(--text)}.secondary:hover{background:var(--hover);border-color:var(--light)}.hero-meta{font-size:12px;margin-top:21px}.hero-meta span,.release-meta span:not([data-version]){margin-inline:7px}.release-meta{font-size:11px;margin-top:3px}.hero-visual{justify-self:center;width:100%;max-width:408px;border:1px solid var(--strong);border-radius:12px;background:var(--surface);overflow:hidden}.shot-label{font-size:11px;color:var(--muted);padding:13px 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);line-height:1.5}.shot-label>span:last-child:not(.status-dot){margin-left:auto;font-size:10px;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--success);flex:none}.screenshot-button{display:block;width:100%;padding:0;border:0;background:var(--canvas);cursor:zoom-in;border-radius:0;overflow:hidden}.screenshot-button svg.actual-shot{width:100%;height:auto;display:block}.hero-visual .screenshot-button{padding:9px 11px 0}.hero-visual figcaption{font-size:10px;text-align:center;padding:11px 12px;color:var(--muted);border-top:1px solid var(--line)}.feature-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid var(--line);padding-block:25px}.feature-strip>div+div{border-left:1px solid var(--line);padding-left:40px}.feature-strip h2{font-size:15px;letter-spacing:0;margin-bottom:8px}.feature-strip p{font-size:12px}.guide-nav{position:sticky;top:0;background:var(--canvas);border-bottom:1px solid var(--line);z-index:5}.guide-nav>.wrap{display:flex;align-items:center;gap:31px;min-height:62px;font-size:13px}.guide-nav span{color:var(--muted);font-size:11px;margin-right:auto}.guide-nav a{padding-block:21px;white-space:nowrap}.guide-nav a:hover{color:var(--light)}
.section{padding-block:82px;border-bottom:1px solid var(--line);scroll-margin-top:16px}.section-heading{margin-bottom:35px}.eyebrow{font-size:11px;letter-spacing:.08em;color:var(--light);margin-bottom:14px;font-weight:600}.section-heading>p:last-child{margin-top:13px;font-size:14px}.install-layout{display:grid;grid-template-columns:340px 1fr;gap:62px}.download-block{padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-self:start}.product-icon{width:43px;height:43px;margin-bottom:19px}.download-block>p{font-size:13px;margin-top:7px}.release-details{margin:25px 0 22px;font-size:12px}.release-details>div{display:flex;justify-content:space-between;padding-block:8px}.release-details dt{color:var(--muted)}.release-details dd{margin:0;font-variant-numeric:tabular-nums}.full-width{width:100%}.download-block p.small{font-size:11px;margin-top:16px}.system-tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:25px}.system-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 1px 15px;color:var(--muted);font-size:15px}.system-tabs [aria-selected="true"]{border-color:var(--brand);color:var(--text);font-weight:600}.install-steps{list-style:none;margin:0;padding:0;counter-reset:install}.install-steps li{counter-increment:install;position:relative;padding-left:40px;margin-bottom:23px}.install-steps li::before{content:counter(install);position:absolute;left:0;top:0;color:var(--light);width:25px;height:25px;border:1px solid var(--strong);border-radius:7px;display:grid;place-items:center;font-size:12px}.install-steps strong,.open-path strong{font-size:15px;font-weight:550}.install-steps p{font-size:13px;margin-top:7px}.path-box{background:var(--surface);border:1px solid var(--line);padding:16px 18px;border-radius:9px;margin-left:40px}.path-box>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:12px}.path-box button{background:none;border:none;color:var(--light);padding:4px;white-space:nowrap;font-size:11px}.path-box button:hover{text-decoration:underline}.path-box code{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;line-height:1.9;overflow-wrap:anywhere;color:var(--text)}.path-hint{font-size:11px;margin:12px 0 23px 40px;line-height:1.8}.open-path{display:flex;gap:15px}.step-number{color:var(--light);width:25px;height:25px;border:1px solid var(--strong);border-radius:7px;display:grid;place-items:center;font-size:12px;flex:none}.open-path p{font-size:13px;margin-top:9px;color:var(--text)}.open-path p span{margin-inline:10px;color:var(--light)}
.tutorial-row{display:grid;grid-template-columns:1fr 1fr;gap:94px;align-items:center}.tutorial-copy h2{font-size:33px;line-height:1.35}.intro{font-size:14px;margin-top:19px;max-width:430px}.annotated-steps{list-style:none;margin:28px 0;padding:0;display:grid;gap:22px}.annotated-steps li{display:flex;gap:14px;align-items:start}.annotated-steps li>span{font-size:12px;font-weight:600;width:25px;height:25px;border:1px solid var(--strong);border-radius:7px;display:grid;place-items:center;color:var(--light);flex:none}.annotated-steps strong{font-size:14px;font-weight:550}.annotated-steps p{font-size:12px;line-height:1.75;margin-top:5px}.small{font-size:12px;margin-top:16px}.tutorial-visual{border:1px solid var(--strong);border-radius:12px;overflow:hidden;align-self:center;max-width:474px;width:100%}.tutorial-visual figcaption{color:var(--muted);padding:12px 15px;font-size:10px;border-top:1px solid var(--line);line-height:1.7}.tutorial-visual .screenshot-button{padding:12px}.login-visual{max-width:430px;margin-inline:auto}.plain-note{border-top:1px solid var(--line);padding-top:21px;margin-top:26px}.plain-note strong{font-size:13px;font-weight:550;color:var(--light)}.plain-note p{font-size:12px;margin-top:7px}.use-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:32px}.use-flow b{display:block;font-size:13px;color:var(--light);margin-bottom:17px;font-weight:500}.use-flow h3{font-size:16px;letter-spacing:0;margin-bottom:10px}.use-flow p{font-size:12px;max-width:230px}.use-section>p.small{margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding-block:19px}.faq-list details:first-child{padding-top:3px}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:14px;line-height:1.8;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:17px;color:var(--muted);flex:none}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;margin-top:15px;padding-right:18px}.faq-list details a{display:inline-block;font-size:12px;color:var(--light);margin-top:10px}.closing{padding-block:52px;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing>div{display:flex;align-items:center;gap:20px}.closing>div>svg{width:47px;height:47px}.closing h2{font-size:23px}.closing p{font-size:13px;margin-top:9px}.closing .button{white-space:nowrap}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-block:25px 35px;color:var(--muted);font-size:11px}footer a:hover{color:var(--light)}footer>span:last-child{font-size:10px}dialog{border:1px solid var(--strong);border-radius:12px;background:var(--canvas);color:var(--text);max-height:94vh;width:min(790px,95vw);max-width:95vw;padding:18px}dialog::backdrop{background:rgba(0,0,0,.85)}.dialog-top{display:flex;gap:20px;align-items:center;justify-content:space-between;position:sticky;top:-18px;background:var(--canvas);padding:10px 0 15px}.dialog-top p{font-size:12px}.dialog-close{background:var(--panel);border:1px solid var(--strong);border-radius:6px;padding:8px 12px;white-space:nowrap;font-size:12px}#dialog-image svg{width:100%;height:auto;display:block}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--panel);color:var(--text);border:1px solid var(--strong);border-radius:9px;font-size:13px;z-index:30;max-width:90vw}
@media(min-width:1400px){.hero{padding-block:74px}.hero-visual{max-width:420px}}
@media(max-width:1020px){.wrap{width:calc(100% - 56px)}.main-nav{gap:17px;font-size:12px}.hero{gap:35px}.hero h1{font-size:45px}.hero-description{font-size:15px}.trial-callout p{font-size:11px}.feature-strip>div+div{padding-left:25px}.feature-strip p{font-size:11px}.install-layout{grid-template-columns:290px 1fr;gap:30px}.download-block{padding:23px}.tutorial-row{gap:50px}.tutorial-copy h2{font-size:29px}.faq-section{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.signature{font-size:10px;padding-block:12px 6px}.header-inner{min-height:60px;position:relative}.brand{font-size:16px}.menu-button{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--strong);border-radius:7px;padding:8px 11px;font-size:12px}.main-nav{display:none;position:absolute;top:59px;left:0;right:0;background:var(--surface);padding:8px 18px;border:1px solid var(--strong);border-radius:9px;z-index:10;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding-block:14px}.main-nav a[aria-current]::after{display:none}.hero{grid-template-columns:1fr;gap:37px;padding-block:43px}.hero h1{font-size:46px}.hero-description{font-size:16px}.product-label{margin-bottom:20px}.hero-copy{max-width:570px}.hero-visual{max-width:390px}.trial-callout{margin-block:25px}.feature-strip{gap:20px;grid-template-columns:1fr;padding-block:24px}.feature-strip>div+div{border-left:0;padding-left:0}.feature-strip>div{display:grid;grid-template-columns:135px 1fr;align-items:start;gap:12px}.feature-strip h2{font-size:13px;line-height:1.8;margin:0}.feature-strip p{font-size:12px}.guide-nav>.wrap{gap:22px;overflow-x:auto;font-size:12px;min-height:53px;scrollbar-width:none}.guide-nav span{display:none}.guide-nav a{padding-block:18px}.section{padding-block:51px}.section-heading{margin-bottom:26px}h2{font-size:28px}.section-heading>p:last-child{font-size:13px}.install-layout{grid-template-columns:1fr;gap:30px}.download-block{display:block;padding:25px}.product-icon{float:right;margin:0;width:45px;height:45px}.release-details{display:flex;justify-content:space-between;gap:15px;margin-block:21px}.release-details>div{display:block;padding:0}.release-details dd{margin-top:8px}.download-block .small br{display:none}.system-tabs{margin-bottom:26px}.tutorial-row{grid-template-columns:1fr;gap:30px}.tutorial-copy h2{font-size:29px}.tutorial-visual{max-width:480px;margin-inline:auto}.reversed .tutorial-copy{order:-1}.intro{max-width:none}.annotated-steps{gap:20px}.annotated-steps p{font-size:13px}.tutorial-visual.login-visual{max-width:390px}.use-flow{grid-template-columns:1fr 1fr;gap:29px 20px}.faq-section{grid-template-columns:1fr;gap:29px}.closing{padding-block:36px;align-items:flex-start;flex-direction:column;gap:22px}.closing h2{font-size:21px}.closing>div{gap:12px}.closing>div>svg{width:34px;height:34px;flex:none}.closing .button{margin-left:46px}footer{flex-wrap:wrap;gap:13px;font-size:10px}footer>span:last-child{width:100%}.path-box{margin-left:0}.path-hint{margin-left:0}html{scroll-padding-top:63px}}
@media(max-width:380px){.hero h1{font-size:39px}.actions{gap:9px}.button{font-size:12px;padding-inline:15px}.hero-meta{font-size:11px}.release-details{font-size:11px}.guide-nav>.wrap{gap:18px}.feature-strip>div{grid-template-columns:114px 1fr}.trial-callout strong{font-size:17px}.trial-callout p{font-size:11px}.section-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}