@charset "UTF-8";
:root{--paper:#fbfbfe;--ink:#24213e;--violet:#6944ce;--lavender:#ede8fb;--orange:#e8945c;--muted:#68647b;--line:#dfdce8;font-family:"Avenir Next","Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}svg{display:block}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:6px}button[aria-pressed=true]{cursor:default}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;top:-100px;background:white;padding:15px;z-index:20}.skip-link:focus{top:0}.header{width:min(1320px,calc(100% - 80px));height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand img{border-radius:11px}.header nav{display:flex;gap:36px;font-size:14px;font-weight:600}.header nav a:hover,.footer a:hover{color:var(--violet)}.language{font-size:14px;display:flex;align-items:center;gap:8px}.language svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4}
h1,h2,h3,p{margin:0}h1{font-size:clamp(44px,4.8vw,70px);line-height:1.12;font-weight:740;letter-spacing:-3.5px}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.22;letter-spacing:-2px;font-weight:720}p{font-size:17px;line-height:1.85;color:var(--muted)}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:28px;min-height:690px;padding-top:24px;padding-bottom:65px}.hero-copy{position:relative;z-index:2}.intro{margin:28px 0 34px;font-size:19px;line-height:1.85}.downloads{display:flex;flex-wrap:wrap;gap:12px}.store{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:12px;min-height:56px;padding:13px 18px;font-weight:600;font-size:14px;transition:background .15s,transform .15s}.store:hover{background:#42395f;transform:translateY(-2px)}.store svg{width:22px;height:26px;flex-shrink:0}.availability{font-size:12px;margin-top:18px;display:flex;align-items:center;gap:8px}.availability>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#478965;flex-shrink:0}.hero-stage{position:relative;height:580px;background:var(--lavender);border-radius:48% 48% 32px 32px;margin-left:8px;isolation:isolate}.hero-stage:after{content:"";position:absolute;bottom:52px;left:50px;width:70%;height:18px;background:#5650711c;border-radius:50%;filter:blur(15px);z-index:-1}.phone{border:7px solid #302d3c;border-radius:38px;overflow:hidden;background:white;box-shadow:inset 0 0 0 1px #9693a4,12px 18px 32px #24213e21}.phone img{width:100%;height:auto}.hero-phone{position:absolute;width:245px;right:46px;top:28px;transform:rotate(7deg)}.source-sheet{position:absolute;left:-24px;top:92px;width:310px;height:360px;background:white;border:1px solid #e6e2ed;border-radius:12px;box-shadow:0 14px 32px #35304c10;transform:rotate(-9deg);overflow:hidden}.sheet-bar{height:42px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #efedf5}.sheet-bar i{width:6px;height:6px;border-radius:50%;background:#d9d4e6}.sheet-bar span{margin-left:9px;font-size:10px;color:var(--muted)}.source-sheet pre{font:12px/2.1 ui-monospace,"SFMono-Regular",Consolas,monospace;padding:20px;white-space:pre-wrap;color:#7b748e}.source-sheet pre strong{color:var(--violet);font-weight:500}.file-extension{position:absolute;right:20px;bottom:4px;font-size:70px;font-weight:700;letter-spacing:-5px;color:#eee9f9}.hero-note{position:absolute;bottom:20px;left:28px;font-size:13px;display:flex;align-items:center;gap:14px;color:#635b7d;transform:rotate(-3deg)}.hero-note svg{width:50px;height:28px;fill:none;stroke:var(--violet);stroke-width:1.5}.ribbon{border-block:1px solid var(--line);background:#f4f2fa}.ribbon-inner{min-height:85px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ribbon span{font-size:13px;display:flex;align-items:center;gap:12px}.ribbon b{font-size:23px;color:var(--violet);font-weight:500}
.demo-section{padding-block:112px 100px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.section-heading p{max-width:410px}.document-demo{margin:48px auto 0;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;width:min(920px,100%);box-shadow:0 18px 60px #24213e08}.demo-toolbar{min-height:64px;padding:12px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:16px;background:#f7f6fb}.demo-file{font-size:13px;display:flex;align-items:center;gap:10px;color:var(--muted)}.demo-file svg{width:15px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.segmented{display:flex;padding:4px;background:#eae6f2;border-radius:9px;flex-shrink:0}.segmented button{border:0;background:transparent;padding:8px 15px;border-radius:6px;color:#635c74;font-size:12px;font-weight:600}.segmented button[aria-pressed=true]{background:white;color:var(--violet);box-shadow:0 1px 4px #24213e13}.demo-content{min-height:435px;padding:36px 56px}.demo-content pre{margin:0;font:14px/1.9 ui-monospace,"SFMono-Regular",Consolas,monospace;color:#72668d;white-space:pre-wrap;overflow-wrap:anywhere}.rendered h3{font-size:26px;letter-spacing:-.8px}.rendered blockquote{margin:20px 0;padding:12px 18px;background:#f3effc;border-left:3px solid var(--violet);font-size:16px;color:#5a4a82}.rendered p{font-size:15px;line-height:1.7}.tasks{padding:0;list-style:none;margin:20px 0;font-size:14px;line-height:1.9}.tasks li{display:flex;align-items:center;gap:10px}.tasks span{color:var(--violet);font-size:18px}.rendered table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.rendered th,.rendered td{padding:10px 14px;border:1px solid #e5e0ee;line-height:1.5}.rendered th{background:#f9f7fc;font-weight:600}.rendered td{color:var(--muted)}
.reading-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-block:32px 110px}.reading-stage{height:585px;border-radius:28px;background:#f0ecfa;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding-top:42px}.reading-phone{width:260px;flex-shrink:0;transform:rotate(-5deg)}.reading-copy p{margin-top:25px;max-width:440px}.view-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.view-buttons button{font-size:12px;border-radius:8px;border:1px solid var(--line);color:var(--muted);padding:10px 12px;background:transparent}.view-buttons button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:white}.reading-notes{list-style:none;margin:30px 0 0;padding:0;line-height:2.25;font-size:14px;color:var(--muted)}.reading-notes span{color:var(--violet);margin-right:10px}.rich-section{background:var(--ink);color:white;padding-block:90px}.rich-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.rich-section p{color:#c3bfd3;margin-top:24px;max-width:390px}.rich-examples{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px 190px;gap:16px}.rich-examples>div{border:1px solid #ffffff25;border-radius:14px;padding:20px 24px}.rich-examples>div>span{font-size:11px;color:#bbb4d1}.math-example{background:#ffffff06}.equation{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Georgia,serif;font-size:28px;height:92px;color:#e4d9ff;font-style:italic}.fraction{display:inline-flex;flex-direction:column;text-align:center;font-size:22px;line-height:1.3}.fraction>span:first-child{border-bottom:1px solid currentColor;padding-bottom:4px}.fraction>span+span{padding-top:4px}.fraction sup{font-size:13px}.diagram-example{grid-column:2;grid-row:1/3;background:#38304f}.flow{display:flex;flex-direction:column;align-items:center;justify-content:center;height:270px;gap:9px}.flow>span{border:1px solid #a891d6;border-radius:7px;min-width:138px;text-align:center;padding:9px 12px;font-size:12px;background:#49405f}.flow>span:first-child{border-color:#e3a079;background:#6b4b49}.flow>b{color:#a891d6;font-weight:400;font-size:17px;line-height:1}.code-example{background:#ffffff06}.code-example pre{font:13px/1.9 ui-monospace,monospace;color:#e5dff0;white-space:pre-wrap;margin:18px 0 0}.code-example em{font-style:normal;color:#c3a4ff}.code-example q{color:#f3bd92;quotes:'"' '"'}
.export-section{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;padding-block:112px 82px;align-items:center}.export-copy p{margin-top:25px;max-width:410px}.export-art{height:430px;position:relative}.export-paper{background:white;border:1px solid #e7e3ec;box-shadow:0 10px 25px #24213e0c;padding:28px;position:absolute;width:245px;height:340px;border-radius:4px}.pdf-paper{left:0;top:28px;transform:rotate(-9deg);z-index:2}.image-paper{right:10px;top:0;width:180px;height:400px;transform:rotate(8deg);background:#faf7ff}.format-label{position:absolute;top:-17px;right:16px;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:700;background:var(--violet);color:white;letter-spacing:1px}.image-paper .format-label{background:#ab592a}.export-paper h3{font-size:16px;line-height:1.5;letter-spacing:-.4px;margin-bottom:18px}.paper-lines{height:43px;background:repeating-linear-gradient(to bottom,#d6d1df 0 2px,transparent 2px 12px);opacity:.7;margin-bottom:12px}.paper-lines.short{width:80%;height:26px}.mini-quote{height:33px;border-left:3px solid #aa8ed8;background:#f1ebf9;margin:15px 0}.mini-diagram{display:flex;flex-direction:column;align-items:center;height:70px;margin-bottom:12px;gap:4px}.mini-diagram i{display:block;width:70px;height:19px;border:1px solid #b7a5d0;border-radius:3px;background:#f5f0fc}.mini-diagram b{font-weight:400;font-size:12px;color:#a99bbd;line-height:1}.paper-page{display:block;text-align:center;font-size:8px;color:#aaa3b8}.mini-grid{height:50px;margin:15px 0;background:repeating-linear-gradient(to bottom,transparent 0 15px,#cfc6de 15px 16px),repeating-linear-gradient(to right,transparent 0 45px,#cfc6de 45px 46px);border:1px solid #cfc6de}.export-captions{grid-column:2;display:flex;gap:30px}.export-captions p{font-size:11px;line-height:1.6;flex:1}.export-captions b{display:block;color:var(--violet);font-size:13px;margin-bottom:4px}
.local-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-block:82px 100px}.local-section p{margin-top:24px;max-width:440px}.local-section .small-note{font-size:12px;line-height:1.8;margin-top:18px}.local-visual{height:300px;position:relative;display:flex;align-items:center;justify-content:center}.folder{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;transform:rotate(-6deg);width:260px;height:190px;border-radius:8px 16px 16px;background:#ddd2f5;box-shadow:0 15px 0 -3px #c9b7eb,0 22px 30px #46336112;padding:27px}.folder:before{content:"";position:absolute;left:0;top:-26px;width:100px;height:35px;background:#ddd2f5;border-radius:12px 16px 0 0}.folder>span{background:#fbfbfe;width:100%;padding:7px 14px;box-shadow:0 2px 5px #46336109;border-radius:5px;font:12px ui-monospace,monospace;color:#716189}.folder>span:last-child{background:#eee7f9;color:#716189}.local-mark{position:absolute;width:64px;height:76px;right:35px;bottom:24px;fill:#fff;stroke:var(--violet);stroke-width:2;filter:drop-shadow(0 4px 6px #46336112)}
.world-section{background:#f1edf9;padding-block:80px}.world-section .section-heading{gap:100px}.language-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px;justify-content:center;max-width:900px;margin-inline:auto}.language-cloud a{background:#fbfbfe;border:1px solid #e4dced;border-radius:100px;padding:13px 24px;font-size:17px;color:#51436a}.language-cloud a:nth-child(3n+2){background:#e4daf5;border-color:#e4daf5}.language-note{font-size:12px;line-height:1.9;text-align:center;max-width:740px;margin:28px auto 0;color:#706482}.download-section{text-align:center;padding-block:100px 90px}.download-section>img{margin:0 auto 24px;border-radius:23px;box-shadow:0 10px 30px #b1a0cc1c}.download-section p{margin-top:20px}.download-section .downloads{justify-content:center;margin-top:30px}.download-section small{display:block;color:var(--muted);font-size:11px;margin-top:18px}.footer{border-top:1px solid var(--line);padding-block:32px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer .brand{font-size:21px}.footer-top>div{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted)}.footer>p{font-size:10px;margin-top:20px}
body[data-locale=en] h1{font-size:clamp(40px,4.35vw,65px);letter-spacing:-3px}body[data-locale=en] h2{font-size:clamp(32px,3.2vw,46px)}body[data-locale=en] .store{font-size:12px;padding-inline:15px}body[data-locale=en] .intro{font-size:18px}body[data-locale=en] .hero-copy{margin-right:-18px}
@media(min-width:1500px){.hero-stage{margin-left:25px}.hero-phone{right:52px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:12px;min-height:640px}.hero-stage{height:520px}.hero-phone{width:215px;right:20px;top:22px}.source-sheet{width:260px;height:325px;left:-8px}.source-sheet pre{font-size:10px;padding:18px}.hero-note{left:18px;bottom:18px;font-size:11px;gap:6px}.hero-note svg{width:35px}.store{padding-inline:14px;font-size:12px}.hero h1{letter-spacing:-2.7px}.intro{font-size:17px}.section-heading{gap:45px}.reading-section,.local-section{gap:65px}.rich-layout{gap:50px}.rich-examples>div{padding:16px}.rich-examples{gap:12px;grid-template-rows:145px 180px}.flow>span{min-width:110px;padding:9px 6px;font-size:11px}.equation{font-size:24px;gap:8px}.code-example pre{font-size:11px}.export-section{column-gap:40px}.export-paper{width:210px}.image-paper{width:155px;right:0}.ribbon span{font-size:11px;gap:8px}.ribbon-inner{gap:12px}.world-section .section-heading{gap:50px}}
@media(max-width:800px){.header{width:calc(100% - 40px);height:84px;gap:14px}.header nav{gap:18px;font-size:12px}.brand{font-size:23px}.brand img{width:36px;height:36px}.language{font-size:12px;gap:5px}.language svg{width:16px}.wrap{width:calc(100% - 48px)}h1{font-size:52px!important;letter-spacing:-2px!important}h2{font-size:36px!important;letter-spacing:-1.5px}.hero{grid-template-columns:1fr;gap:40px;padding-top:38px;padding-bottom:44px}.hero-copy{margin:0!important}.intro{margin-block:22px 26px}.hero-stage{height:550px;margin:0 auto;width:min(490px,100%)}.hero-phone{width:225px;right:45px;top:20px}.source-sheet{left:0;top:110px;width:285px;height:335px}.source-sheet pre{font-size:11px}.hero-note{font-size:12px;left:25px}.ribbon-inner{justify-content:center;flex-wrap:wrap;gap:12px 22px;padding-block:20px;min-height:85px}.ribbon b{font-size:19px}.ribbon span{font-size:12px}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading p{max-width:570px}.demo-section{padding-block:64px}.document-demo{margin-top:30px}.demo-content{padding:28px;min-height:455px}.demo-toolbar{padding-inline:14px}.demo-file{font-size:11px}.segmented button{padding:8px 12px;font-size:11px}.reading-section{grid-template-columns:1fr 1fr;gap:32px;padding-block:10px 70px}.reading-stage{height:490px;padding-top:32px}.reading-phone{width:215px}.reading-copy h2{font-size:30px!important}.reading-copy p{font-size:14px;line-height:1.8;margin-top:18px}.view-buttons{gap:6px;margin-top:22px}.view-buttons button{font-size:10px;padding:8px}.reading-notes{font-size:11px;line-height:1.8;margin-top:20px}.rich-section{padding-block:62px}.rich-layout{grid-template-columns:1fr;gap:35px}.rich-section p{max-width:570px;font-size:16px}.rich-examples{max-width:570px;width:100%;margin:auto;grid-template-rows:150px 180px}.rich-examples>div{padding:20px 24px}.code-example pre{font-size:13px}.flow>span{font-size:12px;min-width:150px}.export-section{padding-block:70px 55px;grid-template-columns:1fr;gap:36px}.export-copy p{max-width:570px}.export-art{width:400px;max-width:100%;margin:auto;height:430px}.export-paper{width:245px}.image-paper{width:180px;right:8px}.export-captions{grid-column:auto;width:400px;max-width:100%;margin:auto;gap:40px}.local-section{padding-block:50px 70px;grid-template-columns:.8fr 1.2fr;gap:35px}.local-visual{height:250px}.folder{width:200px;height:170px;padding:20px}.folder>span{font-size:10px}.local-mark{width:48px;right:-10px;bottom:20px}.local-section h2{font-size:30px!important}.local-section p{font-size:14px;margin-top:18px}.world-section{padding-block:60px}.world-section .section-heading{gap:22px}.language-cloud{gap:9px;margin-top:30px}.language-cloud a{font-size:14px;padding:10px 18px}.language-note{text-align:left;font-size:11px}.download-section{padding-block:65px}.footer-top{align-items:flex-start}.footer-top>div{gap:14px 20px;justify-content:flex-end;max-width:360px}.footer .brand{white-space:nowrap}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header nav{display:none}.hero{padding-top:25px;gap:30px}.hero h1{font-size:42px!important;line-height:1.2;letter-spacing:-1.7px!important}.intro{font-size:16px!important;line-height:1.85}.intro br{display:none}.downloads{gap:10px;flex-wrap:nowrap}.store{min-height:52px;padding:11px 12px;gap:8px;font-size:11px}.store svg{width:18px;height:23px}body[data-locale=en] .store{font-size:10px;padding:11px 10px}.availability{font-size:10px;margin-top:15px}.hero-stage{height:470px;border-radius:46% 46% 24px 24px;width:calc(100% - 8px);margin-top:5px}.hero-phone{width:194px;right:24px;top:15px;border-width:6px;border-radius:31px}.source-sheet{left:-8px;top:90px;width:225px;height:285px;transform:rotate(-8deg)}.sheet-bar{padding-inline:10px;height:35px}.sheet-bar span{font-size:8px;margin-left:4px}.sheet-bar i{width:4px;height:4px}.source-sheet pre{font-size:9px;padding:17px;line-height:2.2}.file-extension{font-size:58px}.hero-note{left:16px;bottom:17px;font-size:10px}.hero-note svg{width:28px}.ribbon-inner{gap:10px 18px}.ribbon span{font-size:10px;gap:6px}.ribbon b{font-size:17px}.demo-section{padding-block:56px}h2{font-size:32px!important;letter-spacing:-1.2px}p{font-size:15px;line-height:1.8}.document-demo{border-radius:12px}.demo-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.demo-file{justify-content:center}.segmented{justify-content:center}.segmented button{flex:1}.demo-content{padding:24px 20px;min-height:485px}.demo-content pre{font-size:11px;line-height:2}.rendered h3{font-size:23px}.rendered blockquote{font-size:13px;padding:11px 13px}.rendered p{font-size:13px}.tasks{font-size:12px}.rendered table{font-size:11px}.rendered th,.rendered td{padding:9px 8px}.reading-section{display:flex;flex-direction:column-reverse;gap:28px;padding-bottom:56px}.reading-copy h2{font-size:32px!important}.reading-copy p{font-size:15px}.reading-stage{width:100%;height:490px;padding-top:35px}.reading-phone{width:240px}.view-buttons button{font-size:11px;padding:10px 12px}.reading-notes{font-size:12px;margin-top:18px;line-height:2}.rich-layout{gap:30px}.rich-section{padding-block:56px}.rich-section p{font-size:15px;margin-top:20px}.rich-examples{grid-template-columns:1fr 1fr;gap:10px;grid-template-rows:135px 175px}.rich-examples>div{padding:14px 12px;border-radius:11px}.rich-examples>div>span{font-size:9px}.equation{font-size:20px;gap:6px;height:85px}.fraction{font-size:18px}.fraction sup{font-size:11px}.code-example pre{font-size:10px;line-height:1.8;margin-top:22px}.flow{height:257px;gap:10px}.flow>span{font-size:10px;min-width:112px;padding:10px 6px}.export-section{padding-block:56px 48px;gap:32px}.export-copy p{margin-top:20px}.export-art{height:360px;width:320px}.export-paper{width:200px;height:300px;padding:22px}.image-paper{width:145px;height:340px;right:4px;top:0}.export-paper h3{font-size:13px}.export-captions{width:320px;gap:24px}.export-captions p{font-size:10px}.local-section{grid-template-columns:1fr;gap:20px;padding-block:38px 56px}.local-visual{height:225px}.folder{width:225px;height:160px;gap:8px}.local-mark{right:calc(50% - 140px);bottom:4px}.local-section h2{font-size:32px!important}.local-section p{font-size:15px}.world-section{padding-block:56px}.language-cloud{gap:8px;justify-content:flex-start}.language-cloud a{font-size:12px;padding:9px 15px}.language-note{font-size:10px;margin-top:22px}.download-section h2{font-size:29px!important}.download-section p{font-size:14px}.download-section>img{width:80px;height:80px;border-radius:21px}.download-section small{font-size:10px}.footer-top{flex-direction:column;gap:22px}.footer-top>div{justify-content:flex-start;font-size:11px;gap:14px 20px;max-width:none}.footer>p{font-size:9px;line-height:1.7;margin-top:22px}body[data-locale=en] .hero h1{font-size:39px!important;letter-spacing:-2px!important}body[data-locale=en] .hero-note{font-size:9px}body[data-locale=en] .demo-file{font-size:10px}body[data-locale=en] .rendered h3{font-size:21px}body[data-locale=en] .rendered table{font-size:10px}body[data-locale=en] .rendered th,body[data-locale=en] .rendered td{padding:9px 7px}body[data-locale=en] .flow>span{font-size:9px;min-width:108px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header{width:calc(100% - 32px)}.hero h1{font-size:36px!important}.hero-stage{height:435px}.hero-phone{width:178px;right:15px}.source-sheet{width:210px}.hero-note{font-size:9px;left:10px}.store{font-size:10px;padding-inline:9px}body[data-locale=en] .store{font-size:9px;padding-inline:9px}.store svg{width:16px}.hero .availability{font-size:9px}body[data-locale=en] .hero h1{font-size:34px!important}.export-paper{width:180px}.image-paper{width:135px}.flow>span{min-width:95px!important}.demo-content{padding-inline:16px}}
.export-section>div{min-width:0}
.header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.company-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:9px 12px;border:1px solid var(--line);border-radius:8px}.company-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.company-link:hover{border-color:var(--violet);color:var(--violet)}.language select{font:inherit;color:var(--ink);background:transparent;border:0;max-width:140px;padding:8px 3px;cursor:pointer}.language select:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:4px}.header nav{gap:24px;white-space:nowrap}.market-note{font-size:12px;line-height:1.8;max-width:440px;margin-top:9px}.language-cloud a{display:block;transition:background .15s}.language-cloud a:hover,.language-cloud a[aria-current=page]{border-color:var(--violet);color:var(--violet);background:white}.feedback-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-block:75px 90px}.feedback-section h2{font-size:38px;line-height:1.3;overflow-wrap:anywhere}.feedback-section>div>p{margin-top:22px;max-width:390px}.feedback-section form{min-width:0}.feedback-section label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.feedback-section textarea,.feedback-section input{font:inherit;font-size:15px;color:var(--ink);width:100%;background:white;border:1px solid #ccc5dc;border-radius:9px;padding:13px 15px;line-height:1.6}.feedback-section textarea{resize:vertical;min-height:150px}.feedback-section textarea:focus,.feedback-section input:focus{outline:2px solid var(--violet);outline-offset:2px}.feedback-section small{display:block;font-size:11px;color:var(--muted);margin:7px 0 22px}.feedback-section .feedback-privacy{font-size:11px;line-height:1.8;margin-block:16px 20px}.feedback-submit{border:0;border-radius:9px;color:white;background:var(--violet);font-size:14px;font-weight:600;padding:14px 22px;min-height:48px}.feedback-submit:disabled{opacity:.65;cursor:wait}.feedback-submit:hover:enabled{background:#5735b5}#feedback-status{font-size:13px;line-height:1.8;min-height:24px;margin-top:15px;overflow-wrap:anywhere}#feedback-status[data-state=error]{color:#a12d3c}#feedback-status[data-state=success]{color:#2e6b49}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.footer-top>div{justify-content:flex-end}h1,h2,h3,.demo-file{overflow-wrap:anywhere}body:not([data-locale=zh]):not([data-locale=zh-Hant]) h1{font-size:clamp(40px,4.3vw,64px);letter-spacing:-2px}body:not([data-locale=zh]):not([data-locale=zh-Hant]) h2{font-size:clamp(31px,3.2vw,46px)}body[data-locale=hi] h1,body[data-locale=hi] h2{letter-spacing:-.5px;line-height:1.4}body[data-locale=hi] .intro{line-height:2}
@media(max-width:1100px){.header nav{display:none}.header-actions{gap:20px}.feedback-section{gap:50px}}
@media(max-width:800px){.feedback-section{gap:35px;padding-block:56px}.feedback-section h2{font-size:32px!important}.market-note{font-size:11px}.header-actions{gap:16px}.language select{max-width:125px}.header{height:84px}}
@media(max-width:520px){.header{gap:8px}.header .brand{font-size:21px;gap:7px}.header .brand img{width:32px;height:32px}.header-actions{gap:9px}.company-link{font-size:11px;padding:7px 8px;gap:3px}.company-link svg{width:10px;height:10px}.language{gap:3px}.language svg{width:15px}.language select{font-size:11px;width:92px;max-width:92px;padding-inline:0}.feedback-section{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:48px}.feedback-section>div>p{margin-top:16px}.feedback-section textarea,.feedback-section input{font-size:16px}.feedback-section label{font-size:13px}.feedback-submit{width:100%}.feedback-section .feedback-privacy{font-size:11px}.market-note{font-size:10px;max-width:320px}body:not([data-locale=zh]):not([data-locale=zh-Hant]) .hero h1{font-size:38px!important;letter-spacing:-1.5px!important}.footer-top>div{justify-content:flex-start}.demo-toolbar{min-width:0}.demo-file{min-width:0}}
@media(max-width:360px){.header .brand{font-size:19px}.header .brand img{width:30px;height:30px}.company-link{padding:7px 6px}.header-actions{gap:7px}.language select{width:84px;max-width:84px}.language svg{display:none}body:not([data-locale=zh]):not([data-locale=zh-Hant]) .hero h1{font-size:33px!important}.feedback-section h2{font-size:29px!important}}
@media(max-width:800px){.export-section{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.image-paper{right:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}