@font-face{font-family:ReferenceNumbers;src:url("/assets/50409dd42897c3b2-s.p.ttf") format("truetype");font-display:swap}
:root{--primary:#4f46e5;--primary-light:#6696ff;--ink:#09090b;--text:#333;--muted:#747474;--pale:#f4f7fd;--line:#e4e7ed;--content:1280px;--radius:8px;--font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--shadow:0 4px 50px 13px #6580b114}

*{box-sizing:border-box}
html{scroll-behavior:auto}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.5;overflow-x:hidden}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0;background:none;color:inherit;padding:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700}
h2{font-size:36px;line-height:1.4}
ul,ol{padding:0;margin:0;list-style:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #938aff;outline-offset:4px}
button:disabled{cursor:default}
.wide{width:1280px;max-width:1280px;margin:0 auto}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:1px solid transparent;border-radius:8px;min-height:50px;padding:10px 32px;font-size:18px;font-weight:500;white-space:nowrap;transition:background .16s,box-shadow .16s}
.button:hover{background:#4238d3;box-shadow:0 4px 14px #4f46e52b}
.button-white{background:white;color:#222;border-color:#dedee4}
.button-white:hover{background:#f7f7fc}
.button-dark{background:linear-gradient(110deg,#4c4642,#292522);color:#ead6b6}
.button-dark:hover{background:#413930}
.button-outline{border-color:#b5b8c0;color:white;background:transparent}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:64px;background:#fff;box-shadow:0 4px 8px #0000000f;position:sticky;top:0;z-index:30}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between}
.brand-group{position:relative;display:flex;align-items:center;flex:none}
.brand{color:#604bff;display:flex;align-items:center;gap:4px;font-size:20px;white-space:nowrap;line-height:36px;width:100px}
.brand svg{width:32px;height:36px;fill:none;stroke:currentColor;stroke-width:2.7}
.brand svg ellipse:nth-of-type(n+2){fill:currentColor;stroke:none}
.brand-large{font-size:24px;width:124px}
.brand-large svg{width:40px;height:44px}
.brand-toggle{width:20px;height:36px;font-size:23px;color:#929292;line-height:30px}
.nav-links{display:flex;align-items:center;gap:56px;height:64px}
.nav-links>a:not(.nav-download,.nav-login,.register-link),.nav-links>button{position:relative;font-size:14px;font-weight:500;color:#222;height:64px;display:flex;align-items:center;justify-content:center}
.nav-links>button{font-size:16px;font-weight:400}
.nav-links>a.active{color:var(--primary)}
.nav-links>a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:3px;width:24px;background:var(--primary);border-radius:2px}
.nav-links .nav-download,.nav-links .nav-login{font-weight:500;width:100px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:8px}
.nav-download{color:var(--primary);border:1px solid #bab1ff}
.nav-links .nav-login{margin-left:-40px;background:var(--primary);color:#fff}
.register-link{border:1px solid #a69cff;border-radius:40px;padding:6px 18px;color:var(--primary);font-size:16px}
.brand-menu{position:absolute;top:49px;left:0;width:230px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #20205020;border-radius:10px;z-index:80}
.brand-menu b{font-size:14px;display:block;color:var(--muted);padding-bottom:12px}
.brand-menu a{display:flex;justify-content:space-between;padding:12px 8px;border-radius:6px;font-size:14px}
.brand-menu a:hover{background:#f4f2ff;color:var(--primary)}
.floating-support{position:fixed;right:2px;top:calc(50% - 60px);z-index:25;text-align:right;font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif}
.floating-support>span{display:block;width:max-content;margin-left:auto;font-size:12px;background:#fff;padding:7px 10px;border-radius:20px;color:#666;box-shadow:1px 1px 8px #0000001f;margin-bottom:6px}
.floating-support>span:before{content:"☷";background:var(--primary-light);color:white;border:3px solid #dce6ff;border-radius:50%;margin-right:2px}
.floating-support>button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--primary-light);border-radius:4px;color:#fff;width:151px;height:49px;font-size:24px}
.floating-support b{font-size:18px}
.promo-banner{position:fixed;bottom:0;left:0;width:100%;height:66px;background:linear-gradient(110deg,#1755ff,#347eff 55%,#1245ff);color:#d4ff40;z-index:40;display:flex;align-items:center;justify-content:center;gap:30px;overflow:hidden}
.promo-banner>b{font-size:28px;font-weight:900;font-style:italic;text-shadow:2px 2px #1771d9}
.promo-banner>b span{color:#fff}
.promo-banner>span{color:#fff;font-size:60px;transform:rotate(-12deg)}
.promo-banner>button{position:absolute;right:15px;top:5px;color:#fff;font-size:18px;line-height:20px;padding:0 5px}
.footer{background:#fff;min-height:265px}
.footer-inner{border-top:1px solid #e1e3e9;display:grid;grid-template-columns:250px 196px 196px 1fr 144px;gap:54px;padding-top:24px;min-height:212px}
.footer h3{font-size:18px;margin-bottom:18px;font-weight:600}
.footer a:not(:first-child),.footer-inner>div a,.footer-inner>div button,.footer-friends button{display:block;color:var(--muted);font-size:14px;line-height:24px;margin-bottom:12px;text-align:left}
.footer-friends>div{display:grid;grid-template-columns:repeat(2,84px);grid-template-rows:repeat(4,36px);grid-auto-flow:column;gap:0 10px}
.footer a:hover,.footer button:hover{color:var(--primary)}
.code-placeholder{width:124px;height:124px!important;background:repeating-linear-gradient(90deg,#45494d 0 3px,#fff 3px 7px,#45494d 7px 10px,#fff 10px 16px);border:8px solid #f8f9fa;position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;text-align:center!important}
.code-placeholder:before{content:"";position:absolute;inset:10px;background:repeating-linear-gradient(#fff 0 4px,transparent 4px 8px);mix-blend-mode:screen;z-index:-1}
.code-placeholder span{font-size:22px;background:#fff;color:var(--primary);font-weight:700;padding:0 6px}
.code-placeholder small{font-size:11px;background:#fff;color:#444;padding:0 4px}
.copyright{font-size:14px;text-align:center;padding:10px 20px 20px;white-space:nowrap;color:#222}
.home-hero{height:1151px;min-width:1280px;background:url("/assets/background.1f3506e2.png") 0 0/100% 100%;overflow:hidden}
.hero-inner{position:relative;padding-top:101px;text-align:center;height:100%}
.hero-inner:before{content:"";position:absolute;inset:0;background:url("/assets/grid.dc4b749d.png") 0 0/100% 100%;pointer-events:none}
.home-hero .home-title{font-size:64px;font-weight:800;line-height:1.5;position:relative;z-index:2}
.home-hero p:not(.home-title){font-size:18px;color:#888;margin-top:23px;position:relative;z-index:2}
.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:43px;position:relative;z-index:3}
.hero-actions .button{min-width:136px;border-radius:12px}
.hero-platform-icons{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.floating-icon{position:absolute;left:0;top:0;width:100%;height:auto;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){.floating-icon{transition:none}}
.hero-product{position:absolute;top:381px;left:0;width:1280px;height:770px;z-index:2}
.mock-scene{width:722px;height:532px;position:relative;background:linear-gradient(135deg,#f5f8f9 30%,#edf0fc);border:1px solid #eef0f4;border-radius:26px;overflow:hidden}
.mock-window{position:absolute;left:60px;top:48px;width:602px;height:440px;background:#fff;border-radius:16px;box-shadow:0 24px 34px #4b526b22;display:flex;overflow:hidden;font-size:11px;color:#333}
.mock-sidebar{background:linear-gradient(#edeaff,#f9faff);width:35px;flex:none;display:flex;align-items:center;flex-direction:column;gap:12px;padding:8px 3px}
.mock-sidebar>span{font-size:16px;line-height:19px;text-align:center}
.mock-sidebar small{font-size:7px;display:block}
.avatar{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(135deg,#e5eefb,#edd0aa);width:25px;height:25px;font-size:18px;flex:none}
.mock-content{flex:1;min-width:0}
.mock-top{height:45px;display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #eceef5}
.mock-top b{font-size:13px}
.mock-top>span{flex:1}
.mock-top i,.mock-top em{font-style:normal;font-size:9px;padding:6px;background:#f7f8fb;border-radius:4px}
.mock-top em{background:var(--primary);color:#fff}
.mock-body{display:flex;height:calc(100% - 45px);background:#f7f8fa}
.mock-body>aside{background:#fff;width:124px;flex:none;padding:14px 8px;border-right:1px solid #e8eaf0}
.search-line{height:20px;border-radius:3px;margin:12px 0;background:#f7f8fa;position:relative}
.search-line:before{content:"⌕";color:#9aa0b2;margin-left:4px}
.search-line:after{content:"";position:absolute;width:70%;height:6px;background:#e6e8ee;top:7px;left:23px;border-radius:8px}
.account-line{height:45px;padding:4px;margin-top:6px;display:flex;align-items:center;gap:6px;border:1px solid #e9e9f0;border-radius:5px}
.account-line.selected{border-color:#7063ff}
.account-line span{width:26px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:3px;color:white;font-size:16px}
.account-line i,.profile-line>i{width:55px;height:5px;background:#e7e8ed;border-radius:8px}
.mock-main{flex:1;min-width:0;padding:12px}
.profile-line{height:42px;background:white;border:1px solid #e4e7ef;border-radius:5px;display:flex;gap:8px;align-items:center;padding:8px}
.profile-line>button{margin-left:auto;font-size:8px;background:#f9fafc;padding:4px;border:1px solid #e6e8ef;border-radius:3px;pointer-events:none}
.mock-editor{display:flex;gap:12px;padding:14px;margin-top:12px;background:#fff;border:1px solid #e5e7f0;border-radius:5px;align-items:flex-start;height:224px}
.mock-editor>small{font-size:10px;margin-top:5px}
.landscape{position:relative;background:linear-gradient(#2783b9,#69b8e5 64%,#c3d8e1 65%,#293b42 90%);height:100%;width:100%;overflow:hidden;border-radius:5px;isolation:isolate}
.cloud{position:absolute;background:#fff9;width:75px;height:12px;filter:blur(3px);border-radius:50%;top:30px;left:20px}
.cloud-two{left:auto;right:5px;top:17px;width:55px}
.mountain{position:absolute;width:75%;height:68%;bottom:0;background:linear-gradient(130deg,#edf1f2 24%,#b2bcc4 27%,#617582 70%);clip-path:polygon(0 100%,19% 54%,29% 64%,48% 0,60% 32%,74% 20%,100% 100%);z-index:-1;left:-4%}
.mountain-front{left:35%;bottom:-12%;background:linear-gradient(130deg,#e0d5c6 24%,#878987 30%,#415668 80%);transform:scale(1.3)}
.landscape strong{font-size:23px;font-style:italic;font-weight:900;white-space:nowrap;color:white;position:absolute;top:28%;left:50%;transform:translateX(-50%);text-shadow:0 1px #8296ab}
.landscape>small{font-size:9px;color:white;position:absolute;top:48%;width:100%;text-align:center}
.mock-fields{height:85px;margin-top:12px;background:white;border:1px solid #e5e7f0;border-radius:4px;padding:15px;display:flex;gap:15px;align-items:flex-start}
.mock-fields>span{font-size:10px}
.mock-fields i{height:12px;background:#f0f1f6;width:25%;border-radius:3px}
.mock-phone{position:absolute;width:180px;height:328px;right:40px;top:150px;border:7px solid #f7f7fa;box-shadow:0 12px 30px #58597824;border-radius:30px;background:linear-gradient(#f4f1fd,#f9fafc);padding:8px;overflow:hidden;font-size:8px}
.phone-status{font-size:6px;display:flex;justify-content:space-between;margin-bottom:12px}
.mock-phone>b{display:block;text-align:center;margin-bottom:10px}
.phone-post{border-radius:6px;background:white;height:54px;padding:5px;display:flex;gap:5px;margin-bottom:6px}
.post-picture{width:38px;height:44px;flex:none}
.post-picture .landscape strong{font-size:6px;top:40%}
.post-picture .landscape small{display:none}
.phone-post>div:nth-child(2){flex:1}
.phone-post i{display:block;height:3px;background:#dddfe9;margin:4px 0 6px;width:90%;border-radius:4px}
.phone-post i:nth-child(2){width:65%}
.phone-post span{color:#ff6130;font-size:9px}
.phone-post small{display:block;color:var(--primary);font-size:6px;margin-top:2px}
.phone-nav{padding-top:5px;color:#6455fd;text-align:center;white-space:nowrap;font-size:12px}
.hero-scene{width:1280px;height:770px;border:0;background:none;border-radius:0;overflow:visible}
.hero-scene .mock-window{left:90px;top:30px;width:1100px;height:646px;border:12px solid #f3f0fd;outline:1px solid #e6e7ee;border-radius:24px}
.hero-scene .mock-sidebar{width:55px;gap:19px;padding:12px}
.hero-scene .mock-sidebar>span{font-size:22px;line-height:24px}
.hero-scene .mock-sidebar small{font-size:10px}
.hero-scene .mock-top{height:58px;padding:12px 16px}
.hero-scene .mock-top b{font-size:16px}
.hero-scene .mock-top i,.hero-scene .mock-top em{font-size:12px;padding:9px 15px}
.hero-scene .mock-body>aside{width:220px;padding:18px 15px;font-size:14px}
.hero-scene .search-line{height:30px;margin:22px 0 12px}
.hero-scene .search-line:after{top:12px}
.hero-scene .account-line{height:65px;margin-bottom:10px;font-size:18px;gap:10px}
.hero-scene .account-line span{width:36px;height:49px}
.hero-scene .mock-main{padding:24px}
.hero-scene .profile-line{height:70px;padding:16px;gap:14px}
.hero-scene .profile-line i{width:116px;height:10px}
.hero-scene .avatar{width:36px;height:36px;font-size:24px}
.hero-scene .profile-line>button{font-size:12px;padding:8px 14px}
.hero-scene .mock-editor{height:285px;padding:24px;margin-top:20px;gap:35px}
.hero-scene .mock-editor>small{font-size:14px}
.hero-scene .landscape strong{font-size:34px}
.hero-scene .landscape>small{font-size:14px}
.hero-scene .mock-fields{height:120px;margin-top:20px;padding:22px}
.hero-scene .mock-fields span{font-size:14px}
.hero-scene .mock-phone{right:40px;top:178px;width:264px;height:500px;border-width:10px;border-radius:44px;padding:14px}
.hero-scene .phone-status{font-size:9px;margin-bottom:17px}
.hero-scene .mock-phone>b{font-size:12px;margin-bottom:15px}
.hero-scene .phone-post{height:85px;margin-bottom:9px;padding:8px}
.hero-scene .post-picture{width:54px;height:66px}
.hero-scene .phone-post i{height:5px;margin:6px 0 9px}
.hero-scene .phone-post small{font-size:9px}
.hero-scene .phone-post span{font-size:14px}
.hero-scene .post-picture strong{font-size:9px}
.hero-scene .phone-nav{font-size:17px;padding-top:10px}
.features{padding-top:0;position:relative;min-width:1280px;background:#fff}
.feature-container>h2{text-align:center;font-size:44px;line-height:56px;font-weight:800}
.feature-tabs{position:sticky;top:64px;z-index:25;margin-top:52px;background:#fff}
.feature-tab-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:0;padding:12px 0}
.feature-tab-bar>button{font-size:18px;min-width:112px;height:44px;border-radius:40px;white-space:nowrap;padding:6px 18px;transition:background .2s,color .2s}
.feature-tabs .selected{color:#fff;background:var(--primary)}
.feature-list{width:100%}
.feature-row{height:calc(100vh - 121px);min-height:650px;display:grid;grid-template-columns:722px 1fr;column-gap:130px;align-items:start;padding-top:62px;scroll-margin-top:120px}
.feature-details{min-width:0;min-height:532px}
.feature-copy{position:fixed;top:160px;width:428px;visibility:visible;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s,visibility .5s;max-width:420px;max-height:calc(100vh - 180px);overflow-y:auto;pointer-events:none}
.feature-copy h3{font-size:44px;margin-bottom:26px}
.feature-copy li{margin-bottom:14px;color:#666;line-height:24px}
.feature-copy li:before,.api-options li:before{content:"✓";color:#877bff;margin-right:12px}
.feature-copy .button{margin-top:18px}
.feature-row.revealed .feature-copy{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.publish-types{position:absolute;left:38px;bottom:34px;width:455px;height:250px;background:#f8f8fb;padding:14px;border-radius:16px;box-shadow:0 18px 25px #656c7a29;font-size:13px}
.publish-types>div{display:flex;gap:7px;margin-top:12px;height:191px}
.publish-types>div>div{background:#fff;border-radius:7px;padding:17px 12px;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.publish-types span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:white}
.publish-types strong{font-size:12px}
.publish-types small{font-size:8px;color:#888;white-space:nowrap}
.publish-types em{font-size:9px;color:#fe6445;line-height:16px;font-style:normal}
.publish-modes{position:absolute;top:30px;right:37px;width:228px;padding:12px;background:white;border-radius:16px;box-shadow:0 10px 25px #7a7c8e18;font-size:12px}
.publish-modes>div{padding:12px;background:#f8f8fa;border-radius:6px;margin-bottom:7px}
.publish-modes>div:last-child{margin-bottom:0}
.publish-modes small{display:block;color:#b0b0b5;font-size:9px;padding-left:24px}
.scene-1 .mock-window{left:44px;top:70px;width:590px;height:390px}
.scene-1 .mock-phone{right:35px;top:90px}
.scene-2{background:linear-gradient(130deg,#f7f5fb,#f7f8fa)}
.scene-2 .mock-window{left:48px;top:64px;width:630px;height:400px}
.scene-decoration{position:absolute;top:12px;right:50px;color:#f66569;font-size:84px;transform:rotate(15deg);text-shadow:8px 7px #ffbbbf}
.scene-3{background:linear-gradient(135deg,#f1f8f6,#f7f8fa)}
.scene-3 .mock-window{left:40px;top:65px;width:642px;height:405px}
.browser-banner{position:absolute;left:85px;top:170px;width:555px;height:210px;background:linear-gradient(125deg,#f8f8ff,#e0e6ff);border-radius:10px;text-align:center;box-shadow:0 6px 20px #a4a0d329}
.browser-banner>span{font-size:90px;color:#9486ff;position:absolute;left:40px;top:15px}
.browser-banner b{display:block;font-size:20px;margin:55px 0 10px 120px}
.browser-banner small{font-size:12px;margin-left:120px;color:#808493}
.scene-4{background:linear-gradient(135deg,#eaf0fc,#f5f7fa)}
.scene-4 .mock-window{left:58px;top:55px;width:610px;height:430px}
.mini-platform-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:24px;background:white;border:1px solid #e4e7ef;border-radius:6px;margin-top:20px;gap:14px}
.mini-platform-grid span{width:33px;height:33px;border-radius:6px;color:white;font-size:20px;display:flex;align-items:center;justify-content:center}
.scene-5{background:linear-gradient(135deg,#e9f2fb,#f5f7fa)}
.mini-table{padding:12px 7px;background:#fff;margin-top:12px;border-radius:6px}
.mini-table>div{display:flex;gap:17px;padding:11px 4px;border-bottom:1px solid #eef0f4;align-items:center}
.mini-table i{height:5px;width:50px;background:#e9eaf0;border-radius:4px}
.mini-table em{color:var(--primary);font-size:8px;font-style:normal}
.invite-popup{position:absolute;bottom:40px;right:75px;width:260px;height:145px;background:white;box-shadow:0 10px 25px #64708228;border-radius:8px;padding:20px;font-size:12px}
.invite-popup p{font-size:10px;color:#999;margin:18px 0}
.invite-popup>span{background:#f8f9fc;padding:8px;display:block;font-size:10px;color:#888}
.scene-6 .mock-window{top:60px;left:50px;width:625px;height:410px}
.mini-messages{background:#fff;margin-top:20px;padding:20px;height:240px}
.mini-messages>div{display:flex;align-items:center;gap:8px;margin-bottom:28px}
.mini-messages i{padding:9px;background:#f5f5f9;border-radius:5px;font-style:normal;font-size:9px}
.mini-messages .reply{flex-direction:row-reverse}
.mini-messages .reply i{background:#e9e7ff}
.scene-7 .mock-window{left:55px;top:65px;height:410px;width:610px}
.mini-metrics{display:flex;gap:12px;margin-top:20px}
.mini-metrics>div{background:white;padding:15px;flex:1;border:1px solid #e8eaf2;border-radius:6px}
.mini-metrics small{font-size:9px;color:#888;display:block}
.mini-metrics b{font-size:18px;color:#222}
.chart-line{background:white;width:100%;height:180px;padding:20px;margin-top:12px;border-radius:5px}
.platforms{height:950px;min-width:1280px;padding-top:0}
.platforms h2{font-size:44px;line-height:66px;font-weight:800;text-align:center}
.platform-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:48px 40px;margin-top:52px}
.platform-grid>div{height:92px;display:flex;align-items:center;flex-direction:column;gap:12px}
.platform-grid img{height:64px;width:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-size:36px;font-weight:700}
.platform-grid small{font-size:12px;line-height:16px;color:#333;font-weight:500;letter-spacing:-.3px}
.app-pains{height:1497px;min-width:1280px;background:linear-gradient(#f9fbff,#eaf0ff)}
.app-support{height:772px;text-align:center;padding:0 0 140px}
.app-support>h2{padding-top:72px}
.app-support>h2{font-size:44px;line-height:66px;font-weight:800}
.app-support>p{font-size:18px;line-height:27px;color:#666;margin-top:28px}
.app-options{display:flex;justify-content:center;gap:288px;margin-top:72px}
.app-options>button>span{font-size:16px;line-height:24px;color:#51565d;display:block;margin-top:22px}
.app-tile{height:320px;width:320px;display:flex;align-items:center;justify-content:center;background:white;border-radius:16px;position:relative}
.phone-outline{height:136px;width:88px;border:3px solid #beceff;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 10px #8692d515}
.phone-outline:before{content:"";position:absolute;top:0;left:25px;right:25px;height:6px;background:#beceff;border-radius:0 0 6px 6px}
.phone-outline:after{content:"";position:absolute;bottom:10px;left:20px;right:20px;height:3px;background:#e3e9ff;border-radius:6px}
.hover-label{position:absolute;bottom:15px;left:0;width:100%;color:var(--primary);font-size:14px;opacity:0;transition:opacity .2s}
.app-options button:hover .hover-label,.app-options button:focus-visible .hover-label,.download-option:hover .hover-label,.download-option:focus-visible .hover-label{opacity:1}
.pains{text-align:center;height:725px;padding-top:72px}.pains>h2{font-size:44px;line-height:66px;font-weight:800}
.pains>p{font-size:18px;line-height:27px;color:#666;margin:16px auto 0;max-width:756px}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:109px;text-align:left}
.pain-grid article{background:#ffffff2e;border:1px solid #fff;padding:11px;position:relative;border-radius:8px;box-shadow:0 30px 20px -10px #245bdb08,0 20px 16px -10px #245bdb0d,0 20px 12px -10px #245bdb14;min-height:268px}
.pain-card-content{background:#fff;border-radius:8px;min-height:244px;height:100%;padding:36px}
.pain-grid article>span{position:absolute;left:16px;top:-40px;width:80px;height:80px}
.pain-grid h3{font-size:24px;font-weight:600;line-height:36px;color:#222;padding-bottom:16px;border-bottom:1px solid #dcdfe6;margin-bottom:16px}
.pain-grid p{font-size:20px;line-height:30px;color:#666}
.about-section{height:1280px;min-width:1280px;padding-top:82px;text-align:center;position:relative}
.about-section{background:url("/assets/aboutbg.68fd2f5b.png") center top/100% 100%}
.about-section:before{content:none;position:absolute;left:15%;right:15%;top:100px;height:850px;background:radial-gradient(#d6dce53b 2px,transparent 2px);background-size:9px 9px;border-radius:50%;z-index:-1;opacity:.5}
.about-content>h2,.home-api>h2{font-size:44px;line-height:66px;font-weight:800}.about-content>p,.home-api>p{font-size:18px;line-height:27px;color:#666;margin-top:16px}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:72px}
.about-stats>div{height:252px;background:#f7f8fa;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:84px 54px;gap:20px;position:relative}
.about-stats>div:nth-child(1){border-radius:0 70px 0 0}
.about-stats>div:nth-child(2){border-radius:0 0 0 70px}
.about-stats>div:nth-child(3){border-radius:70px 0 0 0}
.about-stats>div:nth-child(4){border-radius:0 0 70px 0}
.about-stats b{font-family:ReferenceNumbers,var(--font);font-size:36px;line-height:40px;color:#071532;font-variant-numeric:tabular-nums;white-space:nowrap}
.about-stats b:before{content:"";display:inline-block;height:36px;width:4px;border-radius:2px;background:linear-gradient(137deg,#5083fb 0%,#336df4 40%,#6f77ec 71%,#bc98f9 100%);margin-right:28px;vertical-align:-4px}
.about-count-unit{font-family:var(--font);font-size:28px}
.about-stats small{font-size:16px;line-height:24px;color:#666;padding-left:28px;white-space:nowrap}
.home-api{padding-top:160px}
.api-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:72px}
.api-options>a{height:268px;border-radius:20px;background:#f8f9fb;padding:44px 36px;text-align:left;position:relative}
.api-options h3{font-size:24px;line-height:32px;color:#081631;margin-bottom:16px}
.api-options li{font-size:16px;line-height:24px;color:#666;margin-bottom:8px}

.customers{height:auto;min-height:730px;min-width:1280px;background:url("/assets/bg.6bf62670.png") 0 0/100% 100%;padding:72px 0 120px;text-align:center}
.customers h2{font-size:44px;line-height:66px;font-weight:800}
.customers p{font-size:18px;line-height:27px;color:#666;margin-top:16px}
.customer-tabs{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:40px;width:800px;margin:48px auto 72px;height:56px;padding:4px}
.customer-tabs button{font-size:14px;width:112px;height:48px;border-radius:40px}
.customer-tabs .selected{background:var(--primary);color:white}
.customer-logos{background:white;border-radius:20px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.customer-logos>div{display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:8px;height:42px}
.customer-logos i{font-size:30px;font-style:normal}
.customer-logos b{font-size:19px;letter-spacing:-1px}
.customers.customers-industry{height:auto;min-height:730px}
.customer-industry-card{padding:24px;border-radius:20px;background:white;box-shadow:0 4px 50px 13px #6580b11a;text-align:left}
.customer-industry-main{display:flex;gap:64px;align-items:stretch}
.customer-industry-photo{display:block;width:532px;height:360px;object-fit:cover;border-radius:8px;flex-shrink:0}
.customer-industry-copy{min-width:0;flex:1;margin-top:64px}
.customer-industry-copy h3{font-size:24px;font-weight:600;line-height:32px}
.customer-industry-description{position:relative;margin-top:64px;padding-bottom:34px}
.customer-industry-description>img{display:block;width:42px;height:auto}
.customers .customer-industry-description p{margin:0;padding:0;color:var(--ink);font-size:16px;line-height:24px}
.customer-industry-description>img:last-child{position:absolute;right:0}
.customer-industry-logos{display:flex;justify-content:space-between;gap:0;margin-top:24px}
.customer-industry-logos>img{display:block;width:160px;height:120px;object-fit:contain;min-width:0}
.customer-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.bottom-cta{height:186px;background:linear-gradient(110deg,#e7e8ff,#ebf8ff);text-align:center}
.bottom-cta>.wide{display:flex;align-items:center;justify-content:space-between;height:100%}
.pricing{height:918px;min-width:1280px;padding:0 0 150px;background:url("/assets/beijing.346aa8da.jpg") 0 0/100% 100%}
.pricing>.wide{padding-top:72px}
.pricing h1{text-align:center;font-size:44px;line-height:66px;font-weight:800}
.pricing-cards{display:flex;justify-content:center;gap:40px;margin-top:64px}
.price-card{width:400px;height:566px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 35px #0000000d}
.price-head{height:194px;position:relative;background:linear-gradient(90deg,#fff,#ededec);padding:40px 48px;color:#2d2933}
.price-head h2{font-size:24px;line-height:32px;font-weight:600}
.price{font-family:ReferenceNumbers,var(--font);font-size:36px;font-weight:800;margin-top:28px;line-height:54px}
.price>span{font-family:var(--font);font-size:28px;margin-right:0}
.price small{font-family:var(--font);font-size:14px;color:#757575;margin-left:8px;font-weight:500}
.price-head>p{position:absolute;left:48px;bottom:22px;font-size:12px;line-height:18px;color:#969499;margin:0;white-space:nowrap}
.paid .price-head{background:url("/assets/vipbg.122e7155.png") 0 0/100% 100%}
.paid .price{color:#f64532}
.price-body{padding:40px 48px}
.price-body dl{margin:0;display:flex;flex-direction:column;gap:18px}
.price-body dl>div{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:16px;line-height:24px;font-weight:500;height:24px}
.price-body dt{color:#56535b}
.price-body dd{margin:0;color:#222}
.price-body .yes{font-size:25px;color:#6550ff;line-height:24px}
.price-body .no{color:#bfbfc2;font-size:25px;line-height:24px}
.price-body .button{width:100%;margin-top:48px;min-height:52px;font-size:16px}
.download-page{height:1041px;min-width:1280px;background:linear-gradient(#fbfcff,#e9efff);text-align:center;padding:0 0 140px}
.download-page>.wide{padding-top:72px}
.download-page h1{font-size:44px;line-height:66px;font-weight:800;color:#1a1a1a}
.download-description{font-family:var(--font);font-size:18px;color:#666;margin-top:28px}
.desktop-downloads{display:flex;gap:32px;justify-content:center;margin-top:80px}
.download-option{width:200px;display:flex;align-items:center;flex-direction:column;color:#51565d;white-space:nowrap}
.download-tile{width:164px;height:164px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}
.download-tile>img,.download-tile>svg,.download-tile>.windows-mark{width:90px!important;height:90px!important}
.windows-mark{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:linear-gradient(#2373ff 25%,#98d1ff);padding:0}
.windows-mark i{border:1px solid #ffffff24}
.download-option>span{font-size:16px;margin-top:46px}
.recommend{position:absolute;right:0;top:0;color:#ed7200;background:#fdebdb;font-size:14px;line-height:20px;padding:2px 6px;border-radius:0 8px}
.recommend.new{background:#fff1f0;color:#ff4d4f;font-weight:700;padding:2px 8px}
.secondary-downloads{display:flex;justify-content:center;margin-top:100px;gap:161px}
.secondary-downloads h2{font-size:18px;line-height:27px;letter-spacing:.9px;color:#666;font-weight:500;margin-bottom:32px}
.mobile-downloads>div{display:flex;gap:32px}
.plugin-download{position:relative}
.plugin-download:before{content:"";height:220px;width:1px;position:absolute;left:-81px;top:74px;background:#e5e7eb}
.custom-hero{height:565px;min-width:1280px;padding:148px 0 175px;background:url("/assets/banner.4e28d709.png") center center/auto 565px no-repeat;position:relative;overflow:hidden}
.custom-hero>.wide{position:relative;height:100%}
.custom-hero h1{font-size:60px;line-height:90px;color:#222;position:relative;z-index:2;font-weight:800}
.custom-hero p{color:#5f646c;margin-top:20px;position:relative;z-index:2}
.custom-hero .button{min-width:180px;min-height:55px;font-size:18px;line-height:27px;font-weight:800;border:0;padding:14px 54px;margin-top:53px;position:relative;z-index:2}
.cloud-art{position:absolute;right:-90px;top:35px;width:720px;height:490px;transform:rotate(-5deg)}
.cloud-floor{position:absolute;left:20px;right:0;height:220px;bottom:30px;background:linear-gradient(160deg,#ffffff,#c8d7fc);transform:skewY(-18deg);box-shadow:0 35px 0 #d5dffc,0 37px 0 #97b1ed,0 70px 30px #99b2e840}
.cloud-rings{position:absolute;left:160px;bottom:60px;width:410px;height:130px;border-radius:50%;background:linear-gradient(#f5f8ff,#bbcaff);box-shadow:0 15px 0 #809fff,0 28px 0 #b9c9fd,0 45px 35px #4774d17a}
.cloud-shape{position:absolute;left:185px;top:100px;width:350px;height:215px;background:linear-gradient(130deg,#a6d7ff,#5993ff 45%,#4264ff);border:12px solid #c3d7ff;border-radius:100px 100px 80px 80px;transform:skewY(13deg);box-shadow:20px 5px 0 #a0b9fb,28px 12px 0 #7091ec,inset 0 0 0 3px #a7cbff80}
.cloud-shape:before{content:"";position:absolute;width:180px;height:180px;left:35px;top:-80px;background:linear-gradient(125deg,#a6d7ff,#619bff,#4264ff);border-radius:50%;border:12px solid #b8d2ff;border-bottom:0;z-index:-1}
.cloud-shape>span{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;color:#d6ebff;font-size:70px;font-weight:800;text-shadow:2px 4px #4070e7}
.floating-cube{position:absolute;display:block;width:50px;height:50px;background:linear-gradient(135deg,#f0f7ff,#b9c8ff);transform:rotate(20deg) skewY(-12deg);box-shadow:9px 9px #a4bdff}
.cube-one{top:70px;left:70px}
.cube-two{right:40px;bottom:80px;width:35px;height:35px}
.cloud-laptop{display:none;position:absolute;width:210px;height:155px;bottom:40px;left:65px;background:linear-gradient(135deg,#70dcff,#3c85f9);border:10px solid #e5eaff;transform:skewY(-20deg);color:white;padding:15px}
.cloud-laptop:after{content:"";position:absolute;bottom:-45px;left:-35px;width:250px;height:35px;transform:skewX(-40deg);background:linear-gradient(#f3f5ff,#ccd8fd)}
.cloud-laptop b{font-size:15px;white-space:nowrap}
.cloud-laptop i{display:block;width:90%;height:5px;background:#bdeaff;margin-top:12px}
.custom-platform-section{min-width:1280px}
.custom-platform{height:740px;display:grid;grid-template-columns:490px 722px;gap:68px;align-items:start;padding-top:110px}
.custom-platform-copy{padding-top:0}
.custom-platform-copy>button:not(.button){width:100%;text-align:left;padding:18px 24px;border-radius:12px;display:block;transition:background-color .3s}
.custom-platform-copy>button:not(.button)+button:not(.button){margin-top:12px}
.custom-platform-copy h2{font-size:24px;line-height:36px;font-weight:800;color:#222;margin-bottom:8px}
.custom-platform-copy p{font-size:16px;color:#666;line-height:24px}
.custom-platform-copy .selected{background:#f6f7f9}
.custom-platform-copy>.button{font-size:18px;line-height:27px;font-weight:800;border:0;border-radius:10px;padding:14px 36px;margin-top:36px;min-width:144px}
.custom-illustration{height:480px;border-radius:28px;background:#f6f7f9;position:relative;overflow:hidden}
.custom-illustration .cloud-art{transform:scale(.84);transform-origin:center;right:0;top:-5px}
.custom-illustration .cloud-floor{display:none}
.custom-illustration .cloud-rings{display:none}
.custom-illustration .cloud-shape{left:310px;top:140px;transform:skewY(20deg) scale(.85);background:linear-gradient(125deg,#3b83fa,#5f8bff);box-shadow:20px 5px 0 #e1e8ff,28px 12px 0 #ccd5f8}
.custom-illustration .cloud-shape:before{background:linear-gradient(125deg,#f9fbff,#d6e0fb);border-color:#fff}
.custom-illustration .cloud-shape>span{font-size:30px;color:white;text-shadow:none}
.custom-illustration .cloud-laptop{display:block;left:80px;bottom:50px}
.advantages{height:699px;min-width:1280px;background:#f7f9ff;padding:0 0 150px;text-align:center}
.advantages>.wide{padding-top:73px}
.advantages h2,.partners h2,.custom-stats h2,.custom-contact h2{font-size:44px;line-height:66px;font-weight:800;color:#09090b}
.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:72px}
.advantage-grid article{height:340px;background:#fff;border-radius:26px;box-shadow:0 6px 14px #423c5012;padding:54px 24px 40px}
.advantage-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:62px;line-height:70px;width:75px;height:75px;color:#37b7ff;text-shadow:0 -8px 10px #dbf2ff}
.symbol-1{color:#6793ff;text-shadow:6px -5px #cedcff}
.symbol-2{color:#ffced2;text-shadow:0 -7px #ff7a89}
.advantage-grid h3{font-size:24px;line-height:32px;font-weight:800;margin:35px 0 18px}
.advantage-grid p{text-align:left;font-size:16px;line-height:24px;color:#2b3442;font-weight:500}
.partners{position:relative;height:736px;min-width:1280px;background:#f7f9ff url("/assets/hezuohuobanbeijing.d3661d83.png") 0 0/100% 100%;padding-top:72px;text-align:center}
.partners>.wide{position:relative;z-index:1}
.partner-decoration{position:absolute;bottom:-46px;right:0;width:332px;height:302px;pointer-events:none}
.partners>div>p{color:#666;font-size:18px;line-height:27px;margin-top:16px}
.customer-logos.compact{grid-template-columns:repeat(7,1fr);background:none;gap:24px 0;padding:0;margin-top:72px}.compact>div:nth-child(n+8):nth-child(-n+14),.compact>div:nth-child(n+22){transform:translateX(35px)}
.compact>div{width:160px;height:64px;background:#fff;border-radius:0;padding:0;overflow:hidden}
.compact b{font-size:16px}
.compact i{font-size:27px}
.custom-stats{height:418px;min-width:1280px;background:url("/assets/shujuleijibg.9afbeaad.png") 0 0/100% 100%;padding-top:72px;text-align:center}
.custom-stats>.wide>div{display:flex;justify-content:space-between;margin-top:74px}
.custom-stats article>b{font-size:42px;line-height:63px;color:#2d2933;font-weight:800}
.custom-stats article>p{color:#777;font-size:16px}
.custom-contact{height:369px;min-width:1280px;background:url("/assets/zixunbg.a4abae3b.png") 0 0/100% 100%;padding-top:72px;text-align:center}
.custom-contact ol{display:flex;justify-content:center;gap:52px;margin-top:34px;font-size:16px;color:#666}
.custom-contact li{display:flex;gap:8px;align-items:center;position:relative}
.custom-contact .step-arrow{position:absolute;width:40px;height:10px;right:-44px;top:10px}
.custom-contact li>span{background:#b7c8ff;color:#7a7bff;border-radius:50%;width:30px;height:30px;line-height:30px}
.custom-contact .button{margin-top:50px;min-width:203px;font-size:16px}
.dialog-backdrop{position:fixed;inset:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.dialog{background:#fff;width:540px;max-width:100%;max-height:85vh;overflow:auto;border-radius:16px;box-shadow:0 20px 80px #1113;padding:26px;outline:none}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:18px;margin-bottom:22px;gap:20px}
.dialog h2{font-size:24px}
.dialog-heading>button{font-size:28px;color:#808696;line-height:28px;width:32px;height:32px;border-radius:5px}
.dialog p{color:#687184;line-height:1.9;margin:12px 0 22px;font-size:15px}
.dialog .button{font-size:15px;min-height:42px;margin-top:12px}
.dialog .demo-note{font-size:12px;color:#989eab;margin-bottom:18px}
.contact-dialog{width:380px}
.wechat-contact{text-align:center}
.wechat-contact img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}
.wechat-contact p{margin:16px 0 0}
.chat-message{padding:15px;background:#f3f5ff;border-radius:8px;font-size:14px;line-height:1.8}
.chat-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.chat-options>button{padding:10px 12px;border:1px solid #dce2fc;border-radius:6px;font-size:13px;color:var(--primary);background:#fff}
.chat-options>button:hover{background:#f5f4ff}
.chat-reply{margin-top:18px;padding:16px;border:1px solid #eceef6;border-radius:8px;font-size:14px}
.chat-reply>div{color:var(--primary);padding-bottom:10px}
.chat-reply>p{font-size:14px;margin:0}
.contact-dialog form{display:flex;gap:10px;margin-top:22px;align-items:stretch}
.contact-dialog input{width:100%;min-width:0;border:1px solid #e1e5ef;border-radius:6px;padding:10px;font-size:14px}
.contact-dialog form .button{margin:0;font-size:13px;padding:8px 16px}
.download-explanation{text-align:center;background:#f5f7fd;border-radius:10px;padding:28px 20px}
.download-explanation small{color:#9198a7}
.help-links{display:grid;gap:12px}
.help-links>a{padding:13px 16px;background:#f5f6ff;border-radius:8px;color:var(--primary)}


.brand img{display:block;width:100px;height:40px;object-fit:contain}
.brand-large img{width:124px;height:45px}
.brand-toggle img{width:20px;height:20px;display:block}
.brand-menu{top:58px;left:123px;width:250px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}
.brand-menu>button{width:100%;display:flex;align-items:center;gap:12px;padding:8px;text-align:left;border-radius:4px}
.brand-menu>button:hover{background:#f4f7fd}
.brand-menu img{width:42px;height:42px}
.brand-menu strong{display:block;font-size:16px;font-weight:500;color:#262626}
.brand-menu small{display:block;font-size:12px;color:#666;white-space:nowrap;margin-top:4px}
.footer-inner ul{padding:0;margin:0;list-style:none}
.footer-inner>div:nth-child(2) li:first-child{margin-bottom:16px}.footer-inner li a,.footer-inner li button{display:block;color:#747474;font-size:14px;line-height:24px;margin-bottom:12px;text-align:left}
.footer-inner h3{color:#222}
.customer-qr{display:block;width:128px;height:128px}
.customer-qr img{display:block;width:100%;height:100%}
.hero-product>img{display:block;width:1280px;height:770px}
.feature-container{position:relative;padding-top:40px}
.feature-illustration{position:sticky;top:120px;width:722px;height:532px;display:block;object-fit:contain}
.platform-content{padding:40px 0 140px;height:100%}
.platform-grid img{object-fit:contain}
.app-tile>img{width:190px;height:190px;object-fit:contain}
.api-learn-more{display:flex;align-items:center;gap:0;margin-top:20px;font-size:14px;line-height:20px;color:var(--primary);opacity:0;transition:opacity .2s}
.api-options>a:hover .api-learn-more,.api-options>a:focus-visible .api-learn-more{opacity:1}
.api-learn-more>img{width:16px;height:16px}
.api-options>a>img{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:240px;height:240px;object-fit:contain;pointer-events:none}
.customer-logos img{display:block;width:160px;height:120px;object-fit:contain}
.customer-logos>div{height:120px}
.customer-logos.compact img{height:64px}
.customer-logos.compact>div{height:64px}
.original-platform-art{display:block;width:722px;height:482px;object-fit:contain}
.custom-illustration{background:transparent}
.advantage-grid img.advantage-symbol{display:block;width:64px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto;transform:none;left:auto}
.custom-contact li>span{background:transparent;display:block}
.custom-contact li>span>img{width:30px;height:30px;display:block}
.promo-banner{gap:0;background:transparent}
.promo-banner>img{width:100%;height:100%;object-fit:fill;display:block}


/* Shared content uses the measured original column at every route. */
.feature-copy li{display:flex;align-items:flex-start;gap:12px}
.feature-copy li>img,.api-options li>img{width:18px;height:18px;flex:none;margin-top:3px;vertical-align:middle}
.feature-copy li:before,.api-options li:before{content:none}
.api-options li>img{margin-right:12px}
.pain-grid article>span>img{display:block;width:80px;height:80px}
.price-body dd>img{display:block;width:22px;height:22px;margin-top:2px}
.floating-support{background:transparent}
.support-questions{height:34px;position:relative;margin-bottom:6px}
.support-questions>button{position:absolute;right:0;top:0;padding:7px 10px;background:#fff;border-radius:20px;box-shadow:1px 1px 8px #0000001f;color:#303133;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}
.support-questions>button:nth-child(3){opacity:1;pointer-events:auto}
.support-questions>button:before{content:"☷";color:#6696ff;margin-right:2px}
.floating-support:hover .support-questions{height:142px}
.floating-support:hover .support-questions>button{opacity:1;pointer-events:auto}
.floating-support:hover .support-questions>button:nth-child(2){top:36px}
.floating-support:hover .support-questions>button:nth-child(3){top:72px}
.floating-support:hover .support-questions>button:nth-child(4){top:108px}
.support-bubble{border-radius:50%;width:26px;height:26px;background:#fff;color:#6696ff;font-size:16px;text-align:center;line-height:26px}
.news-center{padding:160px 0 186px;min-width:1280px;color:#333333}
.news-center>.wide>h2{font-size:36px;text-align:center;margin-bottom:70px}
.news-grid{display:grid;grid-template-columns:860px 390px;gap:30px}
.news-reading,.news-sidebar>section{border-radius:8px;background:#f7f8fa;padding:30px}
.news-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.news-heading>a{font-size:14px}
.news-reading h3,.news-sidebar>section>h3{font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px}
.news-reading h3>img,.news-sidebar h3>img{width:14px;height:16px}
.news-article{display:flex;gap:24px;margin-bottom:36px;font-size:14px}
.news-article:last-child{margin-bottom:0}
.news-article>img{width:216px;height:144px;object-fit:cover;flex:none;border-radius:2px}
.news-article>div{min-width:0}
.news-article small{font-size:12px;color:#747474}
.news-article h3{font-size:18px;font-weight:600;color:#262626;line-height:28px;display:block;margin:2px 0 8px}
.news-article p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#747474;font-size:14px;line-height:22px}
.news-tags{color:#747474;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin-top:8px}
.news-article time{color:#747474;font-size:12px;display:block;margin-top:6px}
.news-sidebar>section{padding:30px;margin-bottom:24px}
.popular-article{display:block;border-radius:6px;margin-top:16px;background:#fff;padding:12px}
.popular-article>img{display:block;width:306px;height:200px;object-fit:cover}
.popular-article p{font-size:16px;line-height:26px;margin-top:12px}
.announcements>div{display:flex;gap:20px;align-items:center;margin-top:16px}
.announcements time{font-size:20px}
.announcements time small{font-size:12px;color:#747474;display:block}
.announcements span{font-size:14px}

@media(min-width:600px) and (max-width:1279px){.wide{margin-left:0;margin-right:0}
}

@media(max-width:599px){body{width:100%;overflow-x:clip}
.features,.app-pains{overflow-x:clip}
.wide{width:100%;margin:0}
.site-header{width:100%;overflow:visible}
.nav{width:100%;justify-content:start;gap:0}
.brand{width:100px}
.brand-group{width:116px}
.brand-toggle{width:16px}
.nav-links{gap:56px;width:auto;justify-content:start}
.nav-links>a:not(.nav-download,.nav-login,.register-link){width:auto;max-width:none;flex:none;line-height:20px;font-weight:500}
.nav-links>a:first-child{width:24px;padding:0 5px;word-break:break-all}
.nav-links>a:nth-child(3){width:27px;padding:0 3px;word-break:normal;overflow-wrap:normal;line-height:20px}
.nav-links>button,.nav-links>.nav-download,.nav-links>.nav-login,.nav-links>.register-link{display:none}
.brand-menu{top:50px;left:8px;width:225px}
.floating-support{display:none}
.news-center{min-width:0;padding:80px 0 138px}
.news-center>.wide>h2{font-size:28px;margin-bottom:40px}
.news-grid{display:block}
.news-reading,.news-sidebar>section{padding:20px}
.news-article{gap:12px}
.news-article>img{width:108px;height:72px}
.news-article h3{font-size:14px;line-height:20px}
.news-article p{font-size:12px;line-height:18px}
.news-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.popular-article>img{width:100%;height:auto}
.popular-article p{font-size:12px;line-height:20px}
.promo-banner{height:22px;gap:4px}
.promo-banner>b{font-size:10px;white-space:nowrap}
.promo-banner>span{font-size:22px}
.promo-banner>button{font-size:11px;right:2px;top:1px}
.footer{min-height:393px;padding:0}
.footer-inner{padding-top:24px;min-height:285px;grid-template-columns:84px 50px 50px 106px minmax(0,1fr);gap:0;border-top:1px solid #e1e3e9;width:100%;align-items:start}
.footer .brand-large{font-size:16px;width:80px;gap:0}
.footer .brand-large svg{width:27px;height:30px;flex:none}
.footer h3{font-size:18px;margin-bottom:18px;overflow-wrap:anywhere;line-height:27px}
.footer-inner>div{min-width:0;padding:0 2px}
.footer-inner>div a,.footer-inner>div button,.footer-friends button{font-size:14px;margin-bottom:16px;line-height:21px;overflow-wrap:anywhere}
.footer-friends>div{grid-template-columns:repeat(2,1fr);grid-template-rows:60px repeat(3,36px);gap:0 10px}
.footer-api h3{white-space:normal}
.code-placeholder{width:100%;max-width:112px;height:112px!important;border-width:4px}
.code-placeholder span{font-size:18px}
.code-placeholder small{font-size:10px}
.copyright{font-size:14px;padding:3px 0 25px;line-height:20px;white-space:normal}
.home-hero{height:739px;min-width:0}
.hero-inner{padding-top:100px}
.home-hero .home-title{font-size:64px;line-height:1.5;font-weight:800;max-width:100%;letter-spacing:-2px}
.home-hero p:not(.home-title){font-size:18px;line-height:27px;margin-top:23px;padding:0 6px}
.hero-actions{margin-top:43px;gap:16px}
.hero-actions .button{min-width:136px;padding:10px 26px}
.floating-icon{width:100px;height:auto}
.floating-0{top:-30px;left:60px}
.floating-1{top:-20px;right:70px}
.floating-2{top:120px;left:95px}
.floating-3{top:115px;right:85px}
.floating-4{top:235px;left:65px}
.floating-5{top:245px;right:65px}
.hero-product{top:504px;left:0;width:100%;height:215px}
.hero-scene{transform:scale(.305);transform-origin:top left}
.hero-scene .mock-window{left:90px;top:0}
.hero-scene .mock-phone{top:145px}
.features{padding-top:0;min-width:0}
.feature-container>h2{font-size:44px}
.feature-tabs{margin:52px 0 0;top:64px;height:188px}
.feature-tab-bar{width:100%;justify-content:space-between;align-items:flex-start;gap:0;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 0;scrollbar-width:none}
.feature-tab-bar::-webkit-scrollbar{display:none}
.feature-tab-bar>button{flex:none;width:81px;min-width:0;font-size:16px;padding:10px 32px;height:auto;line-height:24px;border-radius:24px;white-space:normal;overflow-wrap:anywhere}
.feature-row{min-height:779px;display:grid;grid-template-columns:722px 428px;column-gap:130px;position:relative;padding:62px 0 0}
.feature-row .feature-illustration{width:722px;height:532px;aspect-ratio:auto;top:120px}
.feature-row .mock-scene{border-radius:26px;margin-left:0}
.feature-details{min-height:0}
.feature-copy{left:20px;right:20px;top:calc(152px + (100vw - 40px)*532/722);width:auto;margin:0;background:white;padding:15px;max-width:none;max-height:calc(100vh - 184px - (100vw - 40px)*532/722);border-radius:8px;box-shadow:0 5px 20px #3f3d6012}
.feature-copy h3{font-size:23px;margin-bottom:8px}
.feature-copy ul{display:block;margin-bottom:12px;font-size:13px}
.feature-copy li{line-height:20px;margin-bottom:6px}
.feature-copy .button{font-size:14px;min-height:35px;margin:0;padding:5px 20px}
.platforms{height:1275px;min-width:0;padding:0}
.platforms h2{font-size:24px;line-height:36px}
.platform-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.platform-grid>div{height:59px;gap:8px}
.platform-grid img{height:36px;width:36px;font-size:23px;border-radius:7px}
.platform-grid small{font-size:10px;line-height:15px;white-space:nowrap}
.app-pains{height:1532px;min-width:0}
.app-support{height:772px;padding:0 0 140px}
.app-support>h2{padding-top:72px}
.app-support>h2{font-size:44px;line-height:66px;font-weight:800}
.app-options{gap:288px;margin-top:72px;justify-content:center;position:relative;left:0}
.app-tile{width:320px;height:320px;flex:none}
.app-options>button{flex:none}
.pains{height:760px;padding:72px 20px 75px}
.pains h2{font-size:24px;line-height:36px}
.pains>p{font-size:16px;line-height:24px;max-width:none}
.pain-grid{grid-template-columns:1fr 1fr;gap:45px 10px;margin-top:67px}
.pain-grid article{min-height:0;padding:11px}
.pain-card-content{min-height:0;padding:12px}
.pain-grid article>span{width:48px;height:48px;top:-26px;left:16px}
.pain-grid article>span>img{width:48px;height:48px}
.pain-grid h3{font-size:16px;line-height:24px;padding-bottom:16px;margin-bottom:16px;white-space:nowrap}
.pain-grid p{font-size:16px;line-height:24px}
.about-section{height:2310px;min-width:0;padding:82px 0 0}
.about-content>h2{font-size:44px;line-height:66px}
.about-content>p{font-size:18px;line-height:27px;max-width:none;margin:16px auto 0}
.about-stats{display:flex;flex-direction:column;margin-top:72px;gap:30px}
.about-stats>div{height:256px;text-align:left;padding-left:54px}
.about-stats b{font-size:36px}
.about-stats small{padding-left:28px;font-size:16px}
.home-api{padding-top:75px}
.home-api>h2{font-size:24px;line-height:36px}
.home-api>p{font-size:16px;line-height:24px;padding:0 20px;max-width:none;margin:16px auto 0}
.api-options{display:grid;grid-template-columns:1fr;gap:30px;margin:72px 20px 0}
.api-options>a{padding:44px 36px;height:268px;overflow:hidden}
.api-options h3{font-size:16px;line-height:24px}
.api-options li{font-size:16px;line-height:24px}

.customers{height:auto;min-height:758px;min-width:0;padding:60px 0 64px}
.customers h2{font-size:28px}
.customers p{font-size:12px;padding:0 20px}
.customer-tabs{width:calc(100% - 30px);height:44px;margin:45px auto;font-size:12px}
.customer-tabs button{height:38px;width:auto;flex:1;font-size:11px}
.customer-logos{grid-template-columns:repeat(3,1fr);gap:20px 8px;padding:25px 10px;border-radius:16px;margin:0 15px}
.customer-logos>div{height:35px;gap:3px}
.customer-logos b{font-size:12px;letter-spacing:-1px}
.customer-logos i{font-size:20px}
.customers.customers-industry{min-height:758px;padding-bottom:64px}
.customer-industry-card{margin:0 15px;padding:16px;border-radius:16px}
.customer-industry-main{flex-direction:column;gap:24px}
.customer-industry-photo{width:100%;height:auto;aspect-ratio:532/360}
.customer-industry-copy{margin-top:0}
.customer-industry-copy h3{font-size:22px;line-height:30px}
.customer-industry-description{margin-top:24px}
.customers .customer-industry-description p{font-size:14px;line-height:24px}
.customer-industry-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.customer-industry-logos>img{width:100%;height:auto;aspect-ratio:4/3}
.bottom-cta{height:138px}
.bottom-cta>.wide{padding:25px;gap:20px}
.bottom-cta h2{font-size:22px}
.bottom-cta .button{font-size:14px;padding:8px 16px;min-height:42px}
.pricing{height:918px;min-width:0;padding:0 0 150px}
.pricing h1{font-size:44px}
.pricing-cards{width:840px;position:relative;left:50%;transform:translateX(-50%);gap:40px;justify-content:start}
.price-card{flex:none;width:400px}
.pricing>.wide{overflow:hidden}
.download-page{height:2011px;min-width:0;padding:0 0 80px}
.download-page>.wide{padding-top:48px}
.download-page h1{font-size:32px;line-height:48px}
.download-description{font-size:16px;line-height:24px;max-width:350px;margin:16px auto 0;padding:0 8px}
.desktop-downloads{display:flex;flex-direction:column;align-items:center;gap:48px;margin-top:60px}
.download-tile{width:140px;height:140px}
.download-tile>img,.download-tile>svg,.download-tile>.windows-mark{width:90px!important;height:90px!important}
.download-option>span{font-size:16px;margin-top:24px;line-height:24px}
.secondary-downloads{display:flex;flex-direction:column;gap:48px;margin-top:60px}
.secondary-downloads h2{font-size:16px;line-height:24px;margin-bottom:24px;letter-spacing:0}
.mobile-downloads>div{display:flex;flex-direction:column;gap:48px;align-items:center}
.plugin-download:before{display:none}
.plugin-download>.download-option{margin:auto}
.download-option .hover-label{font-size:12px;bottom:8px}
.custom-hero{height:655px;min-width:0}
.custom-hero>.wide{padding-top:0}
.custom-hero h1{font-size:60px;line-height:90px;letter-spacing:0;max-width:100%}
.custom-hero p{font-size:16px;line-height:24px;max-width:100%;margin-top:20px}
.custom-hero>.wide>.button{margin-top:53px;font-size:18px;min-height:55px;min-width:180px}
.custom-hero>.wide>.cloud-art{right:-550px;opacity:.35}
.custom-platform-section{min-width:0}
.custom-platform{height:1214px;grid-template-columns:102px 722px;gap:69px;padding-top:109px}
.custom-platform-copy>button:not(.button){width:102px;overflow-wrap:anywhere}
.custom-platform-copy h2{font-size:24px;line-height:1.5}
.custom-platform-copy p{font-size:16px;line-height:24px}
.custom-platform-copy>.button{min-width:0;width:102px;font-size:18px;white-space:normal;padding:14px 36px;word-break:break-all;margin-top:36px}
.custom-illustration{width:722px;height:480px}
.advantages{height:1213px;min-width:0;padding:0 0 150px}
.advantages>.wide{padding-top:73px}
.advantages h2,.partners h2,.custom-stats h2,.custom-contact h2{font-size:44px;line-height:66px;font-weight:800;color:#09090b}
.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:72px}
.advantage-grid article{height:856px;border-radius:26px;padding:54px 24px 40px;overflow-wrap:anywhere}
.advantage-symbol{width:60px;height:70px;font-size:52px;position:relative;left:50%;transform:translateX(-50%)}
.advantage-grid h3{font-size:24px;line-height:32px;margin-top:35px}
.advantage-grid p{font-size:16px;line-height:24px}
.partners{height:792px;min-width:0;background-size:100% 100%;background-position:center;padding-top:72px;overflow:hidden}
.partners>div>p{font-size:18px;margin-top:16px}
.customer-logos.compact{width:1280px;grid-template-columns:repeat(7,1fr);gap:24px 0;margin:72px 0 0;padding:0}
.compact>div{height:64px}
.compact b{font-size:16px}
.compact i{font-size:27px}
.custom-stats{height:637px;min-width:0;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-color:#f7f9ff;padding-top:72px;overflow:hidden}
.custom-stats h2{line-height:66px}
.custom-stats>.wide>div{width:100%;margin-top:72px;align-items:flex-start;justify-content:start;gap:0}
.custom-stats article>b{font-size:42px}
.custom-stats article>p{font-size:16px;line-height:24px}
.custom-contact{height:435px;min-width:0;background-size:100% 100%;background-position:center center;padding-top:72px}
.custom-contact h2{font-size:44px;line-height:66px;color:#222}
.custom-contact ol{width:390px;gap:37px;justify-content:start;margin-top:36px;font-size:16px;align-items:center;padding:0}
.custom-contact li{width:48px;flex:none;flex-direction:row;gap:8px;word-break:break-all;font-size:16px;line-height:24px}
.custom-contact li>span{width:24px;height:24px;flex:none}.custom-contact li>span>img{width:24px;height:24px}
.custom-contact .step-arrow{right:-36px;top:43px}
.custom-contact .button{margin-top:55px;font-size:16px;line-height:24px;min-height:52px;min-width:203px;border:0}
.dialog{padding:20px}
.dialog h2{font-size:22px}
.chat-options{grid-template-columns:1fr}
.contact-dialog form{flex-direction:column}
.contact-dialog form .button{align-self:flex-end}
.contact-dialog input{min-height:44px}
.brand-large img{width:80px;height:30px}
.brand-menu{left:8px;width:250px}
.footer-inner li a,.footer-inner li button{font-size:14px;line-height:21px;margin-bottom:16px;overflow-wrap:anywhere}
.customer-qr{width:100%;height:auto;max-width:112px;aspect-ratio:1}
.platform-content{padding:40px 20px 140px}
.hero-product>img{width:100%;height:auto}
.app-tile>img{width:190px;height:190px}
.api-options>a>img{width:240px;height:240px;right:14px;top:50%}
.customer-logos img{width:100%;height:35px}
.customer-logos>div{height:35px}
.customer-logos.compact img{width:160px;height:64px}
}
@media(max-width:360px){.home-hero .home-title{font-size:56px}
.hero-scene{transform:scale(.27)}
.platform-grid{gap:20px 15px}
.footer-inner{grid-template-columns:70px 42px 42px 90px minmax(0,1fr)}
.footer .brand-large{width:70px;font-size:14px}
.footer h3{font-size:16px}
.advantage-grid{gap:20px}
.advantage-grid article{padding-left:18px;padding-right:18px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}

/* Download cards share the same hover and keyboard-focus transition on both pages. */
.download-option,.app-download-option{transition:transform .3s}
.download-tile{transition:box-shadow .3s}
.download-base-art,.download-hover-art{position:absolute;display:flex;align-items:center;justify-content:center;width:90px;height:90px;transition:opacity .3s,transform .3s}
.download-base-art>img{width:100%!important;height:100%!important;object-fit:contain}
.download-hover-art{object-fit:contain;transform:scale(0);opacity:0}
.app-tile .download-base-art,.app-tile .download-hover-art{width:190px;height:190px}
.download-caption{position:relative;display:block;height:24px;min-width:100%;line-height:24px}
.download-name{display:block;transition:opacity .3s}
.download-caption .hover-label{bottom:-16px;font-size:16px;color:#1c55f1;font-weight:500;transition:opacity .3s,bottom .3s}
.app-options .download-caption .hover-label{font-size:14px}
:is(.download-option,.app-download-option):is(:hover,:focus-visible){transform:translateY(-4px)}
:is(.download-option,.app-download-option):is(:hover,:focus-visible) .download-tile{box-shadow:0 10px 30px #00000014}
:is(.download-option,.app-download-option):is(:hover,:focus-visible) .download-base-art{transform:scale(0);opacity:0}
:is(.download-option,.app-download-option):is(:hover,:focus-visible) .download-hover-art{transform:scale(1);opacity:1}
:is(.download-option,.app-download-option):is(:hover,:focus-visible) .download-name{opacity:0}
:is(.download-option,.app-download-option):is(:hover,:focus-visible) .hover-label{bottom:0;opacity:1}
.nav-links>a,.nav-links>button{transition:color .15s,background-color .15s}
.nav-links>a:not(.nav-login):hover,.nav-links>button:hover{color:var(--primary)}
.nav-links .nav-login:hover{background:#4238d3}
@media(prefers-reduced-motion:reduce){.download-option,.app-download-option,.download-base-art,.download-hover-art,.download-name,.download-caption .hover-label{transition:none}}

@media(max-width:599px){body[data-page="vip"]{min-height:1810px}}

@media(max-width:599px){.download-option{width:100%}.download-tile .download-base-art,.download-tile .download-hover-art{width:80px;height:80px}}

.custom-stat-unit{font-size:20px}


@media(max-width:599px){.footer-inner>div:nth-child(2) li:first-child{margin-bottom:30px}.copyright{padding-top:5px;padding-bottom:23px}}


@media(max-width:599px){.download-option{color:#1a1a1a}}

/* Cached original CLI stylesheet. Scoped to the reused page only. */
.reference-cli *,.reference-cli :after,.reference-cli :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.reference-cli ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.reference-cli /*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,.reference-cli :after,.reference-cli :before{box-sizing:border-box;border:0 solid #e5e7eb}
.reference-cli :after,.reference-cli :before{--tw-content:""}
.reference-cli,.reference-cli{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
.reference-cli{margin:0;line-height:inherit}
.reference-cli hr{height:0;color:inherit;border-top-width:1px}
.reference-cli abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
.reference-cli h1,.reference-cli h2,.reference-cli h3,.reference-cli h4,.reference-cli h5,.reference-cli h6{font-size:inherit;font-weight:inherit}
.reference-cli a{color:inherit;text-decoration:inherit}
.reference-cli b,.reference-cli strong{font-weight:bolder}
.reference-cli code,.reference-cli kbd,.reference-cli pre,.reference-cli samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
.reference-cli small{font-size:80%}
.reference-cli sub,.reference-cli sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.reference-cli sub{bottom:-.25em}
.reference-cli sup{top:-.5em}
.reference-cli table{text-indent:0;border-color:inherit;border-collapse:collapse}
.reference-cli button,.reference-cli input,.reference-cli optgroup,.reference-cli select,.reference-cli textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
.reference-cli button,.reference-cli select{text-transform:none}
.reference-cli button,.reference-cli input:where([type=button]),.reference-cli input:where([type=reset]),.reference-cli input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
.reference-cli :-moz-focusring{outline:auto}
.reference-cli :-moz-ui-invalid{box-shadow:none}
.reference-cli progress{vertical-align:baseline}
.reference-cli ::-webkit-inner-spin-button,.reference-cli ::-webkit-outer-spin-button{height:auto}
.reference-cli [type=search]{-webkit-appearance:textfield;outline-offset:-2px}
.reference-cli ::-webkit-search-decoration{-webkit-appearance:none}
.reference-cli ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.reference-cli summary{display:list-item}
.reference-cli blockquote,.reference-cli dd,.reference-cli dl,.reference-cli figure,.reference-cli h1,.reference-cli h2,.reference-cli h3,.reference-cli h4,.reference-cli h5,.reference-cli h6,.reference-cli hr,.reference-cli p,.reference-cli pre{margin:0}
.reference-cli fieldset{margin:0}
.reference-cli fieldset,.reference-cli legend{padding:0}
.reference-cli menu,.reference-cli ol,.reference-cli ul{list-style:none;margin:0;padding:0}
.reference-cli dialog{padding:0}
.reference-cli textarea{resize:vertical}
.reference-cli input::-moz-placeholder,.reference-cli textarea::-moz-placeholder{opacity:1;color:#9ca3af}
.reference-cli input::placeholder,.reference-cli textarea::placeholder{opacity:1;color:#9ca3af}
.reference-cli [role=button],.reference-cli button{cursor:pointer}
.reference-cli :disabled{cursor:default}
.reference-cli audio,.reference-cli canvas,.reference-cli embed,.reference-cli iframe,.reference-cli img,.reference-cli object,.reference-cli svg,.reference-cli video{display:block;vertical-align:middle}
.reference-cli img,.reference-cli video{max-width:100%;height:auto}
.reference-cli [hidden]:where(:not([hidden=until-found])){display:none}
.reference-cli{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 10% 3.9%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}
.reference-cli *{border-color:hsl(var(--border))}
.reference-cli{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1}
.reference-cli .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.reference-cli .pointer-events-none{pointer-events:none}
.reference-cli .visible{visibility:visible}
.reference-cli .static{position:static}
.reference-cli .fixed{position:fixed}
.reference-cli .absolute{position:absolute}
.reference-cli .relative{position:relative}
.reference-cli .sticky{position:sticky}
.reference-cli .-inset-2{inset:-.5rem}
.reference-cli .inset-0{inset:0}
.reference-cli .inset-x-0{left:0;right:0}
.reference-cli .-bottom-4{bottom:-1rem}
.reference-cli .-bottom-\[24px\]{bottom:-24px}
.reference-cli .-bottom-\[46px\]{bottom:-46px}
.reference-cli .-right-\[24px\]{right:-24px}
.reference-cli .-top-\[13px\]{top:-13px}
.reference-cli .-top-\[20px\]{top:-20px}
.reference-cli .-top-\[26px\]{top:-26px}
.reference-cli .bottom-0{bottom:0}
.reference-cli .left-0{left:0}
.reference-cli .left-1\/2{left:50%}
.reference-cli .left-2{left:.5rem}
.reference-cli .left-4{left:1rem}
.reference-cli .left-\[36px\]{left:36px}
.reference-cli .left-\[50\%\]{left:50%}
.reference-cli .right-0{right:0}
.reference-cli .right-2{right:.5rem}
.reference-cli .right-4{right:1rem}
.reference-cli .right-\[14px\]{right:14px}
.reference-cli .top-0{top:0}
.reference-cli .top-2{top:.5rem}
.reference-cli .top-4{top:1rem}
.reference-cli .top-\[50\%\]{top:50%}
.reference-cli .z-0{z-index:0}
.reference-cli .z-10{z-index:10}
.reference-cli .z-40{z-index:40}
.reference-cli .z-50{z-index:50}
.reference-cli .z-\[999\]{z-index:999}
.reference-cli .-m-6{margin:-1.5rem}
.reference-cli .m-auto{margin:auto}
.reference-cli .-mx-1{margin-left:-.25rem;margin-right:-.25rem}
.reference-cli .-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}
.reference-cli .mx-20{margin-left:5rem;margin-right:5rem}
.reference-cli .mx-auto{margin-left:auto;margin-right:auto}
.reference-cli .my-1{margin-top:.25rem;margin-bottom:.25rem}
.reference-cli .my-2{margin-top:.5rem;margin-bottom:.5rem}
.reference-cli .my-4{margin-top:1rem;margin-bottom:1rem}
.reference-cli .\!mb-\[52px\]{margin-bottom:52px!important}
.reference-cli .\!mt-0{margin-top:0!important}
.reference-cli .-mb-\[1px\]{margin-bottom:-1px}
.reference-cli .-mt-12{margin-top:-3rem}
.reference-cli .-mt-\[100px\]{margin-top:-100px}
.reference-cli .mb-10{margin-bottom:2.5rem}
.reference-cli .mb-12{margin-bottom:3rem}
.reference-cli .mb-2{margin-bottom:.5rem}
.reference-cli .mb-3{margin-bottom:.75rem}
.reference-cli .mb-4{margin-bottom:1rem}
.reference-cli .mb-5{margin-bottom:1.25rem}
.reference-cli .mb-6{margin-bottom:1.5rem}
.reference-cli .mb-8{margin-bottom:2rem}
.reference-cli .mb-\[120px\]{margin-bottom:120px}
.reference-cli .mb-\[18px\]{margin-bottom:18px}
.reference-cli .mb-\[24px\]{margin-bottom:24px}
.reference-cli .mb-\[36px\]{margin-bottom:36px}
.reference-cli .mb-\[46px\]{margin-bottom:46px}
.reference-cli .mb-\[50px\]{margin-bottom:50px}
.reference-cli .mb-\[55px\]{margin-bottom:55px}
.reference-cli .mb-\[70px\]{margin-bottom:70px}
.reference-cli .mb-\[90px\]{margin-bottom:90px}
.reference-cli .ml-1{margin-left:.25rem}
.reference-cli .ml-2{margin-left:.5rem}
.reference-cli .ml-3{margin-left:.75rem}
.reference-cli .ml-4{margin-left:1rem}
.reference-cli .ml-\[14px\]{margin-left:14px}
.reference-cli .ml-\[28px\]{margin-left:28px}
.reference-cli .ml-\[35px\]{margin-left:35px}
.reference-cli .ml-auto{margin-left:auto}
.reference-cli .mr-1{margin-right:.25rem}
.reference-cli .mr-3\.5{margin-right:.875rem}
.reference-cli .mr-5{margin-right:1.25rem}
.reference-cli .mt-0{margin-top:0}
.reference-cli .mt-0\.5{margin-top:.125rem}
.reference-cli .mt-10{margin-top:2.5rem}
.reference-cli .mt-2{margin-top:.5rem}
.reference-cli .mt-3{margin-top:.75rem}
.reference-cli .mt-4{margin-top:1rem}
.reference-cli .mt-5{margin-top:1.25rem}
.reference-cli .mt-6{margin-top:1.5rem}
.reference-cli .mt-8{margin-top:2rem}
.reference-cli .mt-9{margin-top:2.25rem}
.reference-cli .mt-\[16px\]{margin-top:16px}
.reference-cli .mt-\[18px\]{margin-top:18px}
.reference-cli .mt-\[24px\]{margin-top:24px}
.reference-cli .mt-\[28px\]{margin-top:28px}
.reference-cli .mt-\[32px\]{margin-top:32px}
.reference-cli .mt-\[35px\]{margin-top:35px}
.reference-cli .mt-\[36px\]{margin-top:36px}
.reference-cli .mt-\[40px\]{margin-top:40px}
.reference-cli .mt-\[48px\]{margin-top:48px}
.reference-cli .mt-\[52px\]{margin-top:52px}
.reference-cli .mt-\[53px\]{margin-top:53px}
.reference-cli .mt-\[54px\]{margin-top:54px}
.reference-cli .mt-\[55px\]{margin-top:55px}
.reference-cli .mt-\[56px\]{margin-top:56px}
.reference-cli .mt-\[60px\]{margin-top:60px}
.reference-cli .mt-\[64px\]{margin-top:64px}
.reference-cli .mt-\[67px\]{margin-top:67px}
.reference-cli .mt-\[6px\]{margin-top:6px}
.reference-cli .mt-\[72px\]{margin-top:72px}
.reference-cli .mt-\[90px\]{margin-top:90px}
.reference-cli .line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.reference-cli .block{display:block}
.reference-cli .inline-block{display:inline-block}
.reference-cli .inline{display:inline}
.reference-cli .flex{display:flex}
.reference-cli .inline-flex{display:inline-flex}
.reference-cli .grid{display:grid}
.reference-cli .list-item{display:list-item}
.reference-cli .hidden{display:none}
.reference-cli .aspect-square{aspect-ratio:1/1}
.reference-cli .aspect-video{aspect-ratio:16/9}
.reference-cli .size-2{width:.5rem;height:.5rem}
.reference-cli .size-3\.5{width:.875rem;height:.875rem}
.reference-cli .size-4{width:1rem;height:1rem}
.reference-cli .size-9{width:2.25rem;height:2.25rem}
.reference-cli .h-1{height:.25rem}
.reference-cli .h-10{height:2.5rem}
.reference-cli .h-11{height:2.75rem}
.reference-cli .h-12{height:3rem}
.reference-cli .h-14{height:3.5rem}
.reference-cli .h-16{height:4rem}
.reference-cli .h-20{height:5rem}
.reference-cli .h-3{height:.75rem}
.reference-cli .h-3\.5{height:.875rem}
.reference-cli .h-4{height:1rem}
.reference-cli .h-48{height:12rem}
.reference-cli .h-5{height:1.25rem}
.reference-cli .h-6{height:1.5rem}
.reference-cli .h-7{height:1.75rem}
.reference-cli .h-8{height:2rem}
.reference-cli .h-9{height:2.25rem}
.reference-cli .h-\[100px\]{height:100px}
.reference-cli .h-\[102px\]{height:102px}
.reference-cli .h-\[110px\]{height:110px}
.reference-cli .h-\[120px\]{height:120px}
.reference-cli .h-\[140px\]{height:140px}
.reference-cli .h-\[144px\]{height:144px}
.reference-cli .h-\[164px\]{height:164px}
.reference-cli .h-\[18px\]{height:18px}
.reference-cli .h-\[190px\]{height:190px}
.reference-cli .h-\[200px\]{height:200px}
.reference-cli .h-\[220px\]{height:220px}
.reference-cli .h-\[26px\]{height:26px}
.reference-cli .h-\[302px\]{height:302px}
.reference-cli .h-\[320px\]{height:320px}
.reference-cli .h-\[32px\]{height:32px}
.reference-cli .h-\[3px\]{height:3px}
.reference-cli .h-\[414px\]{height:414px}
.reference-cli .h-\[48px\]{height:48px}
.reference-cli .h-\[520px\]{height:520px}
.reference-cli .h-\[52px\]{height:52px}
.reference-cli .h-\[532px\]{height:532px}
.reference-cli .h-\[64px\]{height:64px}
.reference-cli .h-\[72px\]{height:72px}
.reference-cli .h-\[80px\]{height:80px}
.reference-cli .h-\[90px\]{height:90px}
.reference-cli .h-auto{height:auto}
.reference-cli .h-full{height:100%}
.reference-cli .h-px{height:1px}
.reference-cli .max-h-\[130px\]{max-height:130px}
.reference-cli .max-h-\[240px\]{max-height:240px}
.reference-cli .max-h-\[90vh\]{max-height:90vh}
.reference-cli .max-h-\[95vh\]{max-height:95vh}
.reference-cli .max-h-full{max-height:100%}
.reference-cli .min-h-\[360px\]{min-height:360px}
.reference-cli .min-h-fit{min-height:-moz-fit-content;min-height:fit-content}
.reference-cli .\!w-full{width:100%!important}
.reference-cli .w-1{width:.25rem}
.reference-cli .w-11{width:2.75rem}
.reference-cli .w-12{width:3rem}
.reference-cli .w-3{width:.75rem}
.reference-cli .w-3\.5{width:.875rem}
.reference-cli .w-4{width:1rem}
.reference-cli .w-48{width:12rem}
.reference-cli .w-5{width:1.25rem}
.reference-cli .w-6{width:1.5rem}
.reference-cli .w-64{width:16rem}
.reference-cli .w-7{width:1.75rem}
.reference-cli .w-8{width:2rem}
.reference-cli .w-9{width:2.25rem}
.reference-cli .w-\[100px\]{width:100px}
.reference-cli .w-\[110px\]{width:110px}
.reference-cli .w-\[1280px\]{width:1280px}
.reference-cli .w-\[140px\]{width:140px}
.reference-cli .w-\[14px\]{width:14px}
.reference-cli .w-\[160px\]{width:160px}
.reference-cli .w-\[164px\]{width:164px}
.reference-cli .w-\[16px\]{width:16px}
.reference-cli .w-\[18px\]{width:18px}
.reference-cli .w-\[190px\]{width:190px}
.reference-cli .w-\[1px\]{width:1px}
.reference-cli .w-\[200px\]{width:200px}
.reference-cli .w-\[22px\]{width:22px}
.reference-cli .w-\[30px\]{width:30px}
.reference-cli .w-\[320px\]{width:320px}
.reference-cli .w-\[332px\]{width:332px}
.reference-cli .w-\[375px\]{width:375px}
.reference-cli .w-\[390px\]{width:390px}
.reference-cli .w-\[40px\]{width:40px}
.reference-cli .w-\[48px\]{width:48px}
.reference-cli .w-\[52px\]{width:52px}
.reference-cli .w-\[64px\]{width:64px}
.reference-cli .w-\[70px\]{width:70px}
.reference-cli .w-\[722px\]{width:722px}
.reference-cli .w-\[80\%\]{width:80%}
.reference-cli .w-\[800px\]{width:800px}
.reference-cli .w-\[80px\]{width:80px}
.reference-cli .w-\[83px\]{width:83px}
.reference-cli .w-\[90px\]{width:90px}
.reference-cli .w-\[95vw\]{width:95vw}
.reference-cli .w-auto{width:auto}
.reference-cli .w-fit{width:-moz-fit-content;width:fit-content}
.reference-cli .w-full{width:100%}
.reference-cli .min-w-0{min-width:0}
.reference-cli .min-w-\[12rem\]{min-width:12rem}
.reference-cli .min-w-\[216px\]{min-width:216px}
.reference-cli .min-w-\[400px\]{min-width:400px}
.reference-cli .min-w-\[532px\]{min-width:532px}
.reference-cli .min-w-\[722px\]{min-width:722px}
.reference-cli .min-w-\[8rem\]{min-width:8rem}
.reference-cli .\!max-w-\[483px\]{max-width:483px!important}
.reference-cli .\!max-w-\[860px\]{max-width:860px!important}
.reference-cli .\!max-w-fit{max-width:-moz-fit-content!important;max-width:fit-content!important}
.reference-cli .max-w-2xl{max-width:42rem}
.reference-cli .max-w-3xl{max-width:48rem}
.reference-cli .max-w-7xl{max-width:80rem}
.reference-cli .max-w-\[1000px\]{max-width:1000px}
.reference-cli .max-w-\[100px\]{max-width:100px}
.reference-cli .max-w-\[1280px\]{max-width:1280px}
.reference-cli .max-w-\[130px\]{max-width:130px}
.reference-cli .max-w-\[240px\]{max-width:240px}
.reference-cli .max-w-\[375px\]{max-width:375px}
.reference-cli .max-w-\[420px\]{max-width:420px}
.reference-cli .max-w-\[540px\]{max-width:540px}
.reference-cli .max-w-\[600px\]{max-width:600px}
.reference-cli .max-w-\[80px\]{max-width:80px}
.reference-cli .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}
.reference-cli .max-w-full{max-width:100%}
.reference-cli .max-w-screen-md{max-width:768px}
.reference-cli .flex-1{flex:1 1 0%}
.reference-cli .flex-none{flex:none}
.reference-cli .flex-shrink-0,.reference-cli .shrink-0{flex-shrink:0}
.reference-cli .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .-translate-y-1\/2,.reference-cli .-translate-y-\[50\%\]{--tw-translate-y:-50%}
.reference-cli .-translate-y-1\/2,.reference-cli .-translate-y-\[50\%\],.reference-cli .translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .translate-x-\[-50\%\]{--tw-translate-x:-50%}
.reference-cli .translate-y-\[-50\%\]{--tw-translate-y:-50%}
.reference-cli .rotate-180,.reference-cli .translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .rotate-180{--tw-rotate:180deg}
.reference-cli .scale-0{--tw-scale-x:0;--tw-scale-y:0}
.reference-cli .scale-0,.reference-cli .scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .scale-100{--tw-scale-x:1;--tw-scale-y:1}
.reference-cli .scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}
.reference-cli .scale-105,.reference-cli .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .cursor-default{cursor:default}
.reference-cli .cursor-not-allowed{cursor:not-allowed}
.reference-cli .cursor-pointer{cursor:pointer}
.reference-cli .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.reference-cli .resize{resize:both}
.reference-cli .list-decimal{list-style-type:decimal}
.reference-cli .list-disc{list-style-type:disc}
.reference-cli .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.reference-cli .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-cli .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.reference-cli .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.reference-cli .grid-rows-\[0fr\]{grid-template-rows:0fr}
.reference-cli .grid-rows-\[1fr\]{grid-template-rows:1fr}
.reference-cli .flex-row{flex-direction:row}
.reference-cli .flex-col{flex-direction:column}
.reference-cli .flex-col-reverse{flex-direction:column-reverse}
.reference-cli .flex-wrap{flex-wrap:wrap}
.reference-cli .items-start{align-items:flex-start}
.reference-cli .items-center{align-items:center}
.reference-cli .items-baseline{align-items:baseline}
.reference-cli .items-stretch{align-items:stretch}
.reference-cli .justify-start{justify-content:flex-start}
.reference-cli .justify-end{justify-content:flex-end}
.reference-cli .justify-center{justify-content:center}
.reference-cli .justify-between{justify-content:space-between}
.reference-cli .gap-1{gap:.25rem}
.reference-cli .gap-1\.5{gap:.375rem}
.reference-cli .gap-10{gap:2.5rem}
.reference-cli .gap-12{gap:3rem}
.reference-cli .gap-2{gap:.5rem}
.reference-cli .gap-2\.5{gap:.625rem}
.reference-cli .gap-3{gap:.75rem}
.reference-cli .gap-3\.5{gap:.875rem}
.reference-cli .gap-4{gap:1rem}
.reference-cli .gap-5{gap:1.25rem}
.reference-cli .gap-6{gap:1.5rem}
.reference-cli .gap-8{gap:2rem}
.reference-cli .gap-9{gap:2.25rem}
.reference-cli .gap-\[10px\]{gap:10px}
.reference-cli .gap-\[12px\]{gap:12px}
.reference-cli .gap-\[130px\]{gap:130px}
.reference-cli .gap-\[18px\]{gap:18px}
.reference-cli .gap-\[20px\]{gap:20px}
.reference-cli .gap-\[30px\]{gap:30px}
.reference-cli .gap-\[36px\]{gap:36px}
.reference-cli .gap-\[40px\]{gap:40px}
.reference-cli .gap-\[64px\]{gap:64px}
.reference-cli .gap-\[69px\]{gap:69px}
.reference-cli .gap-x-4{-moz-column-gap:1rem;column-gap:1rem}
.reference-cli .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}
.reference-cli .gap-x-8{-moz-column-gap:2rem;column-gap:2rem}
.reference-cli .gap-x-\[288px\]{-moz-column-gap:288px;column-gap:288px}
.reference-cli .gap-x-\[56px\]{-moz-column-gap:56px;column-gap:56px}
.reference-cli .gap-y-10{row-gap:2.5rem}
.reference-cli .gap-y-12{row-gap:3rem}
.reference-cli .gap-y-2{row-gap:.5rem}
.reference-cli .gap-y-6{row-gap:1.5rem}
.reference-cli .gap-y-\[14px\]{row-gap:14px}
.reference-cli .gap-y-\[45px\]{row-gap:45px}
.reference-cli .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}
.reference-cli .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}
.reference-cli .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}
.reference-cli .space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}
.reference-cli .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.reference-cli .self-end{align-self:flex-end}
.reference-cli .overflow-auto{overflow:auto}
.reference-cli .overflow-hidden{overflow:hidden}
.reference-cli .overflow-x-auto{overflow-x:auto}
.reference-cli .overflow-y-auto{overflow-y:auto}
.reference-cli .overflow-x-hidden{overflow-x:hidden}
.reference-cli .overflow-ellipsis,.reference-cli .text-ellipsis{text-overflow:ellipsis}
.reference-cli .whitespace-nowrap{white-space:nowrap}
.reference-cli .whitespace-pre-line{white-space:pre-line}
.reference-cli .whitespace-pre-wrap{white-space:pre-wrap}
.reference-cli .break-words{overflow-wrap:break-word}
.reference-cli .rounded-2xl{border-radius:1rem}
.reference-cli .rounded-3xl{border-radius:1.5rem}
.reference-cli .rounded-\[10px\]{border-radius:10px}
.reference-cli .rounded-\[12px\]{border-radius:12px}
.reference-cli .rounded-\[16px\]{border-radius:16px}
.reference-cli .rounded-\[20px\]{border-radius:20px}
.reference-cli .rounded-\[22px\]{border-radius:22px}
.reference-cli .rounded-\[24px\]{border-radius:24px}
.reference-cli .rounded-\[26px\]{border-radius:26px}
.reference-cli .rounded-\[2px\]{border-radius:2px}
.reference-cli .rounded-\[40px\]{border-radius:40px}
.reference-cli .rounded-\[50px\]{border-radius:50px}
.reference-cli .rounded-\[6px\]{border-radius:6px}
.reference-cli .rounded-\[8px\]{border-radius:8px}
.reference-cli .rounded-full{border-radius:9999px}
.reference-cli .rounded-lg{border-radius:var(--radius)}
.reference-cli .rounded-md{border-radius:calc(var(--radius) - 2px)}
.reference-cli .rounded-sm{border-radius:calc(var(--radius) - 4px)}
.reference-cli .rounded-xl{border-radius:.75rem}
.reference-cli .rounded-bl-\[70px\]{border-bottom-left-radius:70px}
.reference-cli .rounded-bl-\[8px\]{border-bottom-left-radius:8px}
.reference-cli .rounded-br-\[70px\]{border-bottom-right-radius:70px}
.reference-cli .rounded-br-\[8px\]{border-bottom-right-radius:8px}
.reference-cli .rounded-tl-\[70px\]{border-top-left-radius:70px}
.reference-cli .rounded-tl-\[8px\]{border-top-left-radius:8px}
.reference-cli .rounded-tr-\[70px\]{border-top-right-radius:70px}
.reference-cli .rounded-tr-\[8px\]{border-top-right-radius:8px}
.reference-cli .\!border-0{border-width:0!important}
.reference-cli .border{border-width:1px}
.reference-cli .border-2{border-width:2px}
.reference-cli .border-4{border-width:4px}
.reference-cli .border-\[1px\]{border-width:1px}
.reference-cli .border-b{border-bottom-width:1px}
.reference-cli .border-l-4{border-left-width:4px}
.reference-cli .border-r{border-right-width:1px}
.reference-cli .border-t{border-top-width:1px}
.reference-cli .border-none{border-style:none}
.reference-cli .border-\[\#1C55F1\]{--tw-border-opacity:1;border-color:rgb(28 85 241/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#4F46E5\]{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#E8EEFF\]{--tw-border-opacity:1;border-color:rgb(232 238 255/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#ccc\]{--tw-border-opacity:1;border-color:rgb(204 204 204/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#dfe3ff\]{--tw-border-opacity:1;border-color:rgb(223 227 255/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#dfe4f2\]{--tw-border-opacity:1;border-color:rgb(223 228 242/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#e3e8f5\]{--tw-border-opacity:1;border-color:rgb(227 232 245/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#e7eaf3\]{--tw-border-opacity:1;border-color:rgb(231 234 243/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#eef1f7\]{--tw-border-opacity:1;border-color:rgb(238 241 247/var(--tw-border-opacity,1))}
.reference-cli .border-\[\#f2f2f2\]{--tw-border-opacity:1;border-color:rgb(242 242 242/var(--tw-border-opacity,1))}
.reference-cli .border-\[rgba\(79\2c 70\2c 229\2c 0\.4\)\]{border-color:rgba(79,70,229,.4)}
.reference-cli .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}
.reference-cli .border-gray-100\/60{border-color:rgb(243 244 246/.6)}
.reference-cli .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}
.reference-cli .border-gray-50\/50{border-color:rgb(249 250 251/.5)}
.reference-cli .border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}
.reference-cli .border-indigo-100\/50{border-color:rgb(224 231 255/.5)}
.reference-cli .border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}
.reference-cli .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}
.reference-cli .border-white\/10{border-color:rgb(255 255 255/.1)}
.reference-cli .border-b-gray-200{--tw-border-opacity:1;border-bottom-color:rgb(229 231 235/var(--tw-border-opacity,1))}
.reference-cli .\!bg-transparent{background-color:transparent!important}
.reference-cli .bg-\[\#00000080\]{background-color:#00000080}
.reference-cli .bg-\[\#101828\]{--tw-bg-opacity:1;background-color:rgb(16 24 40/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#1C55F1\]{--tw-bg-opacity:1;background-color:rgb(28 85 241/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#222222\]{--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#28c840\]{--tw-bg-opacity:1;background-color:rgb(40 200 64/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#4F46E5\],.reference-cli .bg-\[\#4f46e5\]{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#E5E3FC\]{--tw-bg-opacity:1;background-color:rgb(229 227 252/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#F4F7FD\]{--tw-bg-opacity:1;background-color:rgb(244 247 253/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#F6F8F9\]{--tw-bg-opacity:1;background-color:rgb(246 248 249/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#F7F8FA\]{--tw-bg-opacity:1;background-color:rgb(247 248 250/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#F7F9FF\]{--tw-bg-opacity:1;background-color:rgb(247 249 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#F8FAFF\]{--tw-bg-opacity:1;background-color:rgb(248 250 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#FFF1F0\]{--tw-bg-opacity:1;background-color:rgb(255 241 240/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#ecfdf3\]{--tw-bg-opacity:1;background-color:rgb(236 253 243/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#eef2ff\]{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#f4f7fd\]{--tw-bg-opacity:1;background-color:rgb(244 247 253/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#f6f7f9\]{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#f6f7fb\]{--tw-bg-opacity:1;background-color:rgb(246 247 251/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#f6f8fc\]{--tw-bg-opacity:1;background-color:rgb(246 248 252/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#f8f9fb\]{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#f8faff\]{--tw-bg-opacity:1;background-color:rgb(248 250 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#fbfcff\]{--tw-bg-opacity:1;background-color:rgb(251 252 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#fdebdb\]{--tw-bg-opacity:1;background-color:rgb(253 235 219/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#ff5f57\]{--tw-bg-opacity:1;background-color:rgb(255 95 87/var(--tw-bg-opacity,1))}
.reference-cli .bg-\[\#ffbd2e\]{--tw-bg-opacity:1;background-color:rgb(255 189 46/var(--tw-bg-opacity,1))}
.reference-cli .bg-background{background-color:hsl(var(--background))}
.reference-cli .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}
.reference-cli .bg-black\/50{background-color:rgb(0 0 0/.5)}
.reference-cli .bg-blue-100\/40{background-color:rgb(219 234 254/.4)}
.reference-cli .bg-border{background-color:hsl(var(--border))}
.reference-cli .bg-destructive{background-color:hsl(var(--destructive))}
.reference-cli .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}
.reference-cli .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}
.reference-cli .bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}
.reference-cli .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}
.reference-cli .bg-gray-50\/50{background-color:rgb(249 250 251/.5)}
.reference-cli .bg-indigo-50\/50{background-color:rgb(238 242 255/.5)}
.reference-cli .bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}
.reference-cli .bg-popover{background-color:hsl(var(--popover))}
.reference-cli .bg-primary{background-color:hsl(var(--primary))}
.reference-cli .bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}
.reference-cli .bg-secondary{background-color:hsl(var(--secondary))}
.reference-cli .bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}
.reference-cli .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}
.reference-cli .bg-white\/10{background-color:rgb(255 255 255/.1)}
.reference-cli .bg-white\/80{background-color:rgb(255 255 255/.8)}
.reference-cli .bg-\[linear-gradient\(180deg\2c \#eef2ff_0\%\2c \#ffffff_100\%\)\]{background-image:linear-gradient(180deg,#eef2ff,#ffffff)}
.reference-cli .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.reference-cli .from-\[\#F8FAFF\]{--tw-gradient-from:#F8FAFF var(--tw-gradient-from-position);--tw-gradient-to:rgb(248 250 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.reference-cli .to-\[\#F2F6FF\]{--tw-gradient-to:#F2F6FF var(--tw-gradient-to-position)}
.reference-cli .bg-center{background-position:50%}
.reference-cli .bg-no-repeat{background-repeat:no-repeat}
.reference-cli .fill-current{fill:currentColor}
.reference-cli .object-contain{-o-object-fit:contain;object-fit:contain}
.reference-cli .object-cover{-o-object-fit:cover;object-fit:cover}
.reference-cli .\!p-0{padding:0!important}
.reference-cli .p-0{padding:0}
.reference-cli .p-1{padding:.25rem}
.reference-cli .p-10{padding:2.5rem}
.reference-cli .p-2{padding:.5rem}
.reference-cli .p-3{padding:.75rem}
.reference-cli .p-4{padding:1rem}
.reference-cli .p-5{padding:1.25rem}
.reference-cli .p-6{padding:1.5rem}
.reference-cli .p-8{padding:2rem}
.reference-cli .p-9{padding:2.25rem}
.reference-cli .p-\[10px\]{padding:10px}
.reference-cli .p-\[11px\]{padding:11px}
.reference-cli .p-\[30px\]{padding:30px}
.reference-cli .p-\[36px\]{padding:36px}
.reference-cli .p-\[64px\]{padding:64px}
.reference-cli .\!px-\[36px\]{padding-left:36px!important;padding-right:36px!important}
.reference-cli .\!py-\[44px\]{padding-top:44px!important;padding-bottom:44px!important}
.reference-cli .px-1{padding-left:.25rem;padding-right:.25rem}
.reference-cli .px-10{padding-left:2.5rem;padding-right:2.5rem}
.reference-cli .px-2{padding-left:.5rem;padding-right:.5rem}
.reference-cli .px-3{padding-left:.75rem;padding-right:.75rem}
.reference-cli .px-4{padding-left:1rem;padding-right:1rem}
.reference-cli .px-5{padding-left:1.25rem;padding-right:1.25rem}
.reference-cli .px-6{padding-left:1.5rem;padding-right:1.5rem}
.reference-cli .px-8{padding-left:2rem;padding-right:2rem}
.reference-cli .px-9{padding-left:2.25rem;padding-right:2.25rem}
.reference-cli .px-\[17px\]{padding-left:17px;padding-right:17px}
.reference-cli .px-\[20px\]{padding-left:20px;padding-right:20px}
.reference-cli .px-\[33px\]{padding-left:33px;padding-right:33px}
.reference-cli .px-\[34px\]{padding-left:34px;padding-right:34px}
.reference-cli .px-\[36px\]{padding-left:36px;padding-right:36px}
.reference-cli .px-\[40px\]{padding-left:40px;padding-right:40px}
.reference-cli .px-\[48px\]{padding-left:48px;padding-right:48px}
.reference-cli .px-\[54px\]{padding-left:54px;padding-right:54px}
.reference-cli .px-\[6px\]{padding-left:6px;padding-right:6px}
.reference-cli .px-\[70px\]{padding-left:70px;padding-right:70px}
.reference-cli .px-\[8px\]{padding-left:8px;padding-right:8px}
.reference-cli .px-\[9px\]{padding-left:9px;padding-right:9px}
.reference-cli .py-1{padding-top:.25rem;padding-bottom:.25rem}
.reference-cli .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.reference-cli .py-16{padding-top:4rem;padding-bottom:4rem}
.reference-cli .py-2{padding-top:.5rem;padding-bottom:.5rem}
.reference-cli .py-20{padding-top:5rem;padding-bottom:5rem}
.reference-cli .py-3{padding-top:.75rem;padding-bottom:.75rem}
.reference-cli .py-4{padding-top:1rem;padding-bottom:1rem}
.reference-cli .py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.reference-cli .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.reference-cli .py-8{padding-top:2rem;padding-bottom:2rem}
.reference-cli .py-\[12px\]{padding-top:12px;padding-bottom:12px}
.reference-cli .py-\[13px\]{padding-top:13px;padding-bottom:13px}
.reference-cli .py-\[14px\]{padding-top:14px;padding-bottom:14px}
.reference-cli .py-\[18px\]{padding-top:18px;padding-bottom:18px}
.reference-cli .py-\[2px\]{padding-top:2px;padding-bottom:2px}
.reference-cli .py-\[34px\]{padding-top:34px;padding-bottom:34px}
.reference-cli .py-\[40px\]{padding-top:40px;padding-bottom:40px}
.reference-cli .py-\[44px\]{padding-top:44px;padding-bottom:44px}
.reference-cli .py-\[72px\]{padding-top:72px;padding-bottom:72px}
.reference-cli .py-\[84px\]{padding-top:84px;padding-bottom:84px}
.reference-cli .py-\[8px\]{padding-top:8px;padding-bottom:8px}
.reference-cli .pb-16{padding-bottom:4rem}
.reference-cli .pb-20{padding-bottom:5rem}
.reference-cli .pb-3{padding-bottom:.75rem}
.reference-cli .pb-4{padding-bottom:1rem}
.reference-cli .pb-6{padding-bottom:1.5rem}
.reference-cli .pb-8{padding-bottom:2rem}
.reference-cli .pb-\[100px\]{padding-bottom:100px}
.reference-cli .pb-\[121px\]{padding-bottom:121px}
.reference-cli .pb-\[140px\]{padding-bottom:140px}
.reference-cli .pb-\[149px\]{padding-bottom:149px}
.reference-cli .pb-\[150px\]{padding-bottom:150px}
.reference-cli .pb-\[154px\]{padding-bottom:154px}
.reference-cli .pb-\[175px\]{padding-bottom:175px}
.reference-cli .pb-\[36px\]{padding-bottom:36px}
.reference-cli .pb-\[40px\]{padding-bottom:40px}
.reference-cli .pb-\[58px\]{padding-bottom:58px}
.reference-cli .pb-\[60px\]{padding-bottom:60px}
.reference-cli .pb-\[75px\]{padding-bottom:75px}
.reference-cli .pb-\[80px\]{padding-bottom:80px}
.reference-cli .pl-2{padding-left:.5rem}
.reference-cli .pl-6{padding-left:1.5rem}
.reference-cli .pl-8{padding-left:2rem}
.reference-cli .pr-2{padding-right:.5rem}
.reference-cli .pt-0{padding-top:0}
.reference-cli .pt-2{padding-top:.5rem}
.reference-cli .pt-20{padding-top:5rem}
.reference-cli .pt-3{padding-top:.75rem}
.reference-cli .pt-4{padding-top:1rem}
.reference-cli .pt-6{padding-top:1.5rem}
.reference-cli .pt-\[100px\]{padding-top:100px}
.reference-cli .pt-\[109px\]{padding-top:109px}
.reference-cli .pt-\[148px\]{padding-top:148px}
.reference-cli .pt-\[150px\]{padding-top:150px}
.reference-cli .pt-\[40px\]{padding-top:40px}
.reference-cli .pt-\[45px\]{padding-top:45px}
.reference-cli .pt-\[48px\]{padding-top:48px}
.reference-cli .pt-\[53px\]{padding-top:53px}
.reference-cli .pt-\[54px\]{padding-top:54px}
.reference-cli .pt-\[72px\]{padding-top:72px}
.reference-cli .pt-\[75px\]{padding-top:75px}
.reference-cli .pt-\[82px\]{padding-top:82px}
.reference-cli .text-left{text-align:left}
.reference-cli .text-center{text-align:center}
.reference-cli .text-right{text-align:right}
.reference-cli .text-justify{text-align:justify}
.reference-cli .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}
.reference-cli .text-2xl{font-size:1.5rem;line-height:2rem}
.reference-cli .text-3xl{font-size:1.875rem;line-height:2.25rem}
.reference-cli .text-4xl{font-size:2.25rem;line-height:2.5rem}
.reference-cli .text-\[10px\]{font-size:10px}
.reference-cli .text-\[12px\]{font-size:12px}
.reference-cli .text-\[14px\]{font-size:14px}
.reference-cli .text-\[15px\]{font-size:15px}
.reference-cli .text-\[16px\]{font-size:16px}
.reference-cli .text-\[18px\]{font-size:18px}
.reference-cli .text-\[20px\]{font-size:20px}
.reference-cli .text-\[24px\]{font-size:24px}
.reference-cli .text-\[27px\]{font-size:27px}
.reference-cli .text-\[28px\]{font-size:28px}
.reference-cli .text-\[32px\]{font-size:32px}
.reference-cli .text-\[36px\]{font-size:36px}
.reference-cli .text-\[42px\]{font-size:42px}
.reference-cli .text-\[44px\]{font-size:44px}
.reference-cli .text-\[60px\]{font-size:60px}
.reference-cli .text-\[64px\]{font-size:64px}
.reference-cli .text-base{font-size:1rem;line-height:1.5rem}
.reference-cli .text-lg{font-size:1.125rem;line-height:1.75rem}
.reference-cli .text-sm{font-size:.875rem;line-height:1.25rem}
.reference-cli .text-xl{font-size:1.25rem;line-height:1.75rem}
.reference-cli .text-xs{font-size:.75rem;line-height:1rem}
.reference-cli .font-black{font-weight:900}
.reference-cli .font-bold{font-weight:700}
.reference-cli .font-extrabold{font-weight:800}
.reference-cli .font-medium{font-weight:500}
.reference-cli .font-normal{font-weight:400}
.reference-cli .font-semibold{font-weight:600}
.reference-cli .uppercase{text-transform:uppercase}
.reference-cli .leading-6{line-height:1.5rem}
.reference-cli .leading-7{line-height:1.75rem}
.reference-cli .leading-8{line-height:2rem}
.reference-cli .leading-\[1\.12\]{line-height:1.12}
.reference-cli .leading-none{line-height:1}
.reference-cli .leading-relaxed{line-height:1.625}
.reference-cli .leading-snug{line-height:1.375}
.reference-cli .leading-tight{line-height:1.25}
.reference-cli .tracking-\[0\.3em\]{letter-spacing:.3em}
.reference-cli .tracking-tight{letter-spacing:-.025em}
.reference-cli .tracking-wide{letter-spacing:.025em}
.reference-cli .tracking-wider{letter-spacing:.05em}
.reference-cli .tracking-widest{letter-spacing:.1em}
.reference-cli .text-\[\#071532\]{--tw-text-opacity:1;color:rgb(7 21 50/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#079455\]{--tw-text-opacity:1;color:rgb(7 148 85/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#081631\]{--tw-text-opacity:1;color:rgb(8 22 49/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#101828\]{--tw-text-opacity:1;color:rgb(16 24 40/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#111827\]{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#151b2d\]{--tw-text-opacity:1;color:rgb(21 27 45/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#171923\]{--tw-text-opacity:1;color:rgb(23 25 35/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#1C55F1\]{--tw-text-opacity:1;color:rgb(28 85 241/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#1E293B\]{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#1a1a1a\]{--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#22222299\]{color:#22222299}
.reference-cli .text-\[\#222222\]{--tw-text-opacity:1;color:rgb(34 34 34/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#2229\]{color:#2229}
.reference-cli .text-\[\#222\]{--tw-text-opacity:1;color:rgb(34 34 34/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#25201E\]{--tw-text-opacity:1;color:rgb(37 32 30/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#262626\]{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#273044\]{--tw-text-opacity:1;color:rgb(39 48 68/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#2B3442\]{--tw-text-opacity:1;color:rgb(43 52 66/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#2D2933\]{--tw-text-opacity:1;color:rgb(45 41 51/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#333\]{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#334770\]{--tw-text-opacity:1;color:rgb(51 71 112/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#334BFA\]{--tw-text-opacity:1;color:rgb(51 75 250/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#374151\]{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#4B5563\]{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#4F46E5\]{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#4b5565\]{--tw-text-opacity:1;color:rgb(75 85 101/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#4f46e5\]{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#51565d\]{--tw-text-opacity:1;color:rgb(81 86 93/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#56535B\]{--tw-text-opacity:1;color:rgb(86 83 91/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#5F646C\]{--tw-text-opacity:1;color:rgb(95 100 108/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#5f6675\]{--tw-text-opacity:1;color:rgb(95 102 117/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#627d94\]{--tw-text-opacity:1;color:rgb(98 125 148/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#646a73\]{--tw-text-opacity:1;color:rgb(100 106 115/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#666666\],.reference-cli .text-\[\#666\]{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#667085\]{--tw-text-opacity:1;color:rgb(102 112 133/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#6B7280\]{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#747474\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#757575\]{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#969499\]{--tw-text-opacity:1;color:rgb(150 148 153/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#999999\]{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#9ca3af\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#ED7200\]{--tw-text-opacity:1;color:rgb(237 114 0/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#F64532\]{--tw-text-opacity:1;color:rgb(246 69 50/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#F9DDBA\]{--tw-text-opacity:1;color:rgb(249 221 186/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#FF4D4F\]{--tw-text-opacity:1;color:rgb(255 77 79/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#d1d5db\]{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}
.reference-cli .text-\[\#d6e2ff\]{--tw-text-opacity:1;color:rgb(214 226 255/var(--tw-text-opacity,1))}
.reference-cli .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}
.reference-cli .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
.reference-cli .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}
.reference-cli .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}
.reference-cli .text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}
.reference-cli .text-muted-foreground{color:hsl(var(--muted-foreground))}
.reference-cli .text-popover-foreground{color:hsl(var(--popover-foreground))}
.reference-cli .text-primary{color:hsl(var(--primary))}
.reference-cli .text-primary-foreground{color:hsl(var(--primary-foreground))}
.reference-cli .text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}
.reference-cli .text-secondary-foreground{color:hsl(var(--secondary-foreground))}
.reference-cli .text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}
.reference-cli .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}
.reference-cli .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}
.reference-cli .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.reference-cli .decoration-\[\#1C55F1\]\/20{text-decoration-color:rgb(28 85 241/.2)}
.reference-cli .decoration-2{text-decoration-thickness:2px}
.reference-cli .underline-offset-4{text-underline-offset:4px}
.reference-cli .underline-offset-\[8px\]{text-underline-offset:8px}
.reference-cli .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.reference-cli .opacity-0{opacity:0}
.reference-cli .opacity-100{opacity:1}
.reference-cli .opacity-70{opacity:.7}
.reference-cli .opacity-90{opacity:.9}
.reference-cli .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}
.reference-cli .shadow-2xl,.reference-cli .shadow-\[0_10px_30px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .shadow-\[0_10px_30px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{--tw-shadow:0 10px 30px rgba(16,24,40,0.04);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color)}
.reference-cli .shadow-\[0_12px_40px_rgba\(28\2c 85\2c 241\2c 0\.08\)\]{--tw-shadow:0 12px 40px rgba(28,85,241,0.08);--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .shadow-\[0_30px_80px_rgba\(16\2c 24\2c 40\2c 0\.14\)\]{--tw-shadow:0 30px 80px rgba(16,24,40,0.14);--tw-shadow-colored:0 30px 80px var(--tw-shadow-color)}
.reference-cli .shadow-\[0_30px_80px_rgba\(16\2c 24\2c 40\2c 0\.14\)\],.reference-cli .shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0/0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}
.reference-cli .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.reference-cli .shadow-lg,.reference-cli .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}
.reference-cli .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .shadow-indigo-200{--tw-shadow-color:#c7d2fe;--tw-shadow:var(--tw-shadow-colored)}
.reference-cli .outline-none{outline:2px solid transparent;outline-offset:2px}
.reference-cli .outline{outline-style:solid}
.reference-cli .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.reference-cli .ring-1,.reference-cli .ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.reference-cli .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.reference-cli .ring-indigo-50{--tw-ring-opacity:1;--tw-ring-color:rgb(238 242 255/var(--tw-ring-opacity,1))}
.reference-cli .ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}
.reference-cli .ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}
.reference-cli .blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.reference-cli .backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.reference-cli .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.reference-cli .duration-200{transition-duration:.2s}
.reference-cli .duration-300{transition-duration:.3s}
.reference-cli .duration-500{transition-duration:.5s}
.reference-cli .duration-700{transition-duration:.7s}
.reference-cli .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}
@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}
.reference-cli .animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}
.reference-cli .fade-in{--tw-enter-opacity:0}
.reference-cli .slide-in-from-bottom-4{--tw-enter-translate-y:1rem}
.reference-cli .duration-200{animation-duration:.2s}
.reference-cli .duration-300{animation-duration:.3s}
.reference-cli .duration-500{animation-duration:.5s}
.reference-cli .duration-700{animation-duration:.7s}
.reference-cli .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}
.reference-cli .running{animation-play-state:running}
.reference-cli{min-width:auto}
.reference-cli .enterpriseGrid{grid-template-columns:repeat(auto-fit,minmax(341px,1fr))!important;>div{padding:18px}}
.reference-cli .industryGrid{grid-template-columns:repeat(2,minmax(159px,1fr))}
.reference-cli .superPlatformGrid{grid-template-columns:repeat(3,1fr)}
@media (min-width:768px){.reference-cli{min-width:1280px}
.reference-cli .enterpriseGrid{grid-template-columns:repeat(auto-fit,minmax(584px,1fr))}
.reference-cli .industryGrid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}
.reference-cli .superPlatformGrid{grid-template-columns:repeat(9,1fr)}}
@media screen and (max-width:767px){.reference-cli .text-vw{font-size:4.267vw}}
.reference-cli .no-scrollbar::-webkit-scrollbar{display:none}
.reference-cli .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.reference-cli .custom-scrollbar::-webkit-scrollbar{width:6px}
.reference-cli .custom-scrollbar::-webkit-scrollbar-track{background:transparent}
.reference-cli .custom-scrollbar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}
.reference-cli .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d1d5db}
.reference-cli .last\:border-b-0:last-child{border-bottom-width:0}
.reference-cli .hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}
.reference-cli .hover\:-translate-y-1:hover,.reference-cli .hover\:-translate-y-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}
.reference-cli .hover\:translate-y-\[-20px\]:hover{--tw-translate-y:-20px}
.reference-cli .hover\:scale-\[1\.02\]:hover,.reference-cli .hover\:translate-y-\[-20px\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}
.reference-cli .hover\:\!bg-transparent:hover{background-color:transparent!important}
.reference-cli .hover\:bg-\[\#0a3dc7\]:hover{--tw-bg-opacity:1;background-color:rgb(10 61 199/var(--tw-bg-opacity,1))}
.reference-cli .hover\:bg-\[\#F1F1FD\]:hover{--tw-bg-opacity:1;background-color:rgb(241 241 253/var(--tw-bg-opacity,1))}
.reference-cli .hover\:bg-\[\#F3F9FF\]:hover{--tw-bg-opacity:1;background-color:rgb(243 249 255/var(--tw-bg-opacity,1))}
.reference-cli .hover\:bg-\[\#dcdffc\]:hover{--tw-bg-opacity:1;background-color:rgb(220 223 252/var(--tw-bg-opacity,1))}
.reference-cli .hover\:bg-\[\#e6e6e6bb\]:hover{background-color:#e6e6e6bb}
.reference-cli .hover\:bg-\[\#eef2ff\]:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}
.reference-cli .hover\:bg-\[\#f0f4ff\]:hover{--tw-bg-opacity:1;background-color:rgb(240 244 255/var(--tw-bg-opacity,1))}
.reference-cli .hover\:bg-accent:hover{background-color:hsl(var(--accent))}
.reference-cli .hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}
.reference-cli .hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}
.reference-cli .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}
.reference-cli .hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)}
.reference-cli .hover\:text-\[\#0a3dc7\]:hover{--tw-text-opacity:1;color:rgb(10 61 199/var(--tw-text-opacity,1))}
.reference-cli .hover\:text-\[\#4F46E5\]:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}
.reference-cli .hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}
.reference-cli .hover\:underline:hover{text-decoration-line:underline}
.reference-cli .hover\:decoration-\[\#0a3dc7\]:hover{text-decoration-color:#0a3dc7}
.reference-cli .hover\:opacity-100:hover{opacity:1}
.reference-cli .hover\:shadow-\[0_8px_20px_rgba\(28\2c 85\2c 241\2c 0\.10\)\]:hover{--tw-shadow:0 8px 20px rgba(28,85,241,0.10);--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .hover\:shadow-\[0px_2px_12px_0px_rgba\(101\2c 128\2c 177\2c 0\.15\)\]:hover{--tw-shadow:0px 2px 12px 0px rgba(101,128,177,0.15);--tw-shadow-colored:0px 2px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.reference-cli .hover\:shadow-lg:hover,.reference-cli .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}
.reference-cli .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .hover\:shadow-blue-200:hover{--tw-shadow-color:#bfdbfe;--tw-shadow:var(--tw-shadow-colored)}
.reference-cli .hover\:shadow-blue-50:hover{--tw-shadow-color:#eff6ff;--tw-shadow:var(--tw-shadow-colored)}
.reference-cli .focus\:bg-accent:focus{background-color:hsl(var(--accent))}
.reference-cli .focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}
.reference-cli .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.reference-cli .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.reference-cli .focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}
.reference-cli .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}
.reference-cli .focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}
.reference-cli .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.reference-cli .focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:hsl(var(--destructive)/0.2)}
.reference-cli .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring)/0.5)}
.reference-cli .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}
.reference-cli .active\:scale-95:active,.reference-cli .active\:scale-\[0\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}
.reference-cli .disabled\:pointer-events-none:disabled{pointer-events:none}
.reference-cli .disabled\:opacity-50:disabled{opacity:.5}
.reference-cli .group:hover .group-hover\:bottom-0{bottom:0}
.reference-cli .group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}
.reference-cli .group:hover .group-hover\:-translate-y-1,.reference-cli .group:hover .group-hover\:scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .group:hover .group-hover\:scale-0{--tw-scale-x:0;--tw-scale-y:0}
.reference-cli .group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1}
.reference-cli .group:hover .group-hover\:scale-100,.reference-cli .group:hover .group-hover\:scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}
.reference-cli .group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .group:hover .group-hover\:bg-blue-200\/50{background-color:rgb(191 219 254/.5)}
.reference-cli .group:hover .group-hover\:text-\[\#1C55F1\]{--tw-text-opacity:1;color:rgb(28 85 241/var(--tw-text-opacity,1))}
.reference-cli .group:hover .group-hover\:opacity-0{opacity:0}
.reference-cli .group:hover .group-hover\:opacity-100{opacity:1}
.reference-cli .group:hover .group-hover\:shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,0.08);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.reference-cli .group:active .group-active\:scale-90{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.reference-cli .has-\[\>svg\]\:px-2\.5:has(>svg){padding-left:.625rem;padding-right:.625rem}
.reference-cli .has-\[\>svg\]\:px-3:has(>svg){padding-left:.75rem;padding-right:.75rem}
.reference-cli .has-\[\>svg\]\:px-4:has(>svg){padding-left:1rem;padding-right:1rem}
.reference-cli .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}
.reference-cli .data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}
.reference-cli .data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}
.reference-cli .data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}
.reference-cli .data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}
.reference-cli .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:hsl(var(--destructive))}
.reference-cli .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}
.reference-cli .data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}
.reference-cli .data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}
.reference-cli .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}
.reference-cli .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}
.reference-cli .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}
.reference-cli .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}
.reference-cli .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}
.reference-cli .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}
.reference-cli .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}
.reference-cli .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}
.reference-cli .data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant=destructive]{background-color:hsl(var(--destructive)/.1)}
.reference-cli .data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant=destructive]{color:hsl(var(--destructive))}
.reference-cli .dark\:border-input:is(.dark *){border-color:hsl(var(--input))}
.reference-cli .dark\:bg-destructive\/60:is(.dark *){background-color:hsl(var(--destructive)/.6)}
.reference-cli .dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input)/.3)}
.reference-cli .dark\:hover\:bg-accent\/50:hover:is(.dark *){background-color:hsl(var(--accent)/.5)}
.reference-cli .dark\:hover\:bg-input\/50:hover:is(.dark *){background-color:hsl(var(--input)/.5)}
.reference-cli .dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *){--tw-ring-color:hsl(var(--destructive)/0.4)}
.reference-cli .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant=destructive]:is(.dark *){background-color:hsl(var(--destructive)/.2)}
@media (min-width:640px){.reference-cli .sm\:\!max-w-\[860px\]{max-width:860px!important}
.reference-cli .sm\:max-w-3xl{max-width:48rem}
.reference-cli .sm\:max-w-lg{max-width:32rem}
.reference-cli .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.reference-cli .sm\:flex-row{flex-direction:row}
.reference-cli .sm\:justify-end{justify-content:flex-end}
.reference-cli .sm\:text-left{text-align:left}}
@media (min-width:768px){.reference-cli .md\:-top-\[40px\]{top:-40px}
.reference-cli .md\:mx-0{margin-left:0;margin-right:0}
.reference-cli .md\:mb-3{margin-bottom:.75rem}
.reference-cli .md\:mb-8{margin-bottom:2rem}
.reference-cli .md\:mb-\[150px\]{margin-bottom:150px}
.reference-cli .md\:mb-\[46px\]{margin-bottom:46px}
.reference-cli .md\:mt-\[100px\]{margin-top:100px}
.reference-cli .md\:mt-\[109px\]{margin-top:109px}
.reference-cli .md\:mt-\[28px\]{margin-top:28px}
.reference-cli .md\:mt-\[80px\]{margin-top:80px}
.reference-cli .md\:block{display:block}
.reference-cli .md\:flex{display:flex}
.reference-cli .md\:h-16{height:4rem}
.reference-cli .md\:h-56{height:14rem}
.reference-cli .md\:h-\[164px\]{height:164px}
.reference-cli .md\:h-\[240px\]{height:240px}
.reference-cli .md\:h-\[267px\]{height:267px}
.reference-cli .md\:h-\[268px\]{height:268px}
.reference-cli .md\:h-\[292px\]{height:292px}
.reference-cli .md\:h-\[64px\]{height:64px}
.reference-cli .md\:h-\[80px\]{height:80px}
.reference-cli .md\:h-\[90px\]{height:90px}
.reference-cli .md\:min-h-\[520px\]{min-height:520px}
.reference-cli .md\:w-16{width:4rem}
.reference-cli .md\:w-56{width:14rem}
.reference-cli .md\:w-\[1000px\]{width:1000px}
.reference-cli .md\:w-\[164px\]{width:164px}
.reference-cli .md\:w-\[200px\]{width:200px}
.reference-cli .md\:w-\[240px\]{width:240px}
.reference-cli .md\:w-\[292px\]{width:292px}
.reference-cli .md\:w-\[64px\]{width:64px}
.reference-cli .md\:w-\[756px\]{width:756px}
.reference-cli .md\:w-\[90px\]{width:90px}
.reference-cli .md\:w-fit{width:-moz-fit-content;width:fit-content}
.reference-cli .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-cli .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.reference-cli .md\:grid-cols-\[150px_1fr\]{grid-template-columns:150px 1fr}
.reference-cli .md\:grid-cols-\[340px_1fr\]{grid-template-columns:340px 1fr}
.reference-cli .md\:flex-row{flex-direction:row}
.reference-cli .md\:items-start{align-items:flex-start}
.reference-cli .md\:gap-20{gap:5rem}
.reference-cli .md\:gap-6{gap:1.5rem}
.reference-cli .md\:gap-\[40px\]{gap:40px}
.reference-cli .md\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}
.reference-cli .md\:gap-y-12{row-gap:3rem}
.reference-cli .md\:overflow-hidden{overflow:hidden}
.reference-cli .md\:bg-\[length\:100\%_100\%\]{background-size:100% 100%}
.reference-cli .md\:p-14{padding:3.5rem}
.reference-cli .md\:p-8{padding:2rem}
.reference-cli .md\:p-\[36px\]{padding:36px}
.reference-cli .md\:p-\[70px\]{padding:70px}
.reference-cli .md\:px-0{padding-left:0;padding-right:0}
.reference-cli .md\:py-24{padding-top:6rem;padding-bottom:6rem}
.reference-cli .md\:pb-\[140px\]{padding-bottom:140px}
.reference-cli .md\:pt-\[160px\]{padding-top:160px}
.reference-cli .md\:pt-\[72px\]{padding-top:72px}
.reference-cli .md\:text-left{text-align:left}
.reference-cli .md\:text-2xl{font-size:1.5rem;line-height:2rem}
.reference-cli .md\:text-\[20px\]{font-size:20px}
.reference-cli .md\:text-\[44px\]{font-size:44px}
.reference-cli .md\:text-\[58px\]{font-size:58px}
.reference-cli .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
.reference-cli .md\:text-sm{font-size:.875rem;line-height:1.25rem}
.reference-cli .md\:text-xl{font-size:1.25rem;line-height:1.75rem}
.reference-cli .md\:text-xs{font-size:.75rem;line-height:1rem}
.reference-cli .md\:text-\[\#51565d\]{--tw-text-opacity:1;color:rgb(81 86 93/var(--tw-text-opacity,1))}}
@media (min-width:1024px){.reference-cli .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-cli .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.reference-cli .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.reference-cli .lg\:grid-cols-\[1fr_420px\]{grid-template-columns:1fr 420px}
.reference-cli .lg\:grid-cols-\[1fr_560px\]{grid-template-columns:1fr 560px}
.reference-cli .lg\:grid-cols-\[420px_1fr\]{grid-template-columns:420px 1fr}
.reference-cli .lg\:flex-row{flex-direction:row}
.reference-cli .lg\:items-center{align-items:center}
.reference-cli .lg\:p-20{padding:5rem}
.reference-cli .lg\:px-0{padding-left:0;padding-right:0}
.reference-cli .lg\:pt-24{padding-top:6rem}}
.reference-cli .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}
.reference-cli .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:hsl(var(--muted-foreground))}
.reference-cli .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}
.reference-cli .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
.reference-cli{min-width:1280px;background:#f6f8fc;color:#171923;font-size:16px;line-height:1.5}
@media(max-width:599px){.reference-cli{min-width:0;width:100%;overflow-x:clip}}
/* The original video's first frame is black; keep that surface while metadata loads. */
.reference-cli video{background:#000}