@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--navy:#081a35;--blue:#3478f6;--cyan:#65c9ff;--ink:#102947;--muted:#77879c;--line:#e6edf5;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);line-height:1.75}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}header{height:76px;position:sticky;top:0;z-index:10;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid #e9eef5}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand .logo{height:42px;width:132px;object-fit:cover;object-position:center 50%;display:block}.brand span{display:flex;flex-direction:column;line-height:1.4}.brand>b{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(140deg,#102d58,#3478f6);color:white;font:bold 19px Arial;letter-spacing:-2px}.brand span{display:flex;flex-direction:column;line-height:1.4}.brand strong{font-size:17px;letter-spacing:1px}.brand small{font-size:10px;color:#8a99ad}.nav nav,nav{display:flex;align-items:center;gap:29px;font-size:13px;color:#506078}.navbtn{background:var(--navy);color:white;padding:10px 16px;border-radius:5px}.menu{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#164477,#0b2548 38%,#081a35 75%);color:#fff}.gridbg{position:absolute;inset:0;background-image:linear-gradient(#8db8e00c 1px,transparent 1px),linear-gradient(90deg,#8db8e00c 1px,transparent 1px);background-size:56px 56px}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px;padding:60px 0 40px}.hero-copy label,.section label,.heading label{color:#52bfff;font-size:12px;letter-spacing:2px;font-weight:700}.hero h1{font-size:clamp(43px,5vw,64px);line-height:1.25;letter-spacing:-2px;margin:25px 0 20px}.hero em,.heading em,.why em,.about em,.contact em{font-style:normal;color:#65c9ff}.hero h2{font-size:18px;font-weight:500;color:#e0edff}.hero-copy>p{font-size:13px;color:#a6bad3;max-width:480px}.actions{display:flex;gap:13px;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:5px;font-size:13px;font-weight:600}.primary{background:linear-gradient(110deg,#3478f6,#27a9ed);color:#fff;border:0;cursor:pointer}.secondary{border:1px solid #ffffff55;color:#fff}.proof{font-size:11px;color:#9bb0cb;margin-top:35px}.visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:430px;height:290px;border:1px solid #6db8ff30;border-radius:50%;transform:rotate(-25deg)}.mock-window{position:relative;width:min(370px,90%);padding:12px;background:#f4f8fc;border-radius:10px;box-shadow:0 30px 80px #0006;transform:rotate(-4deg);color:#18385e}.dots{font-size:7px;color:#8ba0b8}.dots span{margin-left:13px}.mock-nav{display:flex;justify-content:space-between;padding:15px 5px;font-size:11px;font-weight:bold}.mock-nav small{font-size:7px;font-weight:400}.mock-hero{height:205px;background:linear-gradient(120deg,#0c2d56,#1c6ca4);padding:25px;color:#fff;position:relative;overflow:hidden}.mock-hero small{font-size:8px;color:#9ddfff}.mock-hero b{display:block;font-size:27px;line-height:1.4;margin-top:10px}.mock-hero i{position:absolute;width:140px;height:140px;border:20px solid #6fcfff44;border-radius:50%;right:-5px;bottom:-40px}.mock-cards{display:flex;gap:9px;padding-top:12px}.mock-cards i{height:28px;background:#e2eaf3;flex:1}.float{position:absolute;background:#ffffff18;border:1px solid #ffffff40;padding:9px 13px;border-radius:5px;font-size:10px;color:#e4f3ff;backdrop-filter:blur(10px)}.f1{right:0;top:13%}.f2{left:0;bottom:12%}.hero-foot{position:relative;border-top:1px solid #ffffff25;padding:15px 0 18px;display:flex;justify-content:space-between;color:#8fa8c6;font-size:10px;letter-spacing:1px}.ribbon{background:#f1f5fa;padding:20px 0;color:#687990}.ribbon b{color:#1b3b60}.ribbon small{float:right;letter-spacing:2px;color:#91a0b3}.section{padding:95px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.heading h2,.about h2,.contact h2,.why h2{font-size:36px;line-height:1.4;margin:12px 0 0;letter-spacing:-1px}.heading h2 em,.about em{color:#3478f6}.heading>p{max-width:350px;color:#7c8ba0;font-size:12px;margin:0 0 5px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{padding:25px 21px;border:1px solid var(--line);border-radius:7px;transition:.2s}.service:hover{transform:translateY(-4px);box-shadow:0 15px 35px #16385c12}.service.featured{background:linear-gradient(145deg,#102c52,#0b1d38);color:white}.service>small{font-size:10px;color:#8b9db5;letter-spacing:1px}.featured>small{color:#9ccfff}.ico{width:45px;height:45px;border-radius:10px;background:#edf4ff;color:#3478f6;display:grid;place-items:center;font-size:25px;margin:22px 0 17px}.featured .ico{background:#ffffff18;color:#7ad5ff}.service h3{font-size:16px;line-height:1.5}.service p,.service li{font-size:11px;color:#7b8ba0;line-height:1.9}.featured p,.featured li{color:#b6c8dd}.service ul{padding:12px 0 12px 16px;border-top:1px solid #e8edf4}.featured ul{border-color:#ffffff25}.service>a{font-size:11px;color:#3478f6;font-weight:600}.featured>a{color:#75d4ff}.dark{background:#091c37;color:#fff;position:relative;overflow:hidden}.dark .heading h2{color:white}.dark .heading p{color:#8fa4be}.solutions{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.solutions article{padding:17px;border:1px solid #ffffff22;background:#ffffff08;border-radius:6px}.solutions article>b{color:#5eaff5;font:12px Arial}.solutions h3{font-size:14px;margin:14px 0 4px}.solutions p{font-size:10px;color:#91a6c0}.art{height:125px;margin-top:12px;border-radius:4px;position:relative;overflow:hidden;background:linear-gradient(135deg,#183b62,#0c2749)}.factory:before{content:'';position:absolute;inset:30% 8% 0;background:repeating-linear-gradient(90deg,#77b8e866 0 34px,transparent 34px 45px);border-top:4px solid #91d9ff}.global:before{content:'';position:absolute;width:90px;height:90px;border:1px solid #62d2ff;border-radius:50%;left:calc(50% - 45px);top:15px;box-shadow:0 0 0 18px #5dbdff12,0 0 0 34px #5dbdff08}.tech:before{content:'◇';position:absolute;font-size:90px;color:#62caff;left:calc(50% - 35px);top:0;text-shadow:0 0 30px #50bfff}.group:before{content:'';position:absolute;bottom:0;left:18%;width:65%;height:80%;background:linear-gradient(90deg,#4b83ae 0 24%,transparent 24% 34%,#7ab4d9 34% 62%,transparent 62% 72%,#376c9b 72%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}.cases{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.case{height:250px;border-radius:6px;padding:18px;position:relative;overflow:hidden;color:white}.case small{font-size:8px;position:relative}.case strong{display:block;font-size:27px;line-height:1.35;margin-top:48px;position:relative}.case i{position:absolute;bottom:15px;left:18px;font-size:9px;font-style:normal;color:#d6edff}.factory-case{background:linear-gradient(120deg,#0d2d51,#286b9d)}.factory-case:after{content:'';position:absolute;width:45%;height:65%;right:5%;bottom:0;background:repeating-linear-gradient(90deg,#d0ecff55 0 4px,transparent 4px 23px);border-top:5px solid #8bdcff;clip-path:polygon(0 24%,100% 0,100% 100%,0 100%)}.tech-case{background:linear-gradient(130deg,#111c45,#3b3d89)}.tech-case:after{content:'';position:absolute;width:110px;height:110px;right:8%;top:60px;border:1px solid #8ebaff;border-radius:50%;box-shadow:0 0 0 18px #5f8fff18,0 0 0 36px #5f8fff0d}.trade-case{background:linear-gradient(120deg,#e6e8e4,#aebfc1);color:#173d48}.trade-case i{color:#45636a}.trade-case:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:9%;top:70px;background:radial-gradient(circle at 35% 35%,#fff,#81a6a3 55%,#3b6b70)}.cases h3{font-size:14px;margin:13px 0 2px}.cases p,.note{font-size:13px;color:#5c6f86}.note b{color:#1b3b60}.note{margin-top:20px}.pale{background:#f5f8fc}.why{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.why h2{font-size:42px}.why em{color:#3478f6}.why p{font-size:12px;color:#8190a3;line-height:2;margin-bottom:25px}.reasons{border-top:1px solid #dce5ef}.reasons article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #dce5ef}.reasons article>b{font:12px Arial;color:#4385ed}.reasons h3{font-size:15px;margin:0 0 5px}.reasons p{margin:0}.process .steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.steps article{border-top:1px solid #ffffff35;padding:18px 5px 0;display:flex;flex-direction:column;gap:10px}.steps b{font:12px Arial;color:#5caef6}.steps strong{font-size:13px}.steps small{font-size:10px;color:#8ea4bf}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.about-card{min-height:330px;background:linear-gradient(145deg,#0b2344,#174b7d);border-radius:8px;padding:38px;color:#fff}.about-card>strong{font:bold 75px Arial;letter-spacing:-7px}.about-card>strong span{color:#69d4ff}.about-card small{display:block;color:#b4c9e0;font-size:11px;letter-spacing:2px}.about-card hr{width:45px;margin:38px 0 18px 0;border:0;border-top:2px solid #57caff}.about-card>b{font-size:22px;line-height:1.6}.about p,.contact>div>div>p{font-size:12px;color:#78899e;line-height:2}.stats{display:flex;gap:35px;border-top:1px solid #e5ebf2;padding-top:22px;margin-top:25px}.stats div{display:flex;flex-direction:column}.stats b{font-size:22px;color:#3478f6}.stats small{font-size:10px;color:#8c9aac}.contact{background:#f3f7fc}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:39px}.contact em{color:#3478f6}.details{display:grid;gap:16px;margin-top:30px}.details a,.details div{display:flex;flex-direction:column}.details small{font-size:10px;color:#8b9bb0}.details b{font-size:15px;color:#18385e}.details span{font-size:10px;color:#9aa7b8}.formbox{background:#fff;border:1px solid #e5ecf5;border-radius:8px;padding:30px;box-shadow:0 15px 45px #1b3c6310}.formbox h3{margin:0;font-size:19px}.formbox>p{font-size:11px;color:#8997a9;margin:3px 0 22px}.formbox form{display:grid;gap:13px}.formbox label{display:grid;gap:6px;font-size:11px;color:#43556d}.formbox input,.formbox textarea{width:100%;padding:11px 12px;border:1px solid #e2e9f2;border-radius:4px;font:12px inherit;background:#fbfcfe}.formbox textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit{width:100%}.privacy{font-size:9px;color:#a1adbc}.hidden{display:none}footer{background:#07172d;color:#fff;padding:32px 0 16px}.foot-top,.foot-bottom{display:flex;justify-content:space-between;align-items:center}.foot-top p{font-size:10px;color:#8da3bd;line-height:1.9}.foot-top>a:last-child{font-size:11px;color:#a7c0dd}.foot-bottom{border-top:1px solid #ffffff1c;padding-top:15px;margin-top:20px;color:#6f849f;font-size:9px}
@media(max-width:950px){.services{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:50px}.process .steps{grid-template-columns:repeat(3,1fr)}.why,.about{gap:45px}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}header{height:66px}.menu{display:block;border:0;background:none;font-size:23px;color:#123}.nav nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:16px 24px 22px;box-shadow:0 15px 25px #122b4a16;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:10px 0;border-bottom:1px solid #edf1f6}.nav nav .navbtn{text-align:center;margin-top:10px}.hero-inner{grid-template-columns:1fr;padding:55px 0 20px}.hero h1{font-size:43px}.hero h2{font-size:15px}.visual{height:300px;margin-top:22px;transform:scale(.88)}.mock-window{width:340px}.hero-foot{font-size:9px;gap:10px}.hero-foot span:last-child{text-align:right}.ribbon small{float:none;display:block;margin-top:5px}.section{padding:68px 0}.heading{display:block;margin-bottom:30px}.heading h2,.about h2{font-size:29px}.heading>p{margin-top:13px}.services,.solutions{grid-template-columns:1fr}.service{padding:22px}.service p{min-height:0}.solutions{gap:12px}.art{height:115px}.cases{grid-template-columns:1fr}.case{height:225px}.why,.about,.contact-layout{grid-template-columns:1fr;gap:35px}.why h2,.contact h2{font-size:35px}.process .steps{grid-template-columns:repeat(2,1fr);row-gap:25px}.about-card{min-height:275px;padding:28px}.about-card>strong{font-size:65px}.stats{justify-content:space-between;gap:12px}.stats b{font-size:18px}.formbox{padding:23px 17px}.two{grid-template-columns:1fr}.foot-top{align-items:flex-start;gap:18px;flex-wrap:wrap}.foot-top p{order:3;width:100%}.foot-bottom{display:block;line-height:2}.foot-bottom span{display:block}}