:root{color:#222;font-synthesis:none;--ink:#222;--muted:#73736c;--line:#deded6;--accent:#242424;background:#f5f5f2;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible{outline-offset:5px;border-radius:3px;outline:3px solid #64645c}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty;line-height:1.8}h2{font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.35}.shell{width:min(1200px,100% - 96px);margin-inline:auto}.skip-link{z-index:10;background:#fff;padding:12px 20px;position:absolute;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:104px;display:flex}.brand{white-space:nowrap;align-items:center;gap:11px;font-size:24px;font-weight:650;display:inline-flex}.site-header nav{align-items:center;gap:30px;font-size:14px;display:flex}.site-header nav>a:not(.button):hover,.text-link:hover,.footer-links a:hover{text-underline-offset:5px;text-decoration:underline}.language-link{font-size:13px}.preview-label{color:var(--muted);border:1px solid #cecec5;border-radius:4px;padding:7px 11px;font-size:12px}.button{background:var(--accent);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:26px;min-height:52px;padding:14px 22px;font-size:15px;font-weight:550;display:inline-flex}.button:hover{background:#444}.button.small{gap:16px;min-height:40px;padding:9px 14px;font-size:13px}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;padding-block:92px 98px;display:grid}.eyebrow{color:var(--muted);align-items:center;gap:10px;font-size:11px;font-weight:600;line-height:1.6;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{margin-top:28px;font-size:clamp(48px,6.2vw,76px);font-weight:600;line-height:1.22}h1 span{color:#85857b}.hero-intro{max-width:500px;color:var(--muted);margin-top:28px;font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.platforms{color:var(--muted);white-space:nowrap;font-size:11px}.hero-art{aspect-ratio:1;background:#050505;place-items:center;display:grid;position:relative;overflow:hidden}.hero-art>img{width:72%;height:auto}.art-caption{color:#989892;font-size:9px;position:absolute;bottom:23px;left:22px}.corner-mark{color:#c1c1b8;font-size:26px;position:absolute;top:15px;right:20px}.workspace-section{border-top:1px solid var(--line);padding-block:58px 90px}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);margin-top:15px;font-size:15px}.workbench-figure{margin:38px 0 0}.workbench-preview{background:#fff;border:1px solid #d1d1c8;border-radius:9px;overflow:hidden;box-shadow:0 20px 25px -5px #22222214,0 8px 10px -6px #22222208}.preview-bar{color:#7b7b72;background:#fafaf7;border-bottom:1px solid #e3e3dc;justify-content:space-between;align-items:center;height:40px;padding:0 17px;font-size:11px;display:flex}.window-controls{color:#bdbdb2;word-spacing:3px;font-size:10px}.preview-bar-label{font-size:10px}.preview-body{min-height:340px;display:flex}.preview-sidebar{background:#f4f4ef;border-right:1px solid #e3e3dc;flex-direction:column;flex:none;gap:7px;width:205px;padding:22px 14px;font-size:11px;display:flex}.preview-brand{align-items:center;gap:8px;margin:0 8px 22px;font-size:15px;font-weight:600;display:flex}.preview-sidebar>span{color:#727269;align-items:center;gap:12px;padding:9px 10px;display:flex}.preview-sidebar>span.selected{color:#333;background:#e4e4da;border-radius:4px}.preview-sidebar>span.preview-sidebar-label{padding-top:19px;font-size:9px}.preview-sidebar>.preview-sidebar-footer{color:var(--accent);margin-top:auto;padding-bottom:0;font-size:17px}.preview-sidebar-footer>span{color:#727269;font-size:10px}.preview-main{flex-direction:column;flex:1;min-width:0;display:flex}.preview-tabs{color:#84847b;background:#fafaf8;border-bottom:1px solid #e8e8e2;height:41px;font-size:10px;display:flex}.preview-tabs span{border-right:1px solid #e8e8e2;place-items:center;min-width:106px;display:grid}.preview-tabs span.active{color:#333;border-top:2px solid var(--accent);background:#fff}.preview-editor{flex:1;gap:22px;padding:30px 28px;font-family:Consolas,monospace;font-size:13px;line-height:2.1;display:flex;position:relative;overflow:hidden}.editor-lines{color:#b9b9b0;text-align:right;font-variant-numeric:tabular-nums}.editor-content p{white-space:nowrap;line-height:2.1}.editor-content b{color:#4a4a43;font-weight:600}.editor-content em{color:#68685c;font-style:normal}.code-comment{color:#9e9e91}.preview-watermark{opacity:.055;pointer-events:none;user-select:none;font-family:Inter,sans-serif;font-size:50px;font-weight:650;position:absolute;bottom:20px;right:28px}.preview-status{color:#89897f;background:#f5f5ef;justify-content:space-between;padding:7px 18px;font-size:9px;display:flex}figcaption{text-align:right;color:var(--muted);margin-top:12px;font-size:10px}.feature-list{grid-template-columns:repeat(3,1fr);margin-top:44px;display:grid}.feature-list article{border-right:1px solid var(--line);padding:0 32px}.feature-list article:first-child{padding-left:0}.feature-list article:last-child{border:0;padding-right:0}.feature-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.feature-list h3,.steps h3{margin:16px 0 12px;font-size:19px;font-weight:600}.feature-list p,.steps p{color:var(--muted);font-size:13px}.start-section{background:#eaeae2;padding-block:74px}.steps{grid-template-columns:repeat(3,1fr);gap:48px;margin:42px 0 48px;padding:0;list-style:none;display:grid}.step-number{color:#a9a99b;font-variant-numeric:tabular-nums;font-size:30px;font-weight:450}.boundary{border-top:1px solid #d1d1c5;gap:21px;padding-top:30px;display:flex}.boundary>span{color:var(--accent);font-size:28px}.boundary h3{font-size:16px;font-weight:550}.boundary p{color:var(--muted);max-width:850px;margin-top:9px;font-size:12px}.release-section{grid-template-columns:1.3fr 1fr;gap:90px;padding-block:88px;display:grid}.release-section h2{margin-top:14px}.release-section>div>p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:14px}.text-link{color:var(--accent);gap:24px;margin-top:23px;font-size:13px;display:inline-flex}.release-platforms{border-top:1px solid var(--line);align-self:center}.release-platforms>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:22px 0;display:flex}.release-platforms strong{font-size:15px;font-weight:500}.release-platforms span{color:var(--muted);font-size:11px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:26px;padding-block:37px 26px;display:grid}.site-footer .brand{font-size:20px}.site-footer p{color:var(--muted);margin-top:13px;font-size:10px}.company-wordmark{align-self:center;width:180px;height:auto}.footer-links{align-items:start;gap:28px;font-size:12px;display:flex}.footer-links a{gap:10px;display:inline-flex}.footer-note{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px}@media (width<=950px){.shell{width:calc(100% - 48px)}.hero{gap:32px;padding-block:65px}.hero-actions{flex-direction:column;align-items:start;gap:15px}.hero-intro{font-size:14px}.site-header nav{gap:20px}.release-section{gap:40px}.preview-sidebar{width:170px}.feature-list article{padding-inline:20px}.preview-watermark{font-size:38px}.footer-links{gap:18px}}@media (width<=640px){.shell{width:calc(100% - 36px)}.site-header{gap:12px;height:78px}.brand{gap:8px;font-size:21px}.brand img{width:30px;height:30px}.site-header nav{gap:16px;font-size:12px}.site-header nav>a:first-child,.preview-label{display:none}.site-header .button{gap:8px;min-height:36px;padding:7px 10px;font-size:11px}.hero{grid-template-columns:1fr;gap:36px;padding-block:48px 52px}.hero h1{margin-top:20px;font-size:52px}.hero-intro{max-width:430px;margin-top:20px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:25px}.platforms{font-size:9px}.hero-art{aspect-ratio:1.35;max-height:330px}.hero-art>img{object-fit:contain;width:62%;max-height:280px}.workspace-section{padding-block:42px 45px}.section-heading>p:last-child:not(.eyebrow){font-size:13px}.workbench-figure{margin-top:27px}.preview-sidebar{gap:5px;width:111px;padding:15px 7px;font-size:8px}.preview-brand{gap:4px;margin:0 3px 12px;font-size:11px}.preview-brand img{width:17px;height:17px}.preview-sidebar>span{gap:5px;padding:8px 5px}.preview-sidebar>.preview-sidebar-footer{font-size:12px}.preview-sidebar-footer>span{font-size:7px}.preview-bar-label{display:none}.preview-body{min-height:265px}.preview-tabs{height:34px;font-size:8px}.preview-tabs span{min-width:60px}.preview-editor{gap:12px;padding:22px 12px;font-size:9px}.preview-watermark{font-size:25px;right:12px}.preview-status{padding-inline:10px;font-size:7px}.feature-list{grid-template-columns:1fr;gap:27px;margin-top:30px}.feature-list article,.feature-list article:first-child,.feature-list article:last-child{border:0;border-bottom:1px solid var(--line);padding:0 0 25px}.feature-list article:last-child{border:0;padding-bottom:0}.feature-list h3{margin:10px 0 9px}.start-section{padding-block:43px}.steps{grid-template-columns:1fr;gap:25px;margin-block:30px}.steps li{grid-template-columns:45px 1fr;column-gap:13px;display:grid}.step-number{grid-row:1/3;font-size:25px}.steps h3{margin:0 0 8px;font-size:17px}.steps p{grid-column:2;font-size:12px}.boundary{gap:13px;padding-top:24px}.boundary h3{font-size:15px}.boundary p{font-size:11px}.release-section{grid-template-columns:1fr;gap:30px;padding-block:45px}.release-section>div>p:not(.eyebrow){font-size:13px}.site-footer{grid-template-columns:1fr;gap:20px}.footer-links{flex-wrap:wrap;padding:0}.site-footer .footer-note{margin:0;font-size:9px;line-height:1.7}}.hero-release-note{color:var(--muted);margin-top:13px;font-size:11px}.account-link{color:var(--muted)}@media (width<=640px){.site-header nav>a:nth-child(2),.site-header .account-link{display:none}.site-header nav{gap:12px}.release-platforms span{text-align:right;max-width:65%}}