:root{--bg-page:#fff;--bg-subtle:#f7f7fa;--bg-muted:#efeff4;--bg-elevated:#fff;--text-primary:#1c1c23;--text-secondary:#5e5e6e;--text-tertiary:#7c7c8c;--text-disabled:#c9c9d4;--border:#e2e2ea;--border-strong:#c9c9d4;--brand:#5a4bc6;--brand-hover:#4a3ca8;--brand-active:#3a2f85;--brand-text:#5a4bc6;--brand-subtle:#f4f3fd;--brand-subtle-text:#4a3ca8;--on-brand:#fff;--success:#2e9e6a;--success-bg:#e7f6ee;--success-text:#1d6e49;--warning:#e07a2f;--warning-bg:#fdf0e6;--warning-text:#9a4a12;--danger:#d9433f;--danger-bg:#fceaea;--danger-text:#9e2723;--focus-ring:#5a4bc659;--overlay:#12121666;--selection:#f4f3fd;--font-display:"Nunito", "Resource Han Rounded SC", "Noto Sans SC", sans-serif;--font-sans:"Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Noto Sans SC", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--radius-bubble:16px 16px 16px 4px;--radius-bubble-user:16px 16px 4px 16px;--shadow-sm:0 1px 2px #1c1c230f;--shadow-md:0 4px 16px #1c1c2314;--shadow-lg:0 12px 40px #1c1c231f;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page:#121216;--bg-subtle:#1c1c23;--bg-muted:#2e2e38;--bg-elevated:#24242c;--text-primary:#f7f7fa;--text-secondary:#a2a2b0;--text-disabled:#464654;--border:#2e2e38;--border-strong:#464654;--brand:#7366d8;--brand-hover:#6456d0;--brand-active:#5a4bc6;--brand-text:#b5acf1;--brand-subtle:#282160;--brand-subtle-text:#d3cdf7;--success-bg:#12301f;--success-text:#5fc795;--warning-bg:#3a2312;--warning-text:#f0a46a;--danger-bg:#3a1716;--danger-text:#f07c78;--focus-ring:#b5acf173;--overlay:#0009;--selection:#3a2f85}}:root[data-theme=dark]{--bg-page:#121216;--bg-subtle:#1c1c23;--bg-muted:#2e2e38;--bg-elevated:#24242c;--text-primary:#f7f7fa;--text-secondary:#a2a2b0;--text-disabled:#464654;--border:#2e2e38;--border-strong:#464654;--brand:#7366d8;--brand-hover:#6456d0;--brand-active:#5a4bc6;--brand-text:#b5acf1;--brand-subtle:#282160;--brand-subtle-text:#d3cdf7;--success-bg:#12301f;--success-text:#5fc795;--warning-bg:#3a2312;--warning-text:#f0a46a;--danger-bg:#3a1716;--danger-text:#f07c78;--focus-ring:#b5acf173;--overlay:#0009;--selection:#3a2f85}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75;overflow-x:clip}::selection{background:var(--selection)}:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}code{font-family:var(--font-mono);font-size:14px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.display{font-family:var(--font-display);letter-spacing:-.01em;font-size:48px;font-weight:700;line-height:56px}.h2{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:36px}.h3{font-size:20px;font-weight:500;line-height:28px}.eyebrow{color:var(--brand-text);font-size:14px;font-weight:500;line-height:22px}.lead{color:var(--text-secondary);max-width:640px;font-size:18px;line-height:32px}.section-lead{color:var(--text-secondary);max-width:640px;margin-top:12px;font-size:18px;line-height:32px}.note{color:var(--text-secondary);font-size:14px;line-height:22px}.bubble{background:var(--brand-subtle);color:var(--text-primary);border-radius:var(--radius-bubble);padding:16px 24px;display:inline-block}.button{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-page);height:36px;color:var(--text-primary);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.button:hover{background:var(--bg-subtle)}.button:active{background:var(--bg-muted)}.button--primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.button--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.button--primary:active{background:var(--brand-active);border-color:var(--brand-active)}.button--large{height:48px;padding:0 24px;font-size:16px}.tag{border-radius:var(--radius-sm);background:var(--brand-subtle);height:22px;color:var(--brand-subtle-text);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.tag--gray{background:var(--bg-muted);color:var(--text-secondary)}.key{min-width:40px;height:40px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0 12px;font-size:16px;font-weight:500;display:inline-flex}.key--small{border-radius:var(--radius-sm);min-width:24px;height:24px;padding:0 4px;font-size:12px}.header{z-index:10;background:var(--bg-page);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner{align-items:center;gap:32px;height:64px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.nav{color:var(--text-secondary);gap:24px;font-size:14px;display:flex}.nav a,.lang,.footer a{transition:color var(--duration-fast) var(--ease-out)}.nav a:hover,.lang:hover,.footer a:hover{color:var(--text-primary)}.header__end{align-items:center;gap:16px;margin-left:auto;display:flex}.lang{color:var(--text-secondary);font-size:14px}.hero{flex-direction:column;align-items:flex-start;gap:24px;padding-top:96px;display:flex}.hero .eyebrow{margin-bottom:-8px}.actions{flex-wrap:wrap;gap:12px;display:flex}.hero .note code{color:var(--text-primary)}.showcase{background:var(--bg-subtle);border-radius:var(--radius-lg);margin-top:48px;padding:48px}.demo{max-width:960px;margin:0 auto}.demo__panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);height:520px;box-shadow:var(--shadow-lg);grid-template-columns:300px 1fr;display:grid;overflow:hidden}.demo__side{background:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.demo__search{border-radius:var(--radius-md);background:var(--bg-page);border:1px solid var(--border);height:36px;color:var(--text-tertiary);align-items:center;gap:8px;margin:12px;padding:0 12px;font-size:14px;display:flex}.demo__search span{flex:1}.demo kbd{font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 4px;font-size:12px;font-weight:500;line-height:18px}.demo__list{flex:1;padding:0 8px;overflow:hidden}.demo__group{height:32px;color:var(--text-secondary);align-items:center;gap:12px;margin-top:8px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.demo__group span:nth-child(2){flex:1}.demo__group em{color:var(--text-tertiary);font-size:12px;font-style:normal}.demo__group svg{color:var(--text-tertiary)}.demo__row{border-radius:var(--radius-md);cursor:default;min-height:36px;transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:12px;padding:4px 8px;font-size:14px;display:flex}.demo__row.is-child{padding-left:38px}.demo__row:hover{background:var(--bg-muted)}.demo__row.is-sel{background:var(--brand-subtle);color:var(--brand-subtle-text)}.demo__title{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;min-width:0;line-height:20px;display:flex;overflow:hidden}.demo__title small{color:var(--text-secondary);font-size:12px;line-height:16px}.demo__badge{color:var(--text-secondary);background:var(--bg-muted);border-radius:var(--radius-sm);white-space:nowrap;padding:0 8px;font-size:12px;line-height:22px}.demo__star{color:var(--brand-text);display:inline-flex}.demo__ord{color:var(--text-tertiary);text-align:right;width:12px;font-size:12px;font-weight:500}.demo-icon{color:#fff;border-radius:24%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.demo__hints{border-top:1px solid var(--border);height:40px;color:var(--text-secondary);align-items:center;gap:12px;padding:0 16px;font-size:12px;display:flex}.demo__hints span{align-items:center;gap:4px;display:inline-flex}.demo__stage{flex-direction:column;min-width:0;padding:24px 32px 32px;display:flex}.demo__head{align-items:center;gap:12px;height:48px;display:flex}.demo__head div{flex-direction:column;min-width:0;display:flex}.demo__head strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.demo__head small{color:var(--text-secondary);font-size:13px;line-height:20px}.demo__preview{flex:1;place-items:center;margin-top:24px;display:grid}.demo__keys{color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.demo__keys .key{transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.demo__keys .key.is-held,.demo__keys .key.is-down{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand-subtle-text)}.fake{aspect-ratio:16/10;background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:560px;animation:fade var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes fade{0%{opacity:.4}}.fake__bar{background:var(--bg-subtle);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;height:32px;padding:0 12px;display:flex}.fake__bar i{border-radius:var(--radius-full);background:var(--border-strong);width:8px;height:8px}.fake__url{border-radius:var(--radius-sm);background:var(--bg-muted);flex:1;height:16px;margin:0 48px 0 24px}.fake__body{flex:1;min-height:0;display:flex}.fake__side{background:var(--bg-subtle);border-right:1px solid var(--border);width:22%}.fake__code{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.fake__code span{border-radius:var(--radius-sm);background:var(--bg-muted);height:8px}.fake__code span:nth-child(4n){background:var(--brand-subtle)}.fake__term{font-family:var(--font-mono);color:#a2a2b0;background:#121216;flex:1;padding:16px;font-size:12px;line-height:24px}.fake__term p:nth-child(2){color:#5fc795}.fake__page{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.fake__hero{border-radius:var(--radius-md);background:var(--brand-subtle);height:42%}.fake__cards{flex:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fake__cards i{border-radius:var(--radius-md);background:var(--bg-muted)}.fake__doc{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.fake__doc b{border-radius:var(--radius-sm);background:var(--border-strong);width:46%;height:16px;margin-bottom:4px}.fake__doc span{border-radius:var(--radius-sm);background:var(--bg-muted);height:8px}.fake__canvas{background:var(--bg-subtle);flex:1;position:relative}.fake__canvas i{border-radius:var(--radius-md);background:var(--bg-page);border:1px solid var(--border);position:absolute}.fake__canvas i:first-child{inset:18% 46% 18% 10%}.fake__canvas i:last-child{background:var(--brand-subtle);inset:26% 10% 30% 58%}.section{padding-top:96px}.cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.card{border-radius:var(--radius-lg);background:var(--bg-subtle);flex-direction:column;gap:8px;padding:24px;display:flex}.card p{color:var(--text-secondary);font-size:16px;line-height:28px}.card__keys{gap:8px;margin-bottom:16px;display:flex}.split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.split--flip .split__text{order:2}.split__art{background:var(--bg-subtle);border-radius:var(--radius-lg);padding:48px}.features{gap:24px;margin:32px 0 0;padding:0;list-style:none;display:grid}.features li{gap:16px;display:flex}.features__icon{border-radius:var(--radius-md);background:var(--bg-subtle);width:40px;height:40px;color:var(--text-secondary);flex:none;place-items:center;display:grid}.features strong{font-weight:500}.features p{color:var(--text-secondary);font-size:14px;line-height:22px}.badges,.privacy-list,.cycle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:8px}.badges__row,.privacy-list__row{border-radius:var(--radius-md);align-items:center;gap:12px;min-height:48px;padding:0 12px;font-size:14px;display:flex}.badges__row.is-sel{background:var(--brand-subtle)}.badges__app{border-radius:var(--radius-sm);background:var(--border-strong);flex:none;width:20px;height:20px}.badges__line{border-radius:var(--radius-sm);background:var(--bg-muted);flex:0 auto;height:8px}.badges__row .tag,.privacy-list__row .tag{margin-left:auto}.privacy-list__title{color:var(--brand-text);align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.points{gap:24px;margin:32px 0 0;padding:0;list-style:none;display:grid}.points li{border-left:2px solid var(--border);flex-direction:column;gap:4px;padding-left:16px;display:flex}.points li:first-child{border-color:var(--brand)}.points strong{font-weight:500}.points span{color:var(--text-secondary);font-size:16px;line-height:28px}.cycle__item{border-radius:var(--radius-md);align-items:center;gap:12px;min-height:48px;padding:0 12px;font-size:16px;display:flex}.cycle__item.is-first{background:var(--brand-subtle);color:var(--brand-subtle-text)}.cycle__num{border-radius:var(--radius-full);background:var(--bg-muted);width:24px;height:24px;color:var(--text-secondary);place-items:center;font-size:12px;font-weight:500;display:grid}.cycle__item.is-first .cycle__num{background:var(--brand);color:var(--on-brand)}.cycle__label{flex:1}.cycle__star{color:var(--brand-text);display:inline-flex}.checks{gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:12px;display:flex}.checks svg{color:var(--success);flex:none;margin-top:4px}.checks--small{gap:12px;margin:24px 0 32px;font-size:14px;line-height:22px}.checks--small svg{margin-top:3px}.facts{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.fact{border-radius:var(--radius-lg);background:var(--bg-subtle);flex-direction:column;gap:4px;padding:24px;display:flex}.fact strong{font-family:var(--font-display);color:var(--brand-text);font-size:36px;font-weight:700;line-height:44px}.fact span{color:var(--text-secondary);font-size:14px;line-height:22px}.plans{grid-template-columns:repeat(2,1fr);gap:24px;margin:48px 0 24px;display:grid}.plan{border-radius:var(--radius-lg);background:var(--bg-page);border:1px solid var(--border);flex-direction:column;padding:32px;display:flex}.plan__head{align-items:center;gap:8px;display:flex}.plan__price{font-family:var(--font-display);margin-top:8px;font-size:36px;font-weight:700;line-height:44px}.plan__price span{font-family:var(--font-sans);color:var(--text-secondary);font-size:14px;font-weight:400}.plan .button{align-self:flex-start;margin-top:auto}.faq{max-width:768px}.faq .h2{margin-bottom:24px}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--text-tertiary);transition:transform var(--duration-base) var(--ease-out);flex:none}.faq details[open] summary svg{transform:rotate(180deg)}.faq details p{color:var(--text-secondary);padding-bottom:16px}.ending{color:#f7f7fa;background:#121216;margin-top:96px}.ending__inner{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:96px;padding-bottom:96px;display:flex}.ending img{margin-bottom:8px}.ending p{color:#a2a2b0;margin-bottom:16px;font-size:18px;line-height:32px}.ending .button--primary{background:#7366d8;border-color:#7366d8}.ending .button--primary:hover{background:#6456d0;border-color:#6456d0}.ending :focus-visible{box-shadow:0 0 0 3px #b5acf173}.footer{border-top:1px solid var(--border)}.footer__inner{min-height:80px;color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:24px;font-size:14px;line-height:22px;display:flex}.footer__links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.maker{align-items:center;gap:8px;display:inline-flex}.hz{color:var(--brand);align-items:center;gap:4px;display:inline-flex}.hz b{font-family:var(--font-display);color:var(--text-primary);font-weight:700}.hz i{color:var(--brand-text);font-style:normal}@media (width<=1199px){.nav{display:none}}@media (width<=960px){.demo__panel{grid-template-columns:260px 1fr}.split{grid-template-columns:1fr;gap:48px}.split--flip .split__text{order:0}.facts{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.wrap{padding:0 16px}.display{font-size:36px;line-height:44px}.h2{font-size:24px;line-height:32px}.hero{padding-top:48px}.section{padding-top:64px}.showcase{margin-top:32px;padding:16px}.demo__panel{grid-template-columns:1fr;height:auto}.demo__stage{display:none}.demo__list{max-height:360px}.demo__keys{margin-top:16px}.cards,.plans{grid-template-columns:1fr}.split__art{padding:16px}.lang{display:none}.ending{margin-top:64px}.ending__inner{padding-top:64px;padding-bottom:64px}}@media (width<=479px){.facts{grid-template-columns:1fr}.actions .button{width:100%}}.footer a.hz{border-radius:var(--radius-sm)}.footer a.hz:hover b{text-underline-offset:3px;text-decoration:underline}.button--disabled,.button--disabled:hover{color:var(--text-disabled);border-color:var(--border);background:var(--bg-page);cursor:not-allowed}