@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#25231f;font-synthesis:none;--muted:#706e68;--line:#e3e1da;--orange:#f65b25;background:#faf9f6;font-family:Space Grotesk Variable,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:400;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #784acc}svg{flex-shrink:0;width:20px;height:20px}button{border:0}button:disabled{cursor:wait}p,h1,h2,h3{margin:0}img{max-width:100%;display:block}.wrap{width:min(1200px,100% - 96px);margin-inline:auto}.skip{z-index:100;color:#fff;background:#25231f;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip:focus{top:20px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:100px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:8px;font-size:22px;font-weight:600;display:inline-flex}.brand-dot{color:var(--orange);margin-left:3px}.site-header nav{color:#64615b;gap:32px;font-size:13px;display:flex}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--orange)}.header-end{align-items:center;gap:24px;font-size:12px;display:flex}.language{border:1px solid var(--line);border-radius:5px;padding:4px 9px}.header-cta{align-items:center;gap:16px;display:flex}.header-cta svg{width:17px}.hero{justify-content:space-between;align-items:center;gap:40px;padding-top:83px;padding-bottom:66px;display:flex}.eyebrow{color:#746f66;letter-spacing:1.8px;align-items:center;gap:9px;font-size:11px;font-weight:500;display:flex}.eyebrow>span{background:var(--orange);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-5px;margin-top:23px;font-size:clamp(54px,6.1vw,84px);font-weight:500;line-height:1.14}h1 span{color:var(--orange)}html[lang=zh-CN] h1{letter-spacing:-3px;font-weight:550;line-height:1.26}.hero-copy{color:#737068;margin-top:22px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:14px 21px;font-size:13px;font-weight:500;display:inline-flex}.primary{color:#fff;background:#292720;transition:background .2s,transform .2s}.primary:hover{background:#434033;transform:translateY(-1px)}.text-link{text-underline-offset:5px;align-items:center;gap:12px;font-size:13px;text-decoration:underline;display:inline-flex}.version{color:#77746b;margin-top:15px;font-size:11px}.hero-aside{color:#a5a197;letter-spacing:4px;flex-direction:column;align-self:center;align-items:flex-start;gap:32px;margin-right:5%;font-size:10px;line-height:1.5;display:flex}.pixel-mark{opacity:.9;width:132px;height:124px;position:relative;transform:rotate(-8deg)}.pixel-mark span{border:1px solid #d8d5cb;border-radius:50%;width:96px;height:96px;display:block}.pixel-mark i{background:#e5e2d9;width:32px;height:32px;position:absolute;top:15px;right:5px}.pixel-mark i:nth-child(3){background:#ebe8e0;top:47px;right:-27px}.pixel-mark i:nth-child(4){background:#d8d3c8;top:79px;right:5px}.section-top{justify-content:space-between;align-items:center;gap:16px;padding-bottom:17px;display:flex}.section-top h2{letter-spacing:-.3px;font-size:15px;font-weight:500}.live-label{letter-spacing:.3px;color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.live-label i{background:#798f77;border-radius:50%;width:5px;height:5px}.preview-shell{background:#fff;border:1px solid #e6e2db;border-radius:22px;padding:7px;box-shadow:0 18px 46px -32px #6a514970}.preview-stage{aspect-ratio:1.92;color:#27232a;isolation:isolate;background:#f5ded3;border-radius:15px;position:relative;overflow:hidden}.preview-stage[data-dark=true]{color:#fff}#shader{background:radial-gradient(at 72% 20%,#fa865f,#0000 65%),radial-gradient(at 25% 85%,#ad94e7,#0000 55%),#f6decc;position:absolute;inset:0}#shader canvas{display:block;width:100%!important;height:100%!important}.preview-top,.preview-bottom{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:28px;right:28px}.preview-top{top:23px}.preview-caption{opacity:.7;letter-spacing:.5px;font-size:10px}.preview-options{gap:8px;display:flex}.preview-options button,.preview-dock,.preview-settings,.preview-source{-webkit-backdrop-filter:blur(8px);background:#ffffff3d;border:1px solid #ffffff61;box-shadow:inset 0 1px #ffffff30,0 4px 12px #2d20310a}.preview-options button{height:30px;color:inherit;border-radius:24px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.preview-options svg{width:14px;height:14px}.preview-center{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.preview-number{letter-spacing:-10px;color:#ffffff47;mix-blend-mode:soft-light;font-size:130px;font-weight:400;display:none}.preview-bottom{bottom:24px}.preview-settings,.preview-dock button{width:34px;height:34px;color:inherit;border-radius:100%;place-items:center;display:grid}.preview-settings svg,.preview-dock svg{width:17px;height:17px}.preview-dock{border-radius:40px;gap:3px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.preview-dock button{background:0 0}.preview-dock button:hover,.preview-options button:hover,.preview-settings:hover{background:#fff6}.preview-source{border-radius:30px;padding:5px 11px;font-size:9px}.effect-picker{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.effect-picker button{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;transition:background .2s,border-color .2s;display:flex}.effect-picker button:hover{background:#f0ede7}.effect-picker button[aria-pressed=true]{background:#f0ece4;border-color:#d7d1c5}.effect-index{color:#8b867b;font-size:9px}.preview-hint{color:#858076;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:15px;padding-bottom:24px;font-size:11px;display:flex}.preview-hint span{font-size:17px}.demo-popover{z-index:3;color:#29251f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8f2ee;border:1px solid #fff;border-radius:15px;width:230px;padding:17px;font-size:11px;position:absolute;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #16121f25}.demo-popover[hidden]{display:none}.demo-popover>div{gap:14px;margin:14px 0;display:flex}.demo-popover>div span{background:#f1e3d9;border-radius:10px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.demo-popover>div span:nth-child(2){background:#dce9dc}.demo-popover>div span:nth-child(3){background:#e5dff2}.demo-popover p{color:#6e665b}.facts{align-items:center;gap:72px;padding-block:36px 78px;display:flex}.facts>div{align-items:center;gap:14px;display:flex}.facts strong{letter-spacing:-2px;font-size:38px;font-weight:400}.facts div span{color:#6e695f;font-size:11px}.facts-note{color:#959085;letter-spacing:1px;margin-left:auto;font-size:9px;line-height:1.8}.details{padding-top:16px}.section-title{letter-spacing:-1.5px;margin-top:17px;font-size:38px;font-weight:500;line-height:1.35}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:34px;display:grid}.feature-art{background:#efece5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:208px;display:flex;position:relative;overflow:hidden}.bookmarks .feature-art{background:#f0eee7}.mini-folder{background:#f9f8f3;border:1px solid #d5d0c4;border-radius:12px;width:180px;height:88px;padding:22px 20px;transform:rotate(-7deg);box-shadow:0 12px 22px #72674712}.mini-folder span{background:#d9d4c7;border-radius:4px;width:66px;height:4px;margin:7px 0;display:block}.mini-folder span:nth-child(2){width:108px}.mini-bookmarks{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #fff;border-radius:14px;gap:11px;padding:12px;display:flex;position:absolute;transform:rotate(6deg)translate(28px,30px);box-shadow:0 12px 25px #6f64591c}.mini-bookmarks b{color:#685141;background:#eddbcc;border-radius:9px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:500;display:grid}.mini-bookmarks b:nth-child(2){color:#61715b;background:#dce5da}.mini-bookmarks b:nth-child(3){color:#7d6f8f;background:#e2dced}.motion .feature-art{background:#eee7f3}.motion-orb{background:radial-gradient(circle at 30% 30%,#fcc090,#fa7940 42%,#cd528c 75%,#7947ac);border-radius:50%;width:150px;height:150px;transform:translate(-17px,-3px)}.motion-pixels{position:absolute;top:50px;right:65px}.motion-pixels i{background:#6f4795;width:33px;height:33px;display:block}.motion-pixels i:nth-child(2){background:#966db3;transform:translate(33px)}.motion-pixels i:nth-child(3){background:#8154a1}.privacy .feature-art{background:#e7ede6;gap:18px}.privacy-symbol{background:#f3f5ed;border:1px solid #7f9380;border-radius:13px;width:56px;height:56px;position:relative;box-shadow:0 8px 22px #48654910}.privacy-symbol:before{content:"";border:1px solid #7f9380;border-radius:12px 12px 0 0;width:22px;height:24px;position:absolute;top:-21px;left:16px}.privacy-symbol span{background:#7f9380;border-radius:3px;width:4px;height:13px;position:absolute;top:20px;left:25px}.privacy .feature-art small{letter-spacing:1.8px;color:#708370;font-size:8px}.feature-copy{padding-top:23px;position:relative}.section-number{color:#90897c;font-size:9px}.feature h3{letter-spacing:-.6px;margin:8px 0 12px;font-size:19px;font-weight:500}.feature p{color:#777066;font-size:12px;line-height:1.95}.install{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;margin-top:94px;padding-block:94px;display:grid}.install-intro>p:not(.eyebrow){color:#746e62;max-width:340px;margin-top:24px;font-size:13px}.install-intro>.button{margin-top:27px}.install-intro>small{color:#878070;margin-top:12px;font-size:10px;display:block}.coming-soon{color:#6f675c;cursor:default;background:#efeae1;border:1px solid #d9d1c5}.steps article{border-bottom:1px solid var(--line);gap:22px;padding-block:19px;display:flex}.steps article:first-child{padding-top:0}.steps article>span{color:#958b7d;margin-top:4px;font-size:11px}.steps h3{margin-bottom:9px;font-size:16px;font-weight:500}.steps p{color:#746e62;font-size:12px;line-height:1.85}.steps code{overflow-wrap:anywhere;font-size:11px}.steps .update-note{color:#938879;margin-top:16px;font-size:10px}.faq{grid-template-columns:1fr 1.25fr;gap:60px;padding-block:78px 65px;display:grid}.faq .section-title{font-size:29px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:14px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:#8c8375;width:15px;height:15px;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{color:#7d7468;margin-top:15px;padding-right:28px;font-size:12px;line-height:1.9}.closing{text-align:center;flex-direction:column;align-items:center;padding:67px 0 78px;display:flex}.closing h2{letter-spacing:-1px;margin:17px 0 19px;font-size:30px;font-weight:500}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;padding-block:33px 40px;display:flex}.site-footer .brand{font-size:19px}.site-footer p{color:#8d8376;margin-top:8px;font-size:11px}.site-footer small{color:#9c9285;margin-top:19px;font-size:10px;display:block}.site-footer nav{color:#756b5e;gap:25px;font-size:11px;display:flex}.site-footer nav a{align-items:center;gap:6px;display:flex}.site-footer svg{width:12px;height:12px}section[id]{scroll-margin-top:30px}@media (width>=1600px){.wrap{width:1280px}.hero{padding-top:98px;padding-bottom:82px}.preview-stage{aspect-ratio:2.05}}@media (width<=960px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:18px}.header-end{gap:13px}.hero{padding-top:62px}.hero-aside{margin-right:4%}.preview-stage{aspect-ratio:1.6}.facts{gap:30px}.facts>div{gap:10px}.facts strong{font-size:32px}.facts-note{display:none}.features{gap:20px}.feature-art{height:180px}.motion-pixels{right:20px}.feature p{font-size:12px}.install{gap:48px}.faq{gap:35px}.site-footer nav{gap:16px}}@media (width<=640px){.wrap{width:calc(100% - 36px)}.site-header{height:78px}.brand{font-size:19px}.brand img{width:26px;height:26px}.site-header nav{display:none}.header-cta{gap:7px;font-size:11px}.header-end{gap:12px}.language{padding:3px 6px;font-size:10px}.hero{padding-top:47px;padding-bottom:42px}.hero-aside{display:none}h1{letter-spacing:-3.5px;font-size:58px;line-height:1.08}html[lang=zh-CN] h1{letter-spacing:-2px;font-size:48px}.eyebrow{letter-spacing:1.5px;font-size:10px}.hero-copy{font-size:13px}.hero-actions{gap:23px}.button{gap:20px;padding:12px 17px;font-size:12px}.section-top{align-items:flex-start}.section-top h2{font-size:13px}.live-label{gap:5px;padding-top:4px;font-size:8px}.preview-shell{border-radius:17px;padding:5px}.preview-stage{aspect-ratio:.95;border-radius:12px}.preview-top,.preview-bottom{left:15px;right:15px}.preview-top{top:15px}.preview-caption{max-width:100px;font-size:8px;line-height:1.5}.preview-options{gap:5px}.preview-options button{height:28px;padding:0 7px;font-size:9px}.preview-bottom{bottom:18px}.preview-source{text-overflow:ellipsis;white-space:nowrap;max-width:94px;padding:5px 8px;font-size:7px;overflow:hidden}.preview-settings,.preview-dock button{width:29px;height:29px}.effect-picker{gap:3px;margin-top:15px}.effect-picker button{gap:6px;padding:8px 9px;font-size:10px}.effect-index{font-size:8px}.preview-hint{padding-bottom:18px;font-size:10px}.facts{justify-content:space-between;gap:0;padding-block:27px 58px}.facts>div{flex-direction:column;align-items:flex-start;gap:1px}.facts strong{font-size:33px}.facts div span{font-size:9px}.section-title{letter-spacing:-1px;font-size:29px}.features{grid-template-columns:1fr;gap:33px;margin-top:26px}.feature-art{height:205px}.motion-pixels{top:46px;right:calc(50% - 83px)}.feature-copy{padding-top:15px}.feature h3{margin-top:5px;margin-bottom:9px;font-size:20px}.feature p{font-size:13px}.install{grid-template-columns:1fr;gap:35px;margin-top:54px;padding-block:52px}.install-intro>p:not(.eyebrow){max-width:none;font-size:13px}.steps p{font-size:12px}.faq{grid-template-columns:1fr;gap:18px;padding-block:48px 25px}.faq .section-title{font-size:25px}.faq summary{font-size:13px}.closing{padding-block:51px}.closing h2{font-size:25px}.site-footer{flex-direction:column;align-items:flex-start;gap:26px;padding-bottom:35px}.site-footer nav{flex-wrap:wrap;gap:22px}.site-footer p{font-size:10px}.site-footer small{margin-top:12px}.demo-popover{width:210px;bottom:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}