
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#163147;background:#fff;font:15px/1.7 "Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1190px,calc(100% - 72px));margin:auto}.note{background:#eaf2f7;text-align:center;font-size:11px;color:#4f6d83;padding:6px 12px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:168px;height:auto}.links{display:flex;gap:25px;font-size:13px}.navcta{border:1px solid #b5c8d8;padding:8px 14px;border-radius:5px;font-size:13px}.hero{background:#f0f5f9;padding:60px 0 42px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.6px;color:#28769e;font-weight:700}.hero h1{font-size:44px;line-height:1.38;letter-spacing:-1px;margin:18px 0 23px;font-weight:750}.hero h1 span{color:#1b78a8}.intro{font-size:16px;color:#587082;line-height:1.95;max-width:520px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#156f9e;color:#fff;border-radius:5px;padding:13px 20px;font-size:14px}.btn.ghost{color:#21475f;background:white;border:1px solid #bed0df}.tags{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#4f6c7f}.tags span::before{content:'✓';color:#21998c;margin-right:5px}.visual{position:relative;min-height:380px;padding:24px 0 0}.room{width:100%;height:310px;object-fit:cover;border-radius:12px;filter:brightness(.8)}.device{position:absolute;right:-8px;top:98px;width:83%;filter:drop-shadow(0 20px 20px #0c2e4b40)}.visual-label{position:absolute;top:39px;left:17px;color:white;font-size:11px;background:#133c5666;padding:5px 10px;border-radius:20px}.proof{position:absolute;left:0;bottom:0;background:white;box-shadow:0 8px 30px #213e5718;padding:15px 18px;border-radius:9px;width:75%;font-size:12px}.proof strong{display:block;font-size:16px;color:#194b6b;margin-bottom:3px}.caption{font-size:10px;color:#8495a1;margin-top:12px;text-align:right}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;background:#fff;border:1px solid #dce8ef;border-radius:9px}.journey div{padding:19px 24px;border-right:1px solid #e0e9ef;font-size:12px;color:#5a7588}.journey div:last-child{border:0}.journey b{color:#1a4e6e;font-size:15px;display:block;margin-bottom:4px}.journey em{font-style:normal;color:#69a6c4;padding-right:7px}.section{padding:66px 0}.section h2{font-size:31px;line-height:1.4;margin:8px 0 14px;color:#173d57}.sub{color:#6a7e8f;margin:0 0 28px;max-width:740px}.tabs{display:flex;gap:10px;margin:22px 0}.tab{padding:10px 19px;border:1px solid #d4e0e8;border-radius:5px;background:#fff;font-size:13px;color:#527086}.tab.active{background:#123d5a;color:#fff;border-color:#123d5a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #dae5ed;border-radius:9px;padding:24px 22px}.card .n{font-size:13px;color:#338cb6;font-weight:bold}.card h3{font-size:18px;line-height:1.5;margin:16px 0 10px}.card p{font-size:13px;color:#617b8f;margin-bottom:18px}.card a{font-size:12px;color:#1878a7}.soft{background:#f5f8fb}.solutions{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}.solution{padding:28px;border:1px solid #dbe5ed;border-radius:10px;background:#fff}.solution.feature{background:#153c57;color:#fff}.solution h3{font-size:20px;margin:8px 0 13px}.solution p{font-size:13px;color:#688093}.solution.feature p{color:#c4d9e6}.solution a{display:inline-block;margin-top:15px;font-size:13px;color:#2e8db7}.solution.feature a{color:#94d5ec}.line{display:flex;gap:18px;flex-wrap:wrap;padding:20px 0 0;color:#5c7890;font-size:12px}.docgrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.docs{display:grid;gap:12px}.doc{padding:18px 20px;border:1px solid #d8e4ed;border-radius:7px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px}.doc span{font-size:12px;color:#748b9c}.contact{background:#153e59;border-radius:12px;padding:40px;color:white;display:flex;justify-content:space-between;gap:35px;align-items:center}.contact h2{color:white;font-size:27px}.contact p{font-size:13px;color:#bed4e2;max-width:640px}.contact .btn{background:white;color:#184c6d;white-space:nowrap}details{border-bottom:1px solid #dce5ed;padding:16px 0}summary{cursor:pointer;font-size:15px;color:#294c63}details p{color:#688091;font-size:13px}.footer{border-top:1px solid #e0e8ef;padding:26px 0;font-size:12px;color:#7e91a0}.modal{display:none;position:fixed;inset:0;background:#09243c88;z-index:20;place-items:center;padding:20px}.modal.open{display:grid}.dialog{max-width:570px;background:white;padding:32px;border-radius:12px;max-height:90vh;overflow:auto}.dialog h2{font-size:24px;margin-top:0}.dialog p,.dialog li{font-size:14px;color:#5f7687}.close{float:right;border:0;background:#edf3f7;border-radius:4px;padding:3px 10px;color:#284c66}.mobilebar{display:none}.altpanel{display:none}.altpanel.active{display:block}
@media(max-width:980px){.links{gap:13px}.hero h1{font-size:36px}.cards{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:20px}.wrap{width:calc(100% - 44px)}.solutions{grid-template-columns:1fr 1fr}.solution:last-child{grid-column:1/-1}.journey div{padding:16px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.note{font-size:9px;padding:5px 8px}.nav{height:66px}.brand{width:132px}.links{display:none}.navcta{font-size:11px;padding:6px 10px}.hero{padding:32px 0 25px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero h1{font-size:32px;margin:13px 0 17px;line-height:1.4;letter-spacing:0}.intro{font-size:14px;line-height:1.85}.eyebrow{font-size:10px;letter-spacing:1px}.buttons{gap:8px;margin:21px 0 17px}.btn{font-size:12px;padding:12px 13px}.tags{gap:8px;font-size:10px}.visual{min-height:300px;padding-top:15px}.room{height:240px}.device{width:81%;top:73px;right:0}.visual-label{top:27px;left:12px;font-size:10px}.proof{padding:12px 14px;width:82%;font-size:10px;bottom:3px}.proof strong{font-size:13px}.caption{font-size:9px}.journey{grid-template-columns:1fr 1fr;margin-top:23px}.journey div{padding:16px;font-size:10px;border-bottom:1px solid #e0e9ef}.journey div:nth-child(2){border-right:0}.journey b{font-size:13px}.section{padding:40px 0}.section h2{font-size:25px}.sub{font-size:13px}.tabs{gap:8px}.tab{padding:9px 12px;font-size:12px}.cards{gap:11px}.card{padding:20px 15px}.card h3{font-size:16px}.card p{font-size:12px}.solutions,.docgrid{grid-template-columns:1fr;gap:15px}.solution:last-child{grid-column:auto}.solution{padding:24px}.contact{padding:26px 23px;display:block}.contact h2{font-size:23px}.contact .btn{margin-top:12px}.footer{padding-bottom:87px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:9px 18px;gap:10px;border-top:1px solid #d9e5ee;z-index:10}.mobilebar .btn{flex:1}.dialog{padding:25px}.journey div:nth-child(3){border-bottom:0}}

.doc{color:inherit;text-decoration:none}.doc:hover,.card a:hover,.solution a:hover{text-decoration:underline}.brand{object-fit:contain}.privacy{font-size:12px;color:#a4bfd0}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.news-item{border:1px solid #dbe5ed;border-radius:9px;overflow:hidden;background:#fff}.news-tag{height:72px!important;padding:20px!important;background:linear-gradient(130deg,#e9f3f8,#f6f9fb);color:#4b85a2;font-size:13px;font-weight:700}.news-item:nth-child(2) .news-tag{background:linear-gradient(130deg,#e7f2ef,#f7faf8)}.news-item:nth-child(3) .news-tag{background:linear-gradient(130deg,#edf0fa,#f8f9fc)}.news-item:nth-child(4) .news-tag{background:linear-gradient(130deg,#f5f0e9,#fcfaf7)}.news-body{padding:14px}.news-item small{color:#668197}.news-item h3{font-size:15px;line-height:1.55;margin:8px 0}.news-item p{font-size:12px;color:#71879a}.news-item a{color:#176f9d;font-size:12px}.links a:hover,.navcta:hover{color:#1674a4}.btn:hover{filter:brightness(.94)}@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.news-grid{grid-template-columns:1fr 1fr}.news-tag{height:54px!important;padding:14px!important}.news-body{padding:10px}.news-item h3{font-size:13px}}
