@charset "UTF-8";
:root{--blue:#0757bc;--orange:#f29a1b;--ink:#15253a;--muted:#768193;--line:#e4e9ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f29a1b;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}.header{height:88px;padding:0 5.5%;display:flex;align-items:center;gap:44px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0f4}.brand{display:block;flex-shrink:0}.logo-crop{display:block;width:194px;aspect-ratio:2150 / 288;position:relative;overflow:hidden}.logo-crop img{position:absolute;display:block;width:126.837209%;max-width:none;height:auto;left:-13.720930%;top:-109.027778%}.header nav{display:flex;align-self:stretch;gap:35px;margin-left:auto;font-size:14px;font-weight:500}.header nav a{position:relative;display:flex;align-items:center}.header nav a:hover,.header nav a.active{color:var(--blue)}.header nav a.active:after{content:"";position:absolute;bottom:19px;left:0;right:0;height:2px;background:var(--blue)}.nav-contact{font-size:14px;border-left:1px solid var(--line);padding-left:30px}.nav-contact span{margin-left:16px;color:var(--blue)}.menu{display:none}.hero{height:650px;min-height:590px;background:#030e25;position:relative;overflow:hidden;color:white}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#040f27 0%,#040f2799 33%,transparent 65%)}.hero-grid{position:absolute;inset:0;background:linear-gradient(#6eabff07 1px,transparent 1px),linear-gradient(90deg,#6eabff07 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000)}.hero-content{position:relative;z-index:2;padding:99px 0 0 8%;max-width:760px}.eyebrow{font:10px "Segoe UI",sans-serif;letter-spacing:2.5px;color:#91afd4;display:flex;gap:11px;align-items:center}.eyebrow>span{height:6px;width:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(40px,4.25vw,65px);line-height:1.37;letter-spacing:2px;margin:24px 0 22px;font-weight:600}.gradient-text{background:linear-gradient(100deg,#6fb4ff,#d3e8ff);color:transparent;background-clip:text}.hero-content>p{color:#9baec9;font-size:15px;line-height:2}.hero-actions{display:flex;gap:16px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:15px 23px;font-size:14px;border:1px solid transparent;min-height:50px;transition:.2s}.primary{background:#1165d6;color:white}.primary:hover{background:#267ce9;transform:translateY(-2px)}.outline{border-color:#738aab65;color:#d7e5f7;background:#0c23434d}.outline:hover{background:#21467380}.hero-tags{display:flex;gap:20px;align-items:center;font-size:12px;color:#95a9c5;margin-top:34px}.hero-tags b{font-weight:300;color:#f29a1b}.hero-bottom{position:absolute;bottom:0;height:63px;left:8%;right:8%;z-index:3;border-top:1px solid #7ba6d526;display:flex;align-items:center;justify-content:space-between;color:#7c95b8;font-size:10px;letter-spacing:1.5px}.hero-bottom>span{display:flex;gap:10px;align-items:center}.hero-bottom i{width:5px;height:5px;background:#42bace;border-radius:50%}.hero-bottom a{color:#b3c3db;letter-spacing:1px;font-size:11px}.hero-bottom a span{margin-left:23px}.orbital{position:absolute;right:-2%;top:-12px;width:63%;height:610px;background:radial-gradient(ellipse at 55% 50%,#0d438843,transparent 65%)}#globe{width:100%;height:100%;display:block}.orbit-label{position:absolute;font-size:9px;letter-spacing:1.5px;color:#95ccff;border:1px solid #4f9bdb45;padding:12px 17px;background:#0c24458f;box-shadow:0 0 30px #0061ff13;backdrop-filter:blur(5px)}.label-one{right:10%;top:19%;display:flex;align-items:center;gap:10px}.label-one i{width:5px;height:5px;background:#3ee1df;box-shadow:0 0 10px #3ee1df}.label-two{left:29%;bottom:17%;font-size:12px;letter-spacing:1px}.signal{color:#64d1ff;margin-right:12px}.globe-coordinates{position:absolute;right:12%;bottom:9%;color:#3f6f9c;font-size:9px;letter-spacing:2px}.globe-coordinates span{color:#68afc0;margin-left:20px}.section{padding:80px 8%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.kicker{font-size:10px;color:#2364ae;letter-spacing:2.3px;margin-bottom:14px;font-weight:600}h2{font-size:30px;line-height:1.5;font-weight:600;letter-spacing:.5px}.section-top>p{font-size:13px;line-height:1.9;color:var(--muted)}.cloud-tabs{display:flex;gap:27px;margin:2px 0 24px;border-bottom:1px solid var(--line)}.cloud-tabs button{border:0;background:none;padding:13px 0 17px;font-size:13px;color:#7d8796;position:relative}.cloud-tabs small{margin-left:8px;font-size:10px;color:#a5adb8}.cloud-tabs button.selected{color:var(--blue)}.cloud-tabs button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}.cloud-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.cloud-card{background:white;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:12px;transition:.2s}.cloud-card:hover{background:#f5f9ff}.cloud-card[hidden]{display:none}.cloud-card>strong{font-size:24px;font-weight:600;display:flex;align-items:center;gap:8px}.cloud-card strong span{font-size:22px;color:#25354c}.cloud-card>span{font-size:9px;color:#9aA2ae;letter-spacing:1px}.cloud-card>i{position:absolute;right:15px;top:14px;font-style:normal;color:#bac8d9;font-size:13px}.huawei{color:#d32330}.tencent{color:#0087ee}.alibaba{color:#f46b1c}.volcano{color:#2f65e4}.cloud-card .azure{font-size:29px;color:#118acb;gap:7px}.cloud-card .azure span{font-size:16px;font-weight:500}.cloud-card .aws{font-size:33px;position:relative;line-height:1}.cloud-card .aws-arrow{position:absolute;left:8px;bottom:-15px;color:#ef9829;font-size:39px}.cloud-card .google b{color:#4285f4}.cloud-card .google span{font-size:19px;font-weight:500}.cloud-cta{align-items:flex-start;padding:25px;background:#f5f9ff}.cloud-cta>span{color:#77899f;font-size:11px;letter-spacing:0}.cloud-cta>strong{font-size:17px;color:#1a5cae;width:100%;justify-content:space-between}.cloud-cta i{font-style:normal}.services{background:#f5f7fa}.text-link{color:#2665ae;font-size:13px;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid article{background:#fff;padding:29px 25px 0;position:relative;border:1px solid #e9edf3;transition:.2s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #14264c09;border-color:#a7c6ed}.service-no{position:absolute;right:25px;top:25px;font-size:10px;color:#b4bcc8;letter-spacing:2px}.service-icon{color:#1b6cc8;font-size:39px;line-height:1;margin-bottom:28px}.service-grid h3{font-size:19px;font-weight:600;margin-bottom:16px}.service-grid p{color:#7d8795;font-size:12px;line-height:2;min-height:75px}.service-tags{font-size:10px;color:#9ca6b3;margin-top:23px;padding-bottom:24px}.service-grid button{display:flex;justify-content:space-between;padding:17px 0;width:100%;border:0;border-top:1px solid #eef1f5;background:white;font-size:11px;color:#38669e}.solutions{padding-bottom:88px}.solution-layout{display:grid;grid-template-columns:220px 1fr;gap:30px}.solution-tabs{display:flex;flex-direction:column;gap:12px}.solution-tabs button{display:flex;align-items:center;gap:20px;text-align:left;background:#f5f7fa;border:1px solid transparent;padding:28px 23px;font-size:16px}.solution-tabs button span{font-size:10px;color:#98a6b9}.solution-tabs button b{margin-left:auto;font-weight:400}.solution-tabs button[aria-selected=true]{background:#0d56b3;color:white}.solution-tabs button[aria-selected=true] span{color:#a9c6ed}.solution-panel{background:linear-gradient(110deg,#f3f7fd,#eaf2fd);display:flex;min-height:310px;overflow:hidden;position:relative}.solution-copy{padding:36px;position:relative;z-index:2;width:57%}.solution-copy .kicker{font-size:9px;color:#6685ac}.solution-copy h3{font-size:25px;margin-bottom:14px}.solution-copy p{font-size:12px;line-height:1.9;color:#738298}.solution-copy ul{list-style:none;padding:0;margin:20px 0;font-size:11px;color:#5c728e;line-height:2}.solution-copy li:before{content:"✓";margin-right:10px;color:#4384c3}.architecture{position:absolute;right:0;top:0;width:43%;height:100%;perspective:700px;overflow:hidden}.arch-block{position:absolute;left:18%;top:32%;width:160px;height:120px;display:grid;place-items:center;color:white;font-size:12px;letter-spacing:4px;transform:rotateX(55deg) rotateZ(-35deg);border:1px solid #a5d9ff;background:linear-gradient(130deg,#5eb9ffba,#0962baab);box-shadow:-12px 14px 0 #277bcc22,0 20px 35px #1370c426}.arch-block.back{top:20%;opacity:.4}.arch-block.middle{top:33%;opacity:.7}.arch-block.front{top:46%;background:linear-gradient(130deg,#83d4ff,#0867c0)}.arch-orbit{position:absolute;border:1px solid #91b8e144;width:340px;height:220px;top:25%;left:-7%;border-radius:50%;transform:rotate(-30deg)}.arch-orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #8cbae355;border-radius:50%}.arch-caption{position:absolute;bottom:24px;left:30%;font-size:8px;color:#7199c8;letter-spacing:3px}.arch-dot{width:8px;height:8px;background:#ed9c28;border-radius:50%;position:absolute;box-shadow:0 0 0 6px #ed9c2815}.dot-a{top:29%;left:8%}.dot-b{bottom:23%;right:10%;background:#4fa8d9}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:#fcfdff}.about h2{font-size:33px;line-height:1.7}.about-copy>p{color:#7a8798;font-size:13px;line-height:2.1;margin-bottom:15px}.about-values{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:26px}.about-values span{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#909bab}.about-values b{font-size:24px;font-weight:500;color:#1d4e88}.contact{display:flex;align-items:center;justify-content:space-between;color:white;background:radial-gradient(ellipse at 85% 140%,#175caf 0,transparent 60%),#061a3a;position:relative;gap:25px;padding-top:65px;padding-bottom:65px}.contact .kicker{color:#7da8dc}.contact h2{font-size:29px}.contact p{font-size:13px;color:#8ca4c4;margin-top:17px}.contact .button{flex-shrink:0;background:#ee981f;color:#fff;gap:48px}.contact .button:hover{background:#f4a936}footer{padding:32px 5.5%;display:flex;align-items:center;gap:30px;font-size:10px;color:#8a95a4}footer .logo-crop{width:145px}footer>span:nth-of-type(2){margin-left:auto}dialog{border:1px solid #dfE6f0;padding:40px;max-width:510px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 100px #03173355}dialog::backdrop{background:#021025b8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#789}.dialog-intro{margin-top:10px;color:#789;font-size:13px}form label{display:block;font-size:12px;margin-top:22px}select,textarea{display:block;width:100%;border:1px solid #dce4ee;padding:12px;margin-top:8px;border-radius:0;background:#f9fbfe;color:#234;resize:vertical;font-size:13px}.form-note{font-size:11px;line-height:1.8;color:#8a94a4;margin:17px 0}#form-status{font-size:12px;line-height:1.7;color:#2364ae;margin-top:12px}.menu{border:0;background:none;font-size:22px}@media(min-width:1700px){.hero-content{padding-top:112px}.hero{height:730px}.orbital{height:700px}}@media(max-width:1100px){.header{gap:20px;padding:0 4%}.header nav{gap:22px}.header .logo-crop{width:177px}.nav-contact{padding-left:20px}.section{padding:60px 5%}.hero-content{padding-left:5%}.hero-bottom{left:5%;right:5%}.hero{height:610px}.hero-content>p{font-size:14px}.orbital{right:-12%;width:72%}.service-grid{gap:12px}.service-grid article{padding:24px 18px 0}.cloud-card strong span{font-size:19px}.solution-layout{grid-template-columns:185px 1fr;gap:20px}.solution-copy{width:63%;padding:28px}.architecture{width:37%}.arch-block{width:120px;height:105px}.about{gap:6%}}@media(max-width:760px){html{scroll-padding-top:68px}.header{height:68px;padding:0 6%;gap:15px}.header .logo-crop{width:158px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:14px 6%;box-shadow:0 20px 30px #00152d12}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:15px 0}.header nav a.active:after{display:none}.nav-contact{margin-left:auto;padding:0;border:0;font-size:12px}.nav-contact span{margin-left:5px}.menu{display:block}.hero{height:790px}.hero-content{padding:52px 7% 0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:40px;line-height:1.4;margin:22px 0 18px;letter-spacing:.5px}.hero-content>p{font-size:12px;line-height:2}.hero-actions{gap:10px;margin-top:25px}.button{font-size:12px;padding:13px 16px;gap:22px;min-height:46px}.hero-tags{font-size:10px;margin-top:23px;gap:16px}.orbital{width:100%;height:390px;top:380px;right:-4%}.hero:after{background:linear-gradient(180deg,transparent 35%,#040f2711)}.label-one{top:12%;right:9%;font-size:7px;padding:8px 11px}.label-two{left:8%;bottom:21%;font-size:9px}.globe-coordinates{display:none}.hero-bottom{height:47px;left:7%;right:7%}.hero-bottom>span{font-size:6px;letter-spacing:.7px}.hero-bottom a{font-size:9px}.section{padding:49px 7%}.section-top{display:block;margin-bottom:26px}.kicker{font-size:8px;letter-spacing:1.6px}h2{font-size:24px}.section-top>p{margin-top:15px;font-size:12px}.section-top>.text-link{display:inline-block;margin-top:18px}.cloud-tabs{gap:20px}.cloud-tabs button{font-size:11px}.cloud-tabs small{margin-left:3px;font-size:8px}.cloud-grid{grid-template-columns:repeat(2,1fr)}.cloud-card{min-height:112px}.cloud-card strong span{font-size:18px}.cloud-card .azure span{font-size:12px}.cloud-card .google span{font-size:14px}.cloud-cta{padding:20px}.cloud-cta>strong{font-size:14px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-grid article{padding:23px 15px 0}.service-grid h3{font-size:16px}.service-grid p{font-size:11px;min-height:94px}.service-tags{font-size:9px;line-height:1.8;margin-top:15px}.service-icon{font-size:32px;margin-bottom:22px}.service-no{right:15px;font-size:8px}.solution-layout{display:block}.solution-tabs{flex-direction:row;gap:7px;margin-bottom:14px}.solution-tabs button{padding:15px 9px;font-size:12px;gap:8px;flex:1;justify-content:center}.solution-tabs button b{display:none}.solution-tabs button span{font-size:8px}.solution-copy{width:100%;padding:28px 25px 140px}.solution-copy h3{font-size:22px}.architecture{height:170px;width:200px;top:auto;bottom:-22px;right:0;opacity:.7}.arch-block{width:100px;height:70px}.arch-caption{display:none}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:28px}.about-copy>p{font-size:12px}.about-values{gap:12px}.contact{flex-direction:column;align-items:flex-start;gap:25px}.contact h2{font-size:23px}.contact p{font-size:12px;line-height:1.9}footer{flex-wrap:wrap;padding:25px 7%;gap:17px;font-size:9px}footer .logo-crop{width:135px}footer>span:nth-of-type(2){margin-left:0}footer>a:last-child{margin-left:auto}dialog{padding:30px 23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reference-style background mesh; text remains above it. */
.star-network{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.85;}

/* Interactive globe: controls stay above the decorative background mesh. */
.orbital{z-index:2}.hero-content{z-index:3}.orbit-label,.globe-coordinates{pointer-events:none}
#globe{touch-action:pan-y;cursor:grab}#globe.dragging{cursor:grabbing}
.globe-controls{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;z-index:4}
.globe-controls button,.globe-controls select{border:1px solid #527ba252;background:#071d36e8;color:#aacbe8;padding:7px 10px;font-size:10px;min-height:32px;min-width:32px;border-radius:3px;margin:0;width:auto}
.globe-controls button:hover,.globe-controls select:hover{border-color:#5eaddc;color:#e2f4ff}.globe-controls button:disabled{opacity:.6;cursor:default}
.globe-controls select{max-width:140px}.globe-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#6588a7;font-size:9px;white-space:nowrap;letter-spacing:.4px;pointer-events:none}
.globe-coordinates{display:none}.label-two{bottom:19%;font-size:11px}
@media(max-width:1100px){.globe-controls,.globe-hint{left:55%}}
@media(max-width:760px){.globe-controls{left:46%;bottom:39px;gap:4px}.globe-hint{left:46%;bottom:20px;font-size:8px;letter-spacing:0}.globe-controls button,.globe-controls select{min-height:36px;padding:7px 8px}.label-two{bottom:24%;left:6%;font-size:9px}}

/* Side-by-side brand and globe introduction, followed by the page content. */
.hero-title-line{display:block}
@keyframes ksd-background-in{from{opacity:0}to{opacity:1}}
@keyframes ksd-stars-in{from{opacity:0}to{opacity:.85}}
@keyframes ksd-content-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.hero-grid{animation:ksd-background-in 2.4s ease-out both}
.orbital{--intro-x:-1.02vw;--intro-y:25.9px;--intro-scale:1.1;transform-origin:54% 51%;animation:ksd-globe-stage 1.6s cubic-bezier(.25,.1,.25,1) .5s both,ksd-brand-appear .5s ease-out both}
@keyframes ksd-globe-stage{
 from{transform:translate(var(--intro-x),var(--intro-y)) scale(var(--intro-scale))}
 to{transform:translate(0,0) scale(1)}
}
@media(min-width:1700px){.orbital{--intro-y:20px}}
@media(max-width:1100px){.orbital{--intro-x:-2.88vw;--intro-y:5.9px;--intro-scale:.85}}
@media(max-width:760px){.orbital{--intro-x:19vw;--intro-y:-183.9px;--intro-scale:.62}}
.hero:focus-within .orbital{animation:none}
.hero:focus-within .hero-content .eyebrow,.hero:focus-within .hero-title-line,.hero:focus-within .hero-content>p,.hero:focus-within .hero-actions,.hero:focus-within .hero-tags{animation:none}
.star-network{animation:ksd-stars-in 1.8s ease-out 1.3s both}
.hero-content .eyebrow{animation:ksd-content-in .85s cubic-bezier(.2,.65,.3,1) 1.05s both}
.hero-title-line:first-child{animation:ksd-content-in 1s cubic-bezier(.2,.65,.3,1) 1.2s both}
.hero-title-line:nth-child(2){animation:ksd-content-in 1s cubic-bezier(.2,.65,.3,1) 1.35s both}
.hero-content>p{animation:ksd-content-in .9s ease-out 1.5s both}
.hero-actions{animation:ksd-content-in .85s ease-out 1.65s both}
.hero-tags{animation:ksd-content-in .85s ease-out 1.8s both}
.hero-bottom{animation:ksd-background-in 1s ease-out 1.8s both}
.reveal-pending{opacity:0;translate:0 22px}
.reveal-entering{animation:ksd-content-in .8s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms) both}
.reveal-pending:focus-within,.reveal-entering:focus-within,.hero-actions:focus-within{opacity:1;translate:none;animation:none}
@media(prefers-reduced-motion:reduce){
 .hero-grid,.orbital,.star-network,.hero-content .eyebrow,.hero-title-line,.hero-content>p,.hero-actions,.hero-tags,.hero-bottom,.reveal-entering{animation:none!important}
 .reveal-pending,.reveal-entering{opacity:1;translate:none}
}

/* Transparent original logo, with a quiet hold and a continuous eased docking motion. */
.header>.brand{
 --brand-start-x:calc(19.5vw - 97px);
 --brand-start-y:369px;
 --brand-start-scale:2.3;
 position:relative;z-index:2;transform-origin:center;
 animation:ksd-brand-dock 1.6s cubic-bezier(.25,.1,.25,1) .5s both,ksd-brand-appear .5s ease-out both;
}
@keyframes ksd-brand-dock{
 from{transform:translate(var(--brand-start-x),var(--brand-start-y)) scale(var(--brand-start-scale))}
 to{transform:translate(0,0) scale(1)}
}
@keyframes ksd-brand-appear{from{opacity:0}to{opacity:1}}
@media(min-width:1700px){.header>.brand{--brand-start-y:409px}}
@media(max-width:1100px){.header>.brand{--brand-start-x:calc(21vw - 88.5px);--brand-start-y:349px;--brand-start-scale:1.8}}
@media(max-width:760px){.header>.brand{--brand-start-x:calc(19vw - 79px);--brand-start-y:429px;--brand-start-scale:1.1}}
.header>.brand:focus-within{animation:none}
@media(prefers-reduced-motion:reduce){.header>.brand{animation:none}}

.header>.brand,.orbital{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.header>.brand,.orbital{will-change:auto}}

html:not(.intro-ready) .header>.brand,html:not(.intro-ready) .orbital,html:not(.intro-ready) .hero-content .eyebrow,html:not(.intro-ready) .hero-title-line,html:not(.intro-ready) .hero-content>p,html:not(.intro-ready) .hero-actions,html:not(.intro-ready) .hero-tags,html:not(.intro-ready) .hero-bottom{animation-play-state:paused}

.contact-details{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px;font-size:15px;line-height:1.8}.contact-details a:hover,.form-note a:hover{text-decoration:underline}.form-note a{color:#0757bc;overflow-wrap:anywhere}@media(max-width:640px){.contact-details{flex-direction:column;gap:6px;font-size:14px}}