@font-face{font-family:Inter Tight;src:url(/fonts/InterTight-VariableFont_wght.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+??,U+100-17F,U+2010-2027,U+2030-205E,U+20AC,U+2122}@font-face{font-family:Manrope;src:url(/fonts/Manrope-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+??,U+100-17F,U+2010-2027,U+2030-205E,U+20AC,U+2122}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-site-zh.woff2)format("woff2");font-style:normal;font-weight:400 900;font-display:swap}:root{color:#101112;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f6f2;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f7f6f2}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}button,input,textarea{font:inherit}::selection{color:#101112;background:#2f9a5638}:focus-visible{outline-offset:4px;outline:3px solid #2f9a568a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--page:#f7f6f2;--surface:#fffffbd6;--surface-soft:#fffffb9e;--ink:#101112;--muted:#6e7372;--faint:#aeb4b2;--line:#10111221;--line-strong:#10111257;--green:#2f9a56;--shadow:0 32px 90px #1a1d1c14}#root{min-height:100dvh}.homepage{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 9% 12%,#2f9a560f,#0000 26rem),radial-gradient(circle at 90% 20%,#1011120a,#0000 24rem),linear-gradient(135deg,#faf9f5 0%,#f5f4ef 48%,#efeee9 100%);overflow-x:hidden}.desktop-stage{grid-template-columns:minmax(0,1240px);justify-content:center;align-items:center;width:min(100%,1360px);min-height:100dvh;margin:0 auto;padding:clamp(20px,3vw,38px);display:grid}.index-surface{background:linear-gradient(#ffffff75, #fffffb33), var(--surface);min-height:min(86dvh,900px);box-shadow:var(--shadow), inset 0 1px 0 #ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #10111233;border-radius:11px;padding:clamp(34px,4.2vw,58px) clamp(44px,5.5vw,96px) clamp(28px,3.2vw,48px);animation:.34s cubic-bezier(.22,1,.36,1) both homepage-enter;position:relative;overflow:hidden}.index-surface:before{pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#10111206 1px,#0000 1px),linear-gradient(90deg,#10111206 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.site-header{z-index:2;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:24px;padding-bottom:20px;font-size:13px;display:grid;position:relative}.site-mark,.site-nav a,.site-footer a,.text-link{color:inherit;text-decoration:none}.site-mark{align-items:center;gap:7px;width:fit-content;display:inline-flex}.dot{background:var(--green);border-radius:50%;flex:none;width:4px;height:4px;display:inline-block}.site-nav{align-items:center;gap:clamp(24px,3vw,42px);display:flex}.site-nav a{color:#101112d1;position:relative}.site-nav a:before{content:"";opacity:0;background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.site-nav a:hover:before,.site-nav a.is-active:before{opacity:1}.hero-grid{z-index:2;border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(520px,1fr) minmax(250px,.46fr);align-items:start;gap:clamp(28px,4.8vw,72px);min-height:clamp(310px,40vh,440px);padding:clamp(66px,9vh,120px) 0 clamp(42px,6vh,72px);display:grid;position:relative}.intro-panel{align-self:center}.intro-panel h1{letter-spacing:-.065em;white-space:nowrap;margin:0;font-family:Inter Tight,Manrope,ui-sans-serif,system-ui,sans-serif;font-size:clamp(74px,7.2vw,126px);font-weight:560;line-height:.86}.intro-panel p{letter-spacing:-.052em;max-width:620px;margin:clamp(22px,3vh,34px) 0 0;font-size:clamp(30px,3.4vw,58px);font-weight:430;line-height:1.1}.now-panel,.tools-panel{padding-top:clamp(8px,7vh,90px)}.now-panel{position:relative}.section-corner{border-top:1px solid var(--green);border-left:1px solid var(--green);width:14px;height:14px;position:absolute;top:clamp(1px,6.2vh,74px);left:-15px}.now-panel h2,.tools-panel h2,.index-column h2{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:560}.now-panel p,.tools-panel p,.index-column>p{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.55}.now-panel p{color:var(--ink)}.tools-panel{display:none}.index-columns{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,58px);padding:clamp(32px,4.2vh,48px) 0 clamp(48px,6vh,74px);display:grid;position:relative}.index-column{min-height:320px}.index-column+.index-column{border-left:1px solid var(--line);padding-left:clamp(26px,3.3vw,52px)}.index-list{gap:20px;margin:30px 0 0;padding:0;list-style:none;display:grid}.index-list li{grid-template-columns:5px minmax(0,1fr);align-items:start;gap:14px;display:grid}.index-list .dot{margin-top:9px;transition:background-color .18s cubic-bezier(.22,1,.36,1)}.index-list a,.note-list a{color:inherit;gap:5px;text-decoration:none;display:grid}.index-list strong,.note-list strong{letter-spacing:-.02em;font-size:16px;font-weight:520;line-height:1.25;transition:color .18s cubic-bezier(.22,1,.36,1)}.index-list span:not(.dot),.note-list span{max-width:270px;color:var(--muted);font-size:13px;line-height:1.42}.index-list a:hover strong,.index-list a:focus-visible strong,.note-list a:hover strong,.note-list a:focus-visible strong{color:var(--green)}.index-list-compact{gap:17px;margin-top:22px}.note-list{gap:26px;margin:34px 0 0;display:grid}.text-link{align-items:center;gap:9px;width:fit-content;margin-top:28px;font-size:14px;line-height:1.2;transition:color .18s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.text-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.text-link:hover,.text-link:focus-visible{color:var(--green)}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}@keyframes homepage-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-footer{z-index:2;border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:24px;font-size:12px;display:grid;position:relative}.site-footer nav{justify-content:flex-end;gap:42px;display:flex}.corner-mark{z-index:3;pointer-events:none;width:23px;height:23px;position:absolute}.corner-mark:before,.corner-mark:after{content:"";background:#1011123d;position:absolute}.corner-mark:before{width:23px;height:1px;top:11px;left:0}.corner-mark:after{width:1px;height:23px;top:0;left:11px}.corner-mark-tl{top:33px;left:30px}.corner-mark-tr{top:33px;right:30px}.corner-mark-bl{bottom:33px;left:30px}.corner-mark-br{bottom:33px;right:30px}.corner-mark-br:after{background:linear-gradient(var(--green), var(--green) 42%, #1011123d 42%)}.side-ruler{z-index:2;color:#10111252;pointer-events:none;border-left:1px solid #10111221;flex-direction:column;justify-content:space-around;width:28px;font-size:11px;display:flex;position:absolute;top:clamp(112px,14vh,154px);bottom:92px;left:29px}.side-ruler:before,.side-ruler:after{content:"";background:#1011122e;width:5px;height:1px;position:absolute;left:-3px}.side-ruler:before{top:0}.side-ruler:after{bottom:0}.side-ruler span{padding-left:9px}@media (width<=1180px){.desktop-stage{grid-template-columns:1fr;align-items:start}}@media (width<=900px){.desktop-stage{padding:12px}.index-surface{border-radius:8px;min-height:100dvh;padding:26px 22px 28px}.corner-mark,.side-ruler{display:none}.site-header{grid-template-columns:1fr;gap:26px}.site-nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.site-nav a{padding-bottom:12px}.site-nav a:before{display:none}.site-nav .is-active:after{content:"";background:var(--green);height:1px;position:absolute;bottom:-1px;left:0;right:36%}.hero-grid{border-bottom:1px solid var(--line-strong);min-height:0;padding:34px 0 28px;display:block}.intro-panel h1{font-size:clamp(54px,16vw,86px)}.intro-panel p{max-width:460px;font-size:clamp(26px,8.4vw,42px)}.now-panel{margin-top:56px;padding-top:0}.section-corner{top:-14px;left:0}.tools-panel{display:none}.index-columns{grid-template-columns:1fr;gap:0;padding:0 0 38px}.index-column{border-bottom:1px solid var(--line);min-height:0;padding:28px 0}.index-column+.index-column{border-left:0;padding-left:0}.site-footer{grid-template-columns:1fr;gap:14px}.site-footer nav{justify-content:flex-start}}@media (width<=520px){.desktop-stage{padding:0}.index-surface{border-left:0;border-right:0;border-radius:0}}@media (prefers-reduced-motion:reduce){.index-surface{animation:none}.index-list .dot,.index-list strong,.note-list strong,.text-link,.text-link:after{transition:none}}.tradebox-stage{width:min(100%,1260px);min-height:100dvh;margin:0 auto;padding:clamp(20px,3vw,38px)}.tradebox-surface{min-height:auto}.tradebox-header .site-nav{gap:clamp(20px,2.5vw,36px)}.language-switch{color:var(--muted)!important}.tradebox-hero{z-index:2;border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(430px,1fr) minmax(280px,.52fr);align-items:end;gap:clamp(42px,8vw,116px);padding:clamp(72px,12vh,142px) 0 clamp(54px,8vh,96px);display:grid;position:relative}.tradebox-title-block h1{letter-spacing:-.06em;margin:34px 0 0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:clamp(76px,9vw,154px);font-weight:560;line-height:.86}.tradebox-title-block>p{letter-spacing:-.05em;max-width:600px;margin:28px 0 0;font-size:clamp(28px,3.7vw,58px);font-weight:430;line-height:1.1}.tradebox-context{padding-top:28px;position:relative}.tradebox-context:before{border-top:1px solid var(--green);border-left:1px solid var(--green);content:"";width:14px;height:14px;position:absolute;top:0;left:-15px}.tradebox-context p,.tradebox-section p,.tradebox-list-item p,.detail-list,.project-status{color:var(--muted);font-size:15px;line-height:1.62}.tradebox-context p{color:var(--ink);margin:0}.tradebox-context p+p{margin-top:14px}.demo-link,.demo-unavailable{width:fit-content;color:var(--muted);border-bottom:1px solid;margin-top:28px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.demo-link{color:var(--ink);transition:color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.demo-link:hover{color:var(--green);transform:translateY(-1px)}.screenshot-section{z-index:2;border-bottom:1px solid var(--line);padding:clamp(34px,5vh,56px) 0;position:relative}.screenshot-frame{aspect-ratio:16/10;border:1px solid var(--line);min-height:0;max-height:540px;color:var(--muted);background:#fffffb70;place-items:center;font-size:14px;display:grid}.tradebox-content-grid{z-index:2;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(290px,.42fr);gap:clamp(46px,7vw,108px);padding:clamp(48px,7vh,80px) 0;display:grid;position:relative}.tradebox-section h2{letter-spacing:-.03em;margin:0;font-size:clamp(20px,2vw,28px);font-weight:540;line-height:1.1}.tradebox-section h3{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:520;line-height:1.25}.tradebox-list{gap:31px;margin-top:clamp(30px,4.5vh,52px);display:grid}.tradebox-list-item{grid-template-columns:5px minmax(0,1fr);gap:16px;max-width:620px;display:grid}.tradebox-list-item .dot{margin-top:9px}.tradebox-list-item p{max-width:440px;margin:7px 0 0}.tradebox-side{border-left:1px solid var(--line);gap:clamp(34px,5vh,56px);padding-left:clamp(28px,4vw,58px);display:grid}.tradebox-side .tradebox-section+.tradebox-section{border-top:1px solid var(--line);padding-top:clamp(28px,4vh,42px)}.tradebox-side .tradebox-section p{margin:16px 0 0}.use-steps{color:var(--ink);gap:16px;margin:24px 0 0;padding-left:19px;font-size:15px;line-height:1.55;display:grid}.use-steps li::marker{color:var(--green)}.detail-list{gap:9px;margin:22px 0 0;padding:0;list-style:none;display:grid}.detail-list li{color:var(--ink)}.project-status{color:var(--ink);margin:24px 0 0}.tradebox-footer{z-index:2;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:26px;font-size:12px;display:grid;position:relative}.tradebox-footer .text-link{margin-top:0}.tradebox-footer .text-link:last-child{justify-self:end}.text-link-reverse{gap:9px}.text-link-reverse:hover{gap:13px}.tradebox-page .index-surface{animation:.62s cubic-bezier(.16,1,.3,1) both page-fade-in}.tradebox-page .screenshot-frame{animation:.76s cubic-bezier(.16,1,.3,1) .12s both image-reveal}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes image-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=900px){.tradebox-stage{padding:12px}.tradebox-header .site-nav{grid-template-columns:repeat(4,1fr)}.language-switch{justify-self:end}.tradebox-hero{padding:44px 0 42px;display:block}.tradebox-title-block h1{margin-top:26px;font-size:clamp(62px,18vw,92px)}.tradebox-title-block>p{font-size:clamp(25px,8.6vw,42px)}.tradebox-context{margin-top:54px;padding-top:22px}.tradebox-context:before{left:0}.screenshot-section{padding:28px 0}.screenshot-frame{aspect-ratio:16/10}.tradebox-content-grid{grid-template-columns:1fr;gap:0;padding:0 0 42px}.tradebox-section{border-bottom:1px solid var(--line);padding:32px 0}.inside-section{border-bottom:0}.tradebox-side{border-left:0;padding-left:0;display:block}.tradebox-side .tradebox-section+.tradebox-section{border-top:0;padding-top:32px}.tradebox-footer{grid-template-columns:1fr;gap:18px}.tradebox-footer .text-link:last-child{justify-self:start}}@media (prefers-reduced-motion:reduce){.tradebox-page .index-surface,.tradebox-page .screenshot-frame{animation:none}}