*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102238;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.shell{width:min(1160px,calc(100% - 44px));margin:auto}.tg-page{background:linear-gradient(180deg,#f8fbff,#fff);min-height:100vh}.tg-nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6edf5}.tg-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#102238}.tg-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1e6fec,#55b1ff);color:#fff;font-size:20px;font-weight:900;box-shadow:0 10px 25px #1873e932}.tg-brand>span:last-child{display:flex;flex-direction:column}.tg-brand b{font-size:19px}.tg-brand small{font-size:9px;color:#8493a3;letter-spacing:2px}.tg-nav nav{display:flex;gap:29px}.tg-nav nav a,.login{color:#536476;text-decoration:none;font-size:13px}.tg-nav-right{display:flex;align-items:center;gap:18px}.tg-nav-right button{border:0;background:transparent;color:#5c6c7e;cursor:pointer}.login{border:1px solid #d8e2ed;border-radius:10px;padding:10px 17px;color:#1f6fe7;font-weight:700}.tg-hero{text-align:center;padding:90px 0 50px}.tg-badge{display:inline-block;border-radius:99px;padding:8px 14px;background:#e9f3ff;color:#1d70ec;font-size:11px;font-weight:700}.tg-hero h1{font-size:65px;line-height:1.08;letter-spacing:-4px;margin:24px 0}.tg-hero h1 em{font-style:normal;background:linear-gradient(90deg,#1263e7,#56acff);background-clip:text;color:transparent}.tg-hero>p{font-size:18px;color:#68798b}.tg-actions{display:flex;justify-content:center;gap:13px;margin-top:31px}.tg-primary,.tg-demo{padding:15px 23px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:700}.tg-primary{background:#1e70e8;color:#fff;box-shadow:0 14px 32px #1e70e83c}.tg-demo{border:1px solid #dbe4ed;background:#fff;color:#263c51}.tg-proof{display:flex;justify-content:center;gap:25px;margin-top:24px;color:#8795a4;font-size:11px}.tg-visual{height:380px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#d8eaff,transparent 65%)}.tg-phone{z-index:2;width:170px;height:310px;border-radius:29px;border:7px solid #385068;background:#102337;box-shadow:0 30px 55px #1a385533;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:45px}.tg-phone>div{width:60px;height:60px;border-radius:19px;background:linear-gradient(135deg,#59b7ff,#2178ec);display:grid;place-items:center;font-size:29px}.tg-phone>b{margin:17px}.tg-phone i{width:90px;height:8px;background:#4b6075;border-radius:5px;margin:4px}.tg-phone i+i{width:63px}.tg-phone button{width:112px;margin-top:21px;padding:9px;border:0;border-radius:8px;background:#2781f3;color:#fff}.tg-card{position:absolute;width:180px;padding:18px;border:1px solid #dae6f1;border-radius:15px;background:#ffffffdf;box-shadow:0 17px 42px #29496018;display:flex;flex-direction:column}.tg-card small{color:#2878e9}.tg-card b{margin:8px 0}.tg-card span{font-size:11px;color:#8493a3}.tg-card.c1{left:20%;top:35%}.tg-card.c2{right:20%;bottom:25%}.tg-steps{background:#102a3d;color:#fff;padding:31px 0}.tg-steps .shell{display:flex;align-items:center;justify-content:space-between}.tg-steps p{color:#a9bbc9;font-size:12px}.tg-steps .shell>div{display:flex;gap:22px}.tg-steps span{font-size:12px}.tg-steps span b{color:#65a9ff;margin-right:8px}.tg-steps i{font-style:normal;color:#536c7f}.needs{padding:70px 0 100px}.needs>h1{font-size:48px;letter-spacing:-2px;margin:18px 0 10px}.needs>p{color:#728294;margin-bottom:40px}.needs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.needs-grid>a{min-height:218px;background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:25px;text-decoration:none;color:#173047;transition:.2s}.needs-grid>a:hover,.needs-grid .featured{transform:translateY(-4px);border-color:#70a9f3;box-shadow:0 18px 40px #236ac317}.needs-grid i{font-style:normal;font-size:29px}.needs-grid h2{font-size:19px;margin-top:23px}.needs-grid p{font-size:13px;color:#748496;min-height:40px}.needs-grid b{display:block;margin-top:18px;color:#2476e8;font-size:12px}@media(max-width:800px){.tg-nav nav{display:none}.tg-hero h1{font-size:43px;letter-spacing:-2px}.tg-card{display:none}.tg-steps .shell{display:block}.tg-steps .shell>div{margin-top:15px;gap:10px}.needs-grid{grid-template-columns:1fr}.needs>h1{font-size:38px}}