@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700&display=swap";:root{color:#1f2937;font-synthesis:none;--blue:#3758c3;--sky:#6e8de0;--cyan:#16caca;--sand:#f5f1e8;--mist:#fafbfd;--navy:#17233c;--muted:#6b7280;--line:#e5e7eb;background:#fff;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:30;background:#fffffff5;border-bottom:1px solid #e5e7eba6;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:var(--navy);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:47px;height:47px}.brand span{flex-direction:column;display:flex}.brand strong{letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:22px}.brand small{letter-spacing:2px;color:#667085;margin-top:1px;font-size:10px}.site-header nav{align-items:center;gap:34px;display:flex}.site-header nav a{color:#303746;font-size:14px;text-decoration:none;position:relative}.site-header nav a:hover{color:var(--blue)}.site-header nav a:after{content:"";background:var(--blue);height:2px;transition:all .25s;position:absolute;bottom:-9px;left:0;right:100%}.site-header nav a:hover:after{right:0}.btn{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:13px 23px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 8px 20px #3758c338}.btn-primary:hover{background:#2948ac;transform:translateY(-1px)}.btn-secondary{color:var(--blue);background:#ffffffe6;border:1px solid #3758c373}.btn-secondary:hover{background:#fff}.nav-demo{padding:10px 18px}.menu-btn{color:var(--navy);background:0 0;border:0;display:none}.menu-btn svg{width:28px;height:28px}.hero{height:670px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-shade{background:#ffffff0a;position:absolute;inset:0;box-shadow:inset 750px 0 160px #fffffff0}.hero-content{width:min(490px,42vw);position:absolute;top:50%;left:7vw;transform:translateY(-49%)}.eyebrow{color:var(--blue);letter-spacing:3px;margin-bottom:16px;font-size:13px;font-weight:700;display:inline-block}.hero h1,.intro h2,.product h2,.about h2,.cta h2{color:var(--navy);margin:0;font-family:Noto Serif SC,serif}.hero h1{letter-spacing:2px;font-size:54px;line-height:1.35}.hero-content>p{color:#4b5563;max-width:470px;font-size:17px;line-height:1.9}.hero-actions{gap:14px;margin-top:30px;display:flex}.hero-trust{color:var(--blue);align-items:center;gap:10px;margin-top:42px;display:flex}.hero-trust>svg{width:28px;height:28px}.hero-trust span{flex-direction:column;display:flex}.hero-trust strong{color:#374151;font-size:13px}.hero-trust small{color:#7b8190;margin-top:3px;font-size:12px}.intro{text-align:center;background:#fff;padding:94px 5vw 70px}.intro h2{font-size:38px}.intro>p{color:var(--muted);margin:18px 0 46px}.journey{border-top:1px solid #cbd5e1;grid-template-columns:repeat(4,1fr);max-width:1040px;margin:auto;display:grid}.journey>div{text-align:left;align-items:center;gap:16px;padding-top:20px;display:flex;position:relative}.journey>div:before{content:"";background:var(--cyan);border:4px solid #ddf8f8;border-radius:50%;width:9px;height:9px;position:absolute;top:-9px;left:0}.journey b{color:#c5cbd4;font-size:22px}.journey span{flex-direction:column;display:flex}.journey strong{font-size:15px}.journey small{color:var(--muted);margin-top:4px}.product{grid-template-columns:1fr 1.2fr;align-items:center;gap:7vw;min-height:700px;padding:100px 7vw;display:grid;position:relative;overflow:hidden}.product-erp{background:var(--sand)}.product-shop{background:#fff;grid-template-columns:1.1fr 1fr}.product-copy{max-width:520px}.product-icon{width:58px;height:58px;color:var(--blue);background:#e8edff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.product-icon svg{width:36px;height:36px}.product-icon.cyan{color:#0db6b6;background:#e3fbfb}.product h2{font-size:35px}.product h3{color:var(--blue);letter-spacing:2px;font-size:18px}.product-copy>p{color:#5d6470;line-height:1.9}.feature-list{grid-template-columns:1fr 1fr;gap:12px 20px;margin:28px 0;padding:0;list-style:none;display:grid}.feature-list li{color:#3f4652;align-items:center;gap:8px;font-size:14px;display:flex}.feature-list svg{width:16px;color:var(--blue);flex:none}.text-link{color:var(--blue);align-items:center;gap:8px;margin-top:12px;font-weight:600;text-decoration:none;display:inline-flex}.text-link svg{width:18px}.cyan-link{color:#08a7a7}.dashboard{background:#f8faff;border:1px solid #ffffffe6;border-radius:14px;grid-template-columns:72px 1fr;height:500px;display:grid;overflow:hidden;box-shadow:0 24px 55px #2a3d6724}.dashboard aside{background:var(--blue);color:#dce5ff;flex-direction:column;align-items:center;gap:21px;padding:18px 0;display:flex}.dashboard aside img{object-fit:contain;filter:brightness(0)invert();width:34px;height:34px}.dashboard aside span{font-size:10px}.dashboard aside svg{width:20px;height:20px}.dash-main{padding:26px}.dash-main>header{justify-content:space-between;display:flex}.dash-main header small{color:#8a93a4}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.metrics span{background:#fff;border:1px solid #edf0f6;padding:16px}.metrics small,.metrics b{display:block}.metrics small{color:#8a93a4;font-size:11px}.metrics b{margin-top:8px;font-size:19px}.chart{background:#fff;border:1px solid #edf0f6;height:195px;padding:18px}.chart-title{justify-content:space-between;display:flex}.chart-title small{color:#9aa2b1}.bars{border-bottom:1px solid #e8ebf2;align-items:end;gap:12px;height:130px;margin-top:12px;display:flex}.bars i{background:#6e8de0;border-radius:3px 3px 0 0;flex:1;display:block}.task-list{background:#fff;border:1px solid #edf0f6;margin-top:12px;padding:16px 18px}.task-list>strong{font-size:13px}.task-list span{color:#555e6b;border-top:1px solid #f0f2f6;justify-content:space-between;padding:8px 0;font-size:11px;display:flex}.task-list span b{color:#18a779}.phone{background:#182233;border:8px solid #182233;border-radius:44px;width:330px;height:620px;margin:auto;padding:8px;box-shadow:0 25px 60px #1f293738}.phone-screen{background:#fff;border-radius:30px;height:100%;padding-bottom:18px;overflow:hidden}.shop-hero{color:#124d62;background:#dff6f5;flex-direction:column;justify-content:flex-end;height:150px;padding:28px 18px;display:flex}.shop-hero small{font-size:12px}.shop-hero strong{margin-top:6px;font-size:21px}.shop-icons{grid-template-columns:repeat(4,1fr);padding:16px 10px;display:grid}.shop-icons span{color:#374151;flex-direction:column;align-items:center;gap:4px;display:flex}.shop-icons svg{width:27px;height:27px;color:var(--blue)}.shop-icons small{font-size:10px}.shop-title{margin:0 16px 10px;font-size:14px;display:block}.trip-card{border-top:1px solid #edf0f3;grid-template-columns:92px 1fr;gap:12px;margin:0 14px 10px;padding-top:10px;display:grid}.trip-card>div{background:#c8e6de;border-radius:8px}.trip-card.second>div{background:#d9ddf1}.trip-card span{flex-direction:column;display:flex}.trip-card b{font-size:12px}.trip-card small{color:#8a93a4;margin:5px 0;font-size:10px}.trip-card strong{color:#ef5b3f;font-size:13px}.values{z-index:2;background:#fff;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:-30px auto 0;padding:32px 45px;display:grid;position:relative;box-shadow:0 20px 50px #36415b1a}.values>div{border-right:1px solid var(--line);align-items:center;gap:16px;padding:0 30px;display:flex}.values>div:last-child{border:0}.values svg{width:42px;height:42px;color:var(--cyan);flex:none}.values span{flex-direction:column;display:flex}.values strong{font-size:16px}.values small{color:var(--muted);margin-top:6px;line-height:1.5}.about{background:#fff;grid-template-columns:.9fr 1.1fr;align-items:end;gap:9vw;padding:120px 11vw;display:grid}.about h2{font-size:38px;line-height:1.5}.about>p{color:#5d6470;border-left:2px solid var(--cyan);margin:0;padding-left:32px;font-size:16px;line-height:2.1}.cta{text-align:center;background:#eff8fa;padding:92px 5vw 100px}.cta h2{max-width:760px;margin:auto;font-size:34px}.cta p{color:var(--muted);margin:20px 0 28px}footer{color:#fff;background:#17233c;justify-content:space-between;align-items:center;padding:45px 7vw;display:flex}.brand-light{color:#fff}.brand-light img{filter:brightness(0)invert()}.brand-light small{color:#aeb9cd}footer>div{gap:30px;display:flex}footer a{color:#cbd5e1;font-size:13px;text-decoration:none}footer>small{color:#8390a7}.modal-backdrop{z-index:100;background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(520px,100%);max-height:94vh;padding:42px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000040}.modal-close{cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:18px;right:18px}.modal h2{color:var(--navy);margin:0;font-family:Noto Serif SC,serif;font-size:28px}.modal-intro{color:var(--muted);line-height:1.7}.modal form{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.modal label{color:#374151;font-size:13px;font-weight:600}.modal input,.modal select{background:#fff;border:1px solid #d9dee8;border-radius:6px;outline:none;width:100%;margin-top:8px;padding:12px 13px}.modal input:focus,.modal select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3758c31a}.btn-block,.privacy{grid-column:1/-1}.privacy{color:#8a93a4;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.privacy svg{width:13px}.success-state{text-align:center;padding:25px 10px}.success-state>span{color:#16a34a;background:#e9f8ef;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;display:grid}.success-state>span svg{width:32px}.success-state h2{margin:22px 0 10px}.success-state p{color:var(--muted);line-height:1.8}.success-state .btn{min-width:150px;margin-top:12px}@media (width<=900px){.site-header{height:66px;padding:0 20px}.brand img{width:40px;height:40px}.brand strong{font-size:19px}.site-header nav{background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:24px 22px;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 16px 30px #1f29371f}.site-header nav.open{display:flex}.site-header nav a{border-bottom:1px solid #f0f1f4;padding:14px 4px}.nav-demo{margin-top:16px}.menu-btn{display:block}.hero{height:700px}.hero-image{object-position:61% center}.hero-shade{background:#ffffff6b;box-shadow:inset 480px 0 150px #ffffffeb}.hero-content{width:62vw;left:6vw}.hero h1{font-size:44px}.product{grid-template-columns:1fr;padding:80px 8vw}.product-erp .product-copy{order:1}.product-erp .dashboard,.product-shop .phone{order:2}.values{grid-template-columns:1fr;margin:0;padding:15px 8vw}.values>div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.about{grid-template-columns:1fr;gap:30px;padding:90px 9vw}footer{text-align:center;flex-direction:column;gap:25px}}@media (width<=600px){.brand small{letter-spacing:1px}.hero{height:660px}.hero-image{object-position:68% center}.hero-shade{background:#ffffff94;box-shadow:inset 360px 0 100px #fffffff7}.hero-content{width:auto;top:47%;left:24px;right:24px}.hero h1{font-size:38px}.hero-content>p{max-width:340px;font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;width:230px}.hero-trust{margin-top:25px}.intro{padding:70px 24px 55px}.intro h2,.product h2,.about h2{font-size:29px}.journey{border:0;grid-template-columns:1fr 1fr;gap:32px 15px}.journey>div{border-top:1px solid #cbd5e1}.product{gap:55px;padding:70px 24px}.feature-list{grid-template-columns:1fr}.dashboard{transform-origin:0 0;width:720px;margin-bottom:-255px;transform:scale(.49)}.phone{width:290px;height:560px}.values{padding:10px 24px}.about{padding:75px 24px}.cta{padding:70px 24px}.cta h2{font-size:27px}footer>div{flex-wrap:wrap;justify-content:center}.modal{padding:36px 22px 26px}.modal form{grid-template-columns:1fr}.modal label,.btn-block,.privacy{grid-column:1}.modal h2{font-size:24px}}.modal{width:min(620px,100%)}.modal input,.modal select,.modal textarea{resize:vertical;background:#fff;border:1px solid #d9dee8;border-radius:6px;outline:none;width:100%;margin-top:8px;padding:12px 13px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3758c31a}.full-field,.form-actions{grid-column:1/-1}.form-progress{grid-template-columns:repeat(3,1fr);margin:24px 0 4px;display:grid;position:relative}.form-progress:before{content:"";background:#e2e6ef;height:1px;position:absolute;top:14px;left:16%;right:16%}.form-progress span{color:#9aa2b1;flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex;position:relative}.form-progress i{z-index:1;background:#eef0f4;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.form-progress i svg{width:14px}.form-progress .active{color:var(--blue)}.form-progress .active i{background:var(--blue);color:#fff}.form-progress b{font-weight:500}.form-actions{justify-content:flex-end;gap:12px;display:flex}.form-actions .btn{min-width:130px}.upload-field{cursor:pointer;text-align:center;color:#7b8496;background:#f8faff;border:1px dashed #b8c3df;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;margin-top:2px;padding:22px;display:flex}.upload-field:hover{border-color:var(--blue);background:#f3f6ff}.upload-field input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-field svg{width:34px;height:34px;color:var(--blue)}.upload-field strong{color:#374151}.upload-field span{font-size:11px;font-weight:400}.file-summary{color:#297a58;background:#edf9f3;border-radius:6px;align-items:center;gap:7px;padding:10px 12px;font-size:12px;display:flex;overflow:hidden}.file-summary svg{flex:none;width:15px}@media (width<=600px){.modal label,.full-field,.form-actions{grid-column:1}.form-actions{justify-content:stretch}.form-actions .btn{flex:1;padding-left:12px;padding-right:12px}}