:root{--bg: #ffffff;--surface: #ffffff;--surface-alt: #f7f7f7;--border: #e0e0e0;--text: #111111;--text-dim: #999999;--accent: #111111;--accent-hover: #444444;--radius: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:56px;background:var(--surface);border-bottom:1px solid var(--border)}.nav-brand{font-size:17px;font-weight:600;color:var(--accent);text-decoration:none;letter-spacing:.5px}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{font-size:14px;color:var(--text-dim);text-decoration:none;letter-spacing:.2px;transition:color .12s}.nav-links a:hover{color:var(--text)}main{max-width:760px;margin:0 auto;padding:96px 24px 80px}.hero{text-align:center;margin-bottom:72px}.hero-title{font-size:52px;font-weight:300;letter-spacing:6px;color:var(--accent);line-height:1.1;margin-bottom:8px}.hero-subtitle{font-size:15px;color:var(--text-dim);letter-spacing:3px;margin-bottom:32px}.hero-desc{font-size:15px;color:var(--text);line-height:1.9;max-width:520px;margin:0 auto 40px}.cta-group{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn-primary{display:inline-block;padding:11px 32px;background:#111;color:#fff;border-radius:var(--radius);text-decoration:none;font-size:14px;letter-spacing:.4px;transition:background .12s}.btn-primary:hover{background:#333}.btn-secondary{display:inline-block;padding:11px 32px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;font-size:14px;letter-spacing:.4px;transition:border-color .12s,color .12s}.btn-secondary:hover{border-color:#999;color:var(--text)}.divider{border:none;border-top:1px solid var(--border);margin:56px 0}.features{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.feature-item.full{grid-column:1 / -1}.feature-title{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.feature-desc{font-size:14px;color:var(--text-dim);line-height:1.8}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px 10px 0}.code-block-title{font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.code-block pre{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:13px;line-height:1.7;color:var(--text);overflow-x:auto;counter-reset:ty-line}.code-block .ty-line{display:block;counter-increment:ty-line}.code-block .ty-line:before{content:counter(ty-line);display:inline-block;width:1.6em;margin-right:1em;text-align:right;color:#ccc;-webkit-user-select:none;user-select:none;font-size:11px}.code-block .hljs{background:transparent;color:#2a2a28}.code-block .hljs-comment{color:#969690;font-style:italic}.code-block .hljs-string{color:#6b7a2e}.code-block .hljs-number{color:#8b5e3c}.code-block .hljs-keyword{color:#3d5a8a;font-weight:600}.code-block .hljs-built_in{color:#7a4a7a}.code-block .hljs-operator{color:#555550}.code-block .hljs-variable{color:#2a2a28}.demo-label{font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:48px;margin-bottom:8px}.demo-row{display:flex;gap:20px;align-items:stretch}.demo-row .code-block{margin-top:0;flex:0 0 auto;width:280px}.screenshot{flex:1;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px #0000000f}.screenshot img{display:block;width:100%;height:100%;object-fit:cover}footer{border-top:1px solid var(--border);padding:28px 48px;text-align:center;font-size:13px;color:var(--text-dim)}@media (max-width: 540px){nav{padding:0 20px}main{padding:60px 20px}.hero-title{font-size:38px}.features{grid-template-columns:1fr}.demo-row{flex-direction:column}.demo-row .code-block{width:100%}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}