:root{--background:#f6f9fc;--foreground:#0b1e36;--primary:#0b70f0;--primary-2:#17c6d5;--navy:#061a31;--muted:#62748a;--line:#dce7f1;--card:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:var(--foreground);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.site-header{position:sticky;z-index:40;top:0;height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,250,253,.9);border-bottom:1px solid rgba(201,218,232,.7);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:32px;display:inline-block;position:relative;filter:drop-shadow(0 8px 12px rgba(11,112,240,.2));flex:0 0 auto}.brand-mark i{position:absolute;height:9px;border-radius:10px 10px 3px 10px;transform:skewX(-30deg);background:linear-gradient(90deg,#17c6d5,#0b70f0)}.brand-mark i:nth-child(1){width:30px;top:1px;right:0}.brand-mark i:nth-child(2){width:36px;top:12px;right:4px}.brand-mark i:nth-child(3){width:24px;top:23px;right:11px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:20px;letter-spacing:.05em}.brand-copy small{margin-top:5px;font-size:7px;letter-spacing:.16em;color:#6b7d90}.desktop-nav{display:flex;align-items:center;gap:36px;font-size:14px;color:#3f536b}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--primary)}.header-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;font-weight:600;font-size:14px;color:#fff;background:linear-gradient(120deg,#096cf0,#1298ee);box-shadow:0 9px 24px rgba(11,112,240,.24)}.menu-button,.mobile-menu{display:none}
.hero{min-height:700px;position:relative;overflow:hidden;padding:90px max(7vw,24px) 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 75% 40%,rgba(19,143,240,.12),transparent 34%),linear-gradient(145deg,#f9fcff 0%,#eef7fd 65%,#f7fbfe 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(49,111,158,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,111,158,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero-glow{position:absolute;border-radius:999px;filter:blur(4px);opacity:.7}.hero-glow-one{width:500px;height:500px;right:-250px;top:-280px;border:1px solid rgba(25,173,231,.18);box-shadow:inset 0 0 100px rgba(23,198,213,.08)}.hero-glow-two{width:260px;height:260px;left:-150px;bottom:-160px;background:rgba(11,112,240,.08);filter:blur(60px)}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow,.kicker{color:#0b7bdc;font-weight:700;font-size:12px;letter-spacing:.16em}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(11,112,240,.15);border-radius:999px;background:rgba(255,255,255,.75);box-shadow:0 6px 22px rgba(20,90,150,.07)}.hero h1{margin:23px 0 22px;font-size:clamp(46px,5.4vw,76px);line-height:1.12;letter-spacing:-.055em}.hero h1 span,.section-heading h2 span,.contact h2 span{color:transparent;background:linear-gradient(90deg,#0b70f0,#19b7ca);background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:610px;margin:0;color:#5a6d84;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:14px;margin:34px 0 28px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 23px;border-radius:12px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(120deg,#086bed,#0d9adf);box-shadow:0 12px 28px rgba(11,112,240,.25)}.button.ghost{background:#fff;border:1px solid #d7e5ef;color:#29435f}.hero-trust{display:flex;gap:24px;color:#5e7187;font-size:13px}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust .icon{color:#0f9dbf}
.hero-visual{position:relative;z-index:2;width:min(100%,540px);aspect-ratio:1;justify-self:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(14,114,211,.18);top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:74%;height:74%;box-shadow:0 0 60px rgba(26,174,220,.08)}.orbit-two{width:96%;height:96%;border-style:dashed;animation:spin 50s linear infinite}.cloud-core{position:absolute;inset:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#effaff 55%,#d7effa);border:1px solid #fff;box-shadow:0 28px 80px rgba(24,121,188,.18),inset 0 0 40px rgba(255,255,255,.9)}.cloud-core .brand-mark{transform:scale(1.5);margin-bottom:20px}.cloud-core strong{font-size:19px;letter-spacing:.1em}.cloud-core>span:last-child{margin-top:8px;color:#7890a5;font-size:11px;letter-spacing:.13em}.float-card{position:absolute;min-width:162px;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(167,207,231,.6);border-radius:14px;color:#0872c6;background:rgba(255,255,255,.86);backdrop-filter:blur(13px);box-shadow:0 15px 40px rgba(29,104,156,.12);animation:float 5s ease-in-out infinite}.float-card>.icon{width:20px;height:20px}.float-card span{display:flex;flex-direction:column}.float-card b{color:#183750;font-size:13px}.float-card small{margin-top:4px;color:#7b8da0;font-size:10px}.card-a{left:3%;top:21%}.card-b{right:0;top:34%;animation-delay:-1.8s}.card-c{left:16%;bottom:10%;animation-delay:-3.2s}.pulse-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#16bdd0;box-shadow:0 0 0 7px rgba(22,189,208,.11)}.dot-one{top:9%;left:45%}.dot-two{bottom:29%;right:7%}.dot-three{bottom:30%;left:3%}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}
.trust-strip{padding:25px max(7vw,24px);display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border-block:1px solid #e0eaf2}.trust-strip p{margin:0;font-weight:700;font-size:14px;color:#273d55}.trust-strip div{display:flex;gap:28px}.trust-strip span{display:flex;align-items:center;gap:7px;color:#6c7e90;font-size:12px}.trust-strip .icon{color:#13aebf}.section,.process{padding:105px max(7vw,24px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:54px}.section-heading h2,.about h2,.contact h2{margin:14px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.23;letter-spacing:-.045em}.section-heading>p{width:440px;margin:0;color:#6c7e90;font-size:15px;line-height:1.85}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:30px;border-radius:18px;border:1px solid #dfe9f1;background:rgba(255,255,255,.88);box-shadow:0 14px 40px rgba(24,69,107,.05);transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);border-color:#9bcaec;box-shadow:0 24px 60px rgba(24,94,150,.12)}.service-top{display:flex;align-items:start;justify-content:space-between}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:#087de0;background:linear-gradient(145deg,#eef9ff,#dff2fc)}.icon-box .icon{width:24px;height:24px}.service-top b{color:#d7e3ec;font-size:36px;font-weight:600}.service-card h3{margin:29px 0 12px;font-size:22px}.service-card>p{min-height:78px;margin:0;color:#697c91;font-size:14px;line-height:1.8}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 28px}.tag-list span{padding:6px 9px;border-radius:6px;color:#577188;background:#f0f5f8;font-size:11px}.service-card>a{display:flex;align-items:center;gap:8px;color:#0877dc;font-size:13px;font-weight:700}
.cases{background:#071b33}.section-heading.light h2{color:#fff}.section-heading.light>p{color:#91a6bb}.cases .kicker,.contact .kicker{color:#21c2d3}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{overflow:hidden;border:1px solid rgba(155,195,224,.14);border-radius:18px;background:#0d2642}.case-visual{position:relative;height:250px;display:grid;place-items:center;overflow:hidden}.case-card.cyan .case-visual{background:radial-gradient(circle at 70% 20%,rgba(34,225,221,.35),transparent 34%),linear-gradient(145deg,#123f59,#0f6b7b)}.case-card.blue .case-visual{background:radial-gradient(circle at 30% 20%,rgba(63,173,255,.4),transparent 34%),linear-gradient(145deg,#112f59,#174c8b)}.case-card.violet .case-visual{background:radial-gradient(circle at 75% 20%,rgba(146,112,255,.38),transparent 36%),linear-gradient(145deg,#242d63,#544687)}.mini-window{width:70%;height:60%;padding:18px;border-radius:13px;transform:perspective(500px) rotateX(4deg) rotateY(-6deg);background:rgba(255,255,255,.9);box-shadow:18px 25px 50px rgba(0,0,0,.2)}.window-bar,.window-title,.window-body span{display:block;border-radius:99px;background:rgba(22,91,141,.16)}.window-bar{width:40px;height:5px}.window-title{width:65%;height:12px;margin:24px 0 15px}.window-body{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:6px;height:54px}.window-body span{border-radius:6px}.case-index{position:absolute;right:17px;bottom:10px;font-size:50px;font-weight:800;color:rgba(255,255,255,.12)}.case-copy{padding:22px 24px 25px}.case-copy>span{color:#44cbd4;font-size:11px;font-weight:700;letter-spacing:.12em}.case-copy h3{margin:8px 0 9px;color:#fff;font-size:20px}.case-copy p{margin:0;color:#91a7bb;font-size:12px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#fff}.about-visual{position:relative;min-height:500px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at center,#dff7fb 0,#eff8fc 36%,#eaf4f9 70%)}.about-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(45,119,162,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(45,119,162,.09) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000,transparent 70%)}.about-center{position:absolute;inset:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 20px 60px rgba(24,105,158,.15)}.about-center .brand-mark{transform:scale(1.4)}.about-center>span:last-child{margin-top:18px;font-size:9px;font-weight:800;letter-spacing:.2em;color:#53738d}.metric{position:absolute;min-width:130px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 12px 35px rgba(27,102,151,.13)}.metric .icon{grid-row:1/3;width:23px;height:23px;color:#0d91cf}.metric strong{font-size:14px}.metric span{font-size:10px;color:#7890a3}.metric-one{top:16%;left:10%}.metric-two{top:28%;right:7%}.metric-three{bottom:14%;left:18%}.about-copy>p{color:#687b90;font-size:15px;line-height:1.9}.about-points{margin-top:30px;display:grid;gap:17px}.about-points>div{display:flex;gap:13px}.about-points>.icon{flex:0 0 auto;color:#12aabb}.about-points span{display:flex;flex-direction:column}.about-points b{font-size:14px}.about-points small{margin-top:4px;color:#8191a2;font-size:12px}.process{background:#f3f8fb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.steps article{position:relative;padding:22px 28px 22px 0;border-top:1px solid #cbdce8}.steps article:not(:last-child)::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-4px;right:15px;background:#16afc7;box-shadow:0 0 0 5px #d9f2f4}.steps article>span{color:#139bc1;font-size:12px;font-weight:800}.steps h3{margin:19px 0 8px;font-size:19px}.steps p{margin:0;color:#77899a;font-size:12px;line-height:1.7}
.contact{position:relative;overflow:hidden;padding:90px max(7vw,24px);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#071b33;color:#fff}.contact-glow{position:absolute;width:500px;height:500px;left:-200px;bottom:-380px;border-radius:50%;background:#0b70f0;filter:blur(90px);opacity:.28}.contact-copy,.contact-form{position:relative;z-index:2}.contact-copy>p{max-width:600px;color:#9db0c3;line-height:1.8}.contact-details{display:grid;gap:10px;margin-top:25px}.contact-details>a,.contact-details>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055)}.contact-details small{color:#64dbe2;font-size:10px;letter-spacing:.12em}.contact-details strong{font-size:14px;line-height:1.55}.contact-details>a strong{font-size:20px;letter-spacing:.04em}.contact-notes{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:20px;color:#a9bdce;font-size:12px}.contact-notes span{display:flex;align-items:center;gap:7px}.contact-notes .icon{color:#30c8d5}.contact-form{padding:30px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.18);display:grid;gap:16px}.form-heading p{margin:0;color:#4fd2dd;font-size:11px;font-weight:800;letter-spacing:.1em}.form-heading h3{margin:8px 0 4px;font-size:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:8px;color:#d9e5ee;font-size:12px}.contact-form em{color:#4fd2dd;font-style:normal}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.075);color:#fff;font:inherit;font-size:13px;padding:12px 13px;outline:none;transition:border-color .2s,background .2s}.contact-form textarea{resize:vertical;min-height:92px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8094a8}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#35c5d2;background:rgba(255,255,255,.11)}.contact-form select option{color:#122942;background:#fff}.contact-form button{border:0;min-height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(120deg,#0874ef,#12a9d0);font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 25px rgba(8,116,239,.25)}.hp-field{position:absolute!important;left:-9999px!important}.form-message{padding:11px 13px;border-radius:9px;font-size:12px;line-height:1.5}.form-message.success{color:#c4fff3;background:rgba(26,202,163,.13);border:1px solid rgba(64,221,187,.26)}.form-message.error{color:#ffd4d4;background:rgba(238,87,87,.12);border:1px solid rgba(255,121,121,.24)}footer{padding:45px max(7vw,24px) 22px;background:#041426;color:#9db0c3}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:50px;padding-bottom:35px}.footer-brand{color:#fff}.footer-main>p{font-size:12px;line-height:1.8}.footer-main>p a,.footer-bottom a{transition:color .2s}.footer-main>p a:hover,.footer-bottom a:hover{color:#56d7df}.footer-main nav{display:flex;gap:22px;justify-content:flex-end;font-size:12px}.footer-bottom{padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#6e8295}
@media(max-width:960px){.desktop-nav,.header-cta{display:none}.menu-button{display:flex;width:42px;height:42px;border:0;border-radius:9px;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-button span{width:21px;height:2px;border-radius:2px;background:#17344f;transition:transform .2s,opacity .2s}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:absolute;top:78px;left:0;right:0;padding:12px 24px 20px;display:grid;gap:3px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 20px 35px rgba(14,53,84,.09);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu a{padding:13px 7px;border-bottom:1px solid #edf2f6;font-size:14px}body.menu-open{overflow:hidden}.hero{grid-template-columns:1fr;padding-top:75px}.hero-visual{margin-top:50px;max-width:480px}.hero-copy{max-width:760px}.trust-strip{align-items:flex-start}.trust-strip div{flex-wrap:wrap}.service-grid,.case-grid{grid-template-columns:1fr 1fr}.service-card:last-child,.case-card:last-child{grid-column:1/-1}.about{grid-template-columns:1fr}.about-visual{min-height:480px}.steps{grid-template-columns:1fr 1fr;gap:24px}.contact{grid-template-columns:1fr;gap:35px}.footer-main{grid-template-columns:1fr 1fr}.footer-main nav{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:640px){.site-header{height:70px}.mobile-menu{top:70px}.brand-copy strong{font-size:18px}.hero{min-height:auto;padding-block:65px 55px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-trust{flex-wrap:wrap;gap:13px 18px}.hero-visual{transform:scale(.92);margin:18px -22px -10px;width:calc(100% + 44px)}.float-card{min-width:145px;padding:10px 12px}.card-a{left:0}.card-b{right:0}.card-c{left:10%}.trust-strip{flex-direction:column}.trust-strip div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section,.process{padding-block:75px}.section-heading{display:block;margin-bottom:36px}.section-heading>p{width:auto;margin-top:22px}.section-heading h2,.about h2,.contact h2{font-size:35px}.service-grid,.case-grid{grid-template-columns:1fr}.service-card:last-child,.case-card:last-child{grid-column:auto}.service-card>p{min-height:auto}.about{gap:55px}.about-visual{min-height:370px}.metric{min-width:112px}.metric-one{left:5%}.metric-two{right:3%}.metric-three{left:11%}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:20px 0}.steps article::after{display:none}.contact{padding-block:72px}.form-row{grid-template-columns:1fr}.contact-form{padding:24px 20px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-main nav{grid-column:auto;flex-wrap:wrap}.footer-bottom{gap:14px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}