:root{--ink:#102532;--navy:#073b59;--navy-deep:#052d45;--cyan:#18b7d4;--cyan-light:#63dbed;--sky:#edf8fb;--line:#d8e5e9;--muted:#657984;--white:#fff;--wrap:min(1180px, calc(100vw - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}body,a,button{cursor:default}a{color:inherit;cursor:pointer;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}.wrap{width:var(--wrap);margin-inline:auto}.siteHeader{z-index:20;width:var(--wrap);border-bottom:1px solid #ffffff47;align-items:center;gap:34px;min-height:90px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.brand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;width:280px;padding:10px 14px}.brand img{width:100%;height:auto}.desktopNav{color:#ffffffe0;align-items:center;gap:30px;margin-left:auto;font-size:14px;display:flex}.desktopNav a{padding-block:34px;position:relative}.desktopNav a:after{content:"";background:var(--cyan-light);width:0;height:2px;transition:width .25s;position:absolute;bottom:24px;left:0}.desktopNav a:hover:after{width:100%}.headerCta{color:#fff;white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:inline-flex}.headerCta span{color:var(--cyan-light);font-size:20px}.mobileNav{display:none}.hero{color:#fff;background:var(--navy-deep);height:100svh;min-height:840px;max-height:1040px;position:relative;overflow:hidden}.heroMedia,.heroGrid{position:absolute;inset:0}.heroMedia{background-image:linear-gradient(90deg,#032034f0 0%,#032b42c2 48%,#03273b38 78%),linear-gradient(#0000 55%,#032034bf),url(/assets/hero-city.webp);background-position:50%;background-size:cover;transform:scale(1.02)}.heroGrid{opacity:.18;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.heroOutline{pointer-events:none;border:2px solid #54daed94;width:420px;height:420px;position:absolute;transform:rotate(45deg)skew(-8deg,-8deg)}.heroOutlineOne{top:24%;right:10%}.heroOutlineTwo{opacity:.34;width:640px;height:640px;top:-5%;right:-14%}.heroContent{z-index:2;padding-top:clamp(190px,25vh,270px);position:relative}.eyebrow{color:#348aa6;letter-spacing:.22em;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--cyan);width:36px;height:2px}.eyebrow.light{color:#ffffffa8}.eyebrow.light span{background:var(--cyan-light)}.hero h1{letter-spacing:-.055em;max-width:850px;margin-top:24px;font-size:clamp(52px,6.1vw,92px);font-weight:680;line-height:1.07}.hero h1 em{color:#83e7f4;font-style:normal;font-weight:450}.heroLead{color:#ffffffc2;max-width:660px;margin-top:30px;font-size:18px;line-height:1.9}.heroActions{gap:14px;margin-top:40px;display:flex}.button{justify-content:center;align-items:center;gap:28px;min-height:54px;padding:0 25px;font-size:15px;font-weight:600;transition:transform .25s,background .25s,color .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#032f47;background:var(--cyan-light)}.button.primary:hover{background:#a6f3fa}.button.ghost{color:#fff;background:#00000014;border:1px solid #ffffff73}.button.ghost:hover{background:#ffffff14;border-color:#fff}.heroBottom{z-index:2;border-top:1px solid #ffffff40;grid-template-columns:repeat(4,1fr);min-height:130px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.heroBottom div{border-right:1px solid #ffffff2b;align-items:center;gap:16px;padding:24px 30px;display:flex}.heroBottom div:first-child{border-left:1px solid #ffffff2b}.heroBottom strong{font-size:38px;font-weight:500}.heroBottom sup{color:var(--cyan-light);font-size:16px}.heroBottom span{color:#ffffff9e;font-size:13px;line-height:1.4}.section{padding:124px 0}.about{background:#fff}.aboutGrid{grid-template-columns:1fr 1.15fr;gap:100px;display:grid}.sectionIntro h2,.sectionHeading h2,.partnerHeading h2,.contact h2{letter-spacing:-.04em;margin-top:20px;font-size:clamp(36px,4vw,58px);font-weight:620;line-height:1.18}.aboutCopy{padding-top:38px}.aboutCopy>p{color:var(--muted);font-size:16px;line-height:2}.aboutCopy .largeCopy{color:var(--ink);margin-bottom:22px;font-size:23px;font-weight:520;line-height:1.75}.credentials{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.credentials span{color:#17657c;background:var(--sky);border:1px solid #cdebf2;padding:11px 16px;font-size:13px}.darkSection{color:#fff;background:radial-gradient(circle at 86% 16%,#25c0da33,#0000 26%),linear-gradient(135deg,#073b59,#052e47 70%)}.splitHeading{grid-template-columns:1.35fr .65fr;align-items:end;gap:80px;margin-bottom:58px;display:grid}.splitHeading>p{color:#fff9;padding-bottom:4px;font-size:15px;line-height:1.8}.splitHeading.ink>p{color:var(--muted)}.capabilityGrid{border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);display:grid}.capabilityCard{border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;min-height:420px;padding:34px 28px;transition:background .3s,transform .3s}.capabilityCard:hover{background:#4ad3e81a;transform:translateY(-6px)}.capabilityTop{align-items:center;gap:16px;display:flex}.capabilityNumber{color:var(--cyan-light);font-size:13px;font-weight:700}.capabilityLine{background:#fff3;flex:1;height:1px}.capabilityEn{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;margin-top:82px;font-size:12px}.capabilityCard h3{margin-top:12px;font-size:28px;font-weight:560}.capabilityCard>p:last-child{color:#ffffffa3;margin-top:32px;font-size:14px;line-height:1.9}.solutionsSection{background:#f5fafb}.solutionsLayout{background:#fff;grid-template-columns:.95fr 1.05fr;min-height:680px;display:grid}.solutionVisual{background:#06435e;min-height:680px;position:relative;overflow:hidden}.solutionVisual:after{content:"";background:linear-gradient(#0000 35%,#042b3dc7);position:absolute;inset:0}.solutionVisual img{object-fit:cover;width:100%;height:100%}.solutionVisualCopy{z-index:2;color:#fff;position:absolute;bottom:42px;left:42px}.solutionVisualCopy span{letter-spacing:.2em;font-size:13px}.solutionVisualCopy strong{margin-top:9px;font-size:34px;font-weight:520;display:block}.solutionList{grid-template-columns:1fr 1fr;display:grid}.solutionList article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:start;gap:18px;min-height:170px;padding:30px 26px;transition:background .25s;display:grid}.solutionList article:hover{background:var(--sky)}.solutionList article>span{color:#29a9c6;font-size:12px;font-weight:700}.solutionList article h3{font-size:20px;font-weight:600}.solutionList article p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.65}.solutionList article b{color:#65cddf;font-weight:400}.projectSection{background:#fff}.projectGrid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.projectCard{background:#f6f9fa;border:1px solid #e0e8eb;overflow:hidden}.projectImage{background:#dfe9ec;height:270px;position:relative;overflow:hidden}.projectImage img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.projectCard:hover .projectImage img{transform:scale(1.035)}.projectImage>span{color:#fff;background:#064960e6;padding:10px 16px;font-size:12px;position:absolute;bottom:0;left:0}.projectBody{padding:28px 30px 26px}.projectIndex{color:#4baac1;letter-spacing:.15em;font-size:10px;font-weight:700}.projectBody h3{margin-top:10px;font-size:25px;font-weight:600}.projectBody>p:not(.projectIndex){min-height:50px;color:var(--muted);margin-top:16px;font-size:14px;line-height:1.8}.projectBody footer{color:#536a75;border-top:1px solid #dbe6e9;margin-top:24px;padding-top:16px;font-size:12px;line-height:1.7}.projectBody footer span{color:#249ab4;margin-right:14px;font-weight:700}.partnerSection{background:#f5fafb;padding-top:84px}.partnerHeading{justify-content:space-between;align-items:end;gap:60px;display:flex}.partnerHeading h2{font-size:clamp(32px,3.4vw,48px)}.partnerHeading>p{max-width:380px;color:var(--muted);padding-bottom:5px;font-size:14px;line-height:1.8}.partnerRail{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:52px;display:grid}.partnerLogo{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;height:132px;padding:28px;display:flex}.partnerLogo img{object-fit:contain;filter:grayscale();opacity:.66;max-width:100%;max-height:62px;transition:filter .25s,opacity .25s}.partnerLogo:hover img{filter:none;opacity:1}.contact{color:#fff;background:var(--navy-deep);padding:124px 0;position:relative;overflow:hidden}.contact:before{content:"";border:1px solid #64deef52;width:520px;height:520px;position:absolute;top:-190px;right:-140px;transform:rotate(45deg)}.contactGlow{filter:blur(100px);background:#29b5d22e;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-60%;left:-10%}.contactGrid{grid-template-columns:.9fr 1.1fr;gap:110px;display:grid;position:relative}.contactLead>p:not(.eyebrow){color:#ffffffa6;max-width:520px;margin-top:28px;font-size:16px;line-height:1.9}.contactLead .button{margin-top:34px}.contactPanel{border-top:1px solid #fff3;border-left:1px solid #fff3;grid-template-columns:1fr 1fr;display:grid}.contactItem{border-bottom:1px solid #fff3;border-right:1px solid #fff3;min-height:155px;padding:28px}.contactItem>span{color:#61d6e8;font-size:12px}.contactItem a,.contactItem p{color:#ffffffd6;margin-top:18px;font-size:15px;line-height:1.8;display:block}.contactItem a{font-size:17px}.footer{background:#fff;padding:28px 0}.footerInner{grid-template-columns:280px 1fr auto;align-items:center;gap:40px;min-height:64px;display:grid}.footerInner img{width:250px}.footerInner p{color:#71828b;font-size:12px}.footerInner p:last-child{text-align:right}@media (max-width:1060px){:root{--wrap:min(100% - 36px, 900px)}.desktopNav,.headerCta{display:none}.siteHeader{justify-content:space-between}.mobileNav{color:#fff;display:block;position:relative}.mobileNav summary{cursor:pointer;padding:12px 0;list-style:none}.mobileNav summary::-webkit-details-marker{display:none}.mobileNav nav{background:#032a3ef5;border:1px solid #fff3;width:190px;padding:12px;display:grid;position:absolute;top:52px;right:0}.mobileNav a{padding:12px 10px;font-size:14px}.hero{min-height:780px}.aboutGrid,.contactGrid{grid-template-columns:1fr;gap:50px}.capabilityGrid{grid-template-columns:repeat(2,1fr)}.solutionsLayout{grid-template-columns:1fr}.solutionVisual{min-height:440px}.partnerRail{grid-template-columns:repeat(3,1fr)}.footerInner{grid-template-columns:230px 1fr}.footerInner p:last-child{text-align:left;grid-column:1/-1}}@media (max-width:720px){:root{--wrap:calc(100vw - 30px)}.siteHeader{min-height:76px}.brand{width:230px;padding:9px 10px}.hero{height:100svh;min-height:760px}.heroMedia{background-image:linear-gradient(90deg,#032034f2,#032b4294),url(/assets/hero-city.webp);background-position:62%}.heroContent{padding-top:180px}.hero h1{font-size:clamp(42px,12vw,60px)}.heroLead{font-size:15px;line-height:1.8}.heroActions{flex-direction:column;align-items:flex-start}.heroBottom{grid-template-columns:repeat(2,1fr);min-height:104px}.heroBottom div{gap:8px;padding:12px 10px}.heroBottom div:nth-child(-n+2){border-bottom:1px solid #ffffff2b}.heroBottom strong{font-size:25px}.section{padding:84px 0}.sectionIntro h2,.sectionHeading h2,.partnerHeading h2,.contact h2{font-size:36px}.aboutCopy{padding-top:0}.aboutCopy .largeCopy{font-size:19px}.splitHeading,.partnerHeading{grid-template-columns:1fr;gap:22px;display:grid}.capabilityGrid{grid-template-columns:1fr}.capabilityCard{min-height:320px}.capabilityEn{margin-top:52px}.solutionVisual{min-height:390px}.solutionList{grid-template-columns:1fr}.solutionList article{min-height:140px}.projectGrid{grid-template-columns:1fr}.projectImage{height:230px}.partnerRail{grid-template-columns:repeat(2,1fr)}.partnerLogo{height:108px;padding:20px}.contact{padding:88px 0}.contactPanel{grid-template-columns:1fr}.footerInner{grid-template-columns:1fr;gap:16px}.footerInner p:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
