.download:where(.astro-hvegafyc){align-items:inherit;flex-direction:column;display:flex}.download-meta:where(.astro-hvegafyc){color:var(--ink2);text-wrap:pretty;flex-direction:column;gap:4px;margin-top:16px;font-size:14px;line-height:20px;display:flex}.download-meta:where(.astro-hvegafyc) a:where(.astro-hvegafyc){color:var(--accent)}.section{box-sizing:border-box;padding:96px 24px}.section-band{background:var(--band)}.section-flush{padding-top:0}.wrap{box-sizing:border-box;width:100%;max-width:1152px;margin:0 auto}.split{flex-wrap:wrap;align-items:center;gap:64px;display:flex}.split-text{flex:400px;min-width:0}.split-visual{flex:520px;min-width:0}.sec-title{text-wrap:balance;margin:0;font-size:36px;font-weight:600;line-height:40px}.sec-body{color:var(--ink2);text-wrap:pretty;margin:16px 0 0;font-size:18px;line-height:28px}.sec-intro{max-width:680px}.points{color:var(--ink2);text-wrap:pretty;flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.points strong{color:var(--ink);font-weight:600}.three{color:var(--ink2);text-wrap:pretty;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.three strong{color:var(--ink);margin-bottom:4px;font-weight:600;display:block}.reveal{transition:opacity .7s var(--ease), transform .7s var(--ease)}.armed .reveal:not(.in){opacity:0;transform:translateY(32px)}.hero{box-sizing:border-box;justify-content:center;min-height:832px;display:flex}.hero-inner{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:48px;width:100%;max-width:1392px;padding:40px 24px;display:flex}.hero-copy{flex-direction:column;flex:0 560px;align-items:flex-start;min-width:0;display:flex}.hero-title{background-image:linear-gradient(90deg, var(--from), var(--to));color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:680px;margin:0;font-size:60px;font-weight:700;line-height:60px}.hero-title span{display:block}.hero-title span+span{margin-top:8px}.hero-sub{max-width:680px;color:var(--ink2);text-wrap:pretty;margin:16px 0 32px;font-size:18px;line-height:28px}.hero-sub>span{display:block}.stage{box-sizing:border-box;background:var(--stage);border-radius:24px;position:relative;overflow:hidden}.hero-stage{flex:640px;min-width:0;height:640px}.window-bar{background:var(--chrome);align-items:center;display:flex}.traffic{gap:8px;display:flex}.traffic i{background:#ec6a5e;border-radius:9999px;width:12px;height:12px}.traffic i:nth-child(2){background:#f4bf4f}.traffic i:nth-child(3){background:#61c554}.chat{box-sizing:border-box;background:var(--surface);width:380px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:64px;left:24px;overflow:hidden}.chat .window-bar{gap:12px;padding:12px 16px}.chat-title{font-size:14px;font-weight:600;line-height:20px}.chat-body{flex-direction:column;gap:12px;padding:16px;font-size:14px;line-height:20px;display:flex}.message{align-items:flex-start;gap:8px;display:flex}.message-mine{justify-content:flex-end}.avatar{background:var(--ball);color:#1f1f1f;border-radius:9999px;flex:0 0 32px;place-items:center;height:32px;font-size:12px;font-weight:600;line-height:16px;display:grid}.avatar-zhe{background:#bfd3f2}.bubble{background:var(--muted);border-radius:12px;padding:8px 12px}.sent{border-radius:8px;box-shadow:0 0 0 1px #1f1f1f0f}.sent-white{background:#fff}.chat-input{background:var(--muted);color:var(--ink2);border-radius:8px;margin:0 12px 12px;padding:8px 12px;font-size:14px;line-height:20px}.panel{box-sizing:border-box;background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:12px;padding:12px;display:flex}.hero-panel{width:300px;position:absolute;top:176px;right:40px}.panel-top{gap:8px;display:flex}.search{background:var(--muted);border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:14px;line-height:20px;display:flex}.search svg{color:var(--ink2);flex:none}.search-active,.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.search-input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:0}.search-input::placeholder{color:var(--ink2)}.pin{background:var(--muted);color:var(--ink3);border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;display:grid}.tile{box-sizing:border-box;aspect-ratio:1;background:var(--tile);border:0;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.tile img,.mock-tile img,.mock-preview img{object-fit:contain;border-radius:4px;width:100%;height:100%}.tile[data-copied],.mock-tile[data-copied]{box-shadow:inset 0 0 0 2px var(--accent), inset 0 0 0 4px var(--ring)}.tile-badge{background:var(--badge);color:var(--on-badge);text-align:center;border-radius:2px;font-size:12px;line-height:16px;position:absolute;bottom:4px;left:2px;right:2px}.tile-button{cursor:pointer;transition:transform .5s var(--ease), opacity .3s var(--ease)}.tile-button:hover{transform:translateY(-2px)}.tile-button:active{transform:scale(.98)}.panel-hint{background:var(--chrome);color:var(--ink3);border-radius:12px;padding:8px 12px;font-size:12px;line-height:16px}.ball{background:var(--ball);border-radius:9999px;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:88px;right:8px;box-shadow:0 1px 2px #1f1f1f2e,0 4px 8px #1f1f1f1f,0 10px 22px #1f1f1f29}.try-stage{flex-direction:column;align-items:center;gap:16px;padding:40px 16px 24px;display:flex}.try-panel{width:100%;max-width:360px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--muted);color:var(--ink3);font:inherit;cursor:pointer;transition:background-color .3s var(--ease), color .3s var(--ease);border:0;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600;line-height:16px}.chip:hover{background:var(--hover)}.chip[aria-pressed=true]{background:var(--badge);color:var(--on-badge)}.try-grid,.try-empty{min-height:250px}.try-empty{color:var(--ink2);justify-content:center;align-items:center;font-size:14px;line-height:20px;display:flex}.try-note{color:var(--ink3);text-align:center;text-wrap:pretty;margin:0;font-size:14px;line-height:20px}.original-stage{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px;padding:40px;display:grid}.original-stage figure{flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.original-stage img{object-fit:contain}.original-gif{border-radius:12px}.original-stage figcaption{font-size:14px;font-weight:600;line-height:20px}.mock{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;margin-top:40px;display:flex;overflow:hidden}.mock-bar{gap:16px;padding:12px 16px}.mock-search-wrap{flex:1;justify-content:center;min-width:0;display:flex}.mock-search{box-sizing:border-box;background:var(--surface);width:100%;max-width:400px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:20px;display:flex}.mock-search svg{flex:none}.mock-search-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mock-shortcut{font-size:12px;line-height:16px}.mock-import{background:var(--badge);color:var(--on-badge);border-radius:8px;flex:none;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px}.mock-body{display:flex}.mock-side{box-sizing:border-box;background:var(--chrome);color:var(--ink3);flex-direction:column;flex:0 0 200px;gap:4px;padding:12px;font-size:14px;line-height:20px;display:flex}.mock-side-title{padding:4px 8px;font-size:12px;font-weight:600;line-height:16px}.mock-side-gap{padding-top:12px}.mock-row{justify-content:space-between;padding:8px;display:flex}.mock-row-on{background:var(--surface);color:var(--ink);border-radius:8px;font-weight:600}.mock-category{align-items:center;gap:8px}.mock-category i,.mock-category-value i{border-radius:9999px;flex:none;width:8px;height:8px}.mock-category span:first-of-type{flex:1}.mock-main{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;min-width:0;padding:24px;display:flex}.mock-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mock-heading{align-items:baseline;gap:8px;display:flex}.mock-title{font-size:24px;font-weight:600;line-height:32px}.mock-count{color:var(--ink2);font-size:14px;line-height:20px}.mock-tabs{background:var(--muted);color:var(--ink2);border-radius:8px;gap:4px;padding:4px;font-size:14px;line-height:20px;display:flex}.mock-tabs span{padding:4px 12px}.mock-tabs .mock-tab-on{background:var(--surface);color:var(--ink);border-radius:4px;font-weight:600}.mock-result{background:var(--muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:20px;display:flex}.mock-result-action{color:var(--accent);font-weight:600}.mock-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.mock-tile{box-sizing:border-box;aspect-ratio:1;background:var(--tile);border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.mock-detail{box-sizing:border-box;background:var(--detail);flex-direction:column;flex:0 0 240px;gap:12px;padding:16px;display:flex}.mock-preview{box-sizing:border-box;aspect-ratio:1;background:var(--tile);border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.mock-name{font-weight:600}.mock-copy{background:var(--fill);color:var(--on-fill);text-align:center;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px}.mock-label{color:var(--ink3);font-size:12px;font-weight:600;line-height:16px}.mock-category-value{align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.mock-category-value i{background:#2ba471}.mock-caption{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;padding:8px 12px;font-size:14px;line-height:20px}.mock-note{color:var(--ink2);text-wrap:pretty;margin:16px 0 0;font-size:14px;line-height:20px}.tagline-section{justify-content:center;display:flex}.tagline{text-wrap:balance;max-width:680px;margin:0;font-size:48px;font-weight:600;line-height:48px}.tagline-line{display:block}.tagline-line+.tagline-line{margin-top:12px}.word{transition:opacity .5s var(--ease)}.armed .word:not(.on){opacity:.3}.sync-stage{padding:40px}.folders{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:4px;padding:12px;font-size:14px;line-height:20px;display:flex}.folders-title{padding:8px 12px;font-weight:600}.folder{align-items:center;gap:12px;padding:8px 12px;display:flex}.folder svg{color:var(--ink3);flex:none}.folder span:first-of-type{flex:1}.folder-count{color:var(--ink2)}.sync-note{color:var(--ink3);text-wrap:pretty;margin:16px 0 0;font-size:14px;line-height:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px;display:grid}.card{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.card h3{margin:0;font-size:18px;font-weight:600;line-height:28px}.card p{color:var(--ink2);text-wrap:pretty;margin:0}.faq{grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:32px 64px;margin:32px 0 0;display:grid}.faq dt{font-weight:600}.faq dd{color:var(--ink2);text-wrap:pretty;margin:4px 0 0}.final{text-align:center;flex-direction:column;align-items:center;display:flex}.final-inner{flex-direction:column;align-items:center;display:flex}.final-body{margin-bottom:24px}@media (width<=860px){.hero-stage{height:auto;padding:16px}.chat{width:100%;position:static}.hero-panel,.ball,.mock-side,.mock-detail{display:none}.mock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-tile:nth-child(n+10){display:none}}@media (width<=720px){.hero-title{font-size:36px;line-height:40px}.hero-sub,.sec-body{font-size:16px;line-height:24px}.sec-title,.tagline{font-size:30px;line-height:36px}.section{padding:64px 16px}.section-flush{padding-top:0}.hero{min-height:0}.hero-inner{padding:40px 16px}.original-stage,.sync-stage{padding:24px}.mock-shortcut{display:none}}@media (prefers-reduced-motion:reduce){.tile-button,.chip{transition:opacity .3s}.tile-button:hover,.tile-button:active{transform:none}}