:root{--ink:#101f35;--muted:#5b6b7b;--blue:#0769cc;--line:#dce4ed;--pale:#f3f7fb;--navy:#09233e;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.8;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #009dd6;outline-offset:6px}a:hover{color:var(--blue)}.wrap{width:min(var(--max),calc(100% - 100px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:15px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:inline-flex;flex-direction:column;line-height:1.2;flex:none}.brand-name{font-size:30px;letter-spacing:5px;font-weight:800}.brand-city{font-size:19px;letter-spacing:3px;border-left:1px solid #abbaca;margin-left:12px;padding-left:15px;font-weight:500}.brand-sub{font-size:10px;font-weight:700;letter-spacing:2.4px;margin-top:8px;color:var(--blue)}nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}nav a{padding:12px 0}.nav-contact{background:var(--blue);color:white;padding:13px 27px}nav .nav-contact:hover{background:#0757aa;color:white}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:690px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#e7f1f8}.hero-image{position:absolute;inset:0;z-index:-2;background:url('network.jpg') center/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,249,252,.99),rgba(244,249,253,.9) 31%,rgba(230,242,251,.25) 72%,rgba(214,234,247,.08));z-index:-1}.hero-content{padding-top:64px;padding-bottom:100px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.2px;color:var(--blue);margin:0 0 25px}.hero h1{font-size:clamp(36px,4.25vw,66px);line-height:1.43;letter-spacing:.02em;font-weight:600;margin:0 0 27px}.hero h1 span{color:var(--blue)}.hero-description{color:#526579;font-size:18px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--blue);color:#fff}.primary:hover{background:#004f9c;color:white;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid #657b91;padding-bottom:5px}.hero-bottom{display:flex;align-items:center;gap:30px;padding-bottom:24px;font-size:12px;font-weight:600;letter-spacing:1px}.hero-location{font-size:10px;color:#42627f;letter-spacing:1.7px;margin-left:auto}.hero-location span{margin:0 14px}.scroll-link{margin-left:25px;font-size:12px}.scroll-link span{margin-left:15px}.intro-strip{background:white;border-bottom:1px solid var(--line)}.intro-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:21px;font-size:13px;color:var(--muted)}.intro-strip p{margin:0;color:#254868;font-size:14px;letter-spacing:1px}.intro-strip p span{color:#9fb1c4;margin:0 26px}.section{padding-top:100px;padding-bottom:100px;scroll-margin-top:25px}.section-label{display:flex;align-items:center;gap:18px;color:var(--blue);font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:40px}.section-number{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #b6c9dc;font-size:10px;letter-spacing:0}h2{font-size:clamp(29px,3vw,43px);line-height:1.5;letter-spacing:.03em;font-weight:600;margin:0}h3{font-size:23px;font-weight:600}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.section-lead{font-size:18px;color:#4f657a;margin-top:28px}.about-copy{padding-top:5px}.about-copy p{font-size:15px;color:var(--muted);margin:0 0 23px;line-height:2.1}.external{margin-top:10px;display:inline-block}.external span{font-size:12px;font-weight:400}.company-facts{display:grid;grid-template-columns:1.15fr 1fr 1fr;margin:50px 0 0;border-top:1px solid var(--line);padding-top:26px;gap:30px}.company-facts div+div{border-left:1px solid var(--line);padding-left:30px}.company-facts dt{font-size:12px;color:var(--muted);margin-bottom:8px}.company-facts dd{margin:0;font-size:15px}.services{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading>p{color:var(--muted);font-size:15px;margin-bottom:6px;line-height:1.9}.service{border-top:1px solid #c8d6e4}.service:last-child{border-bottom:1px solid #c8d6e4}summary{list-style:none;display:grid;grid-template-columns:210px 1fr 1fr 24px;align-items:center;gap:15px;padding:31px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-index{font-size:10px;letter-spacing:1.2px;color:var(--blue);font-weight:700}.service-title{font-size:25px;font-weight:600}.service-summary{font-size:14px;color:var(--muted)}.expand{width:20px;height:20px;position:relative}.expand:before,.expand:after{content:"";position:absolute;top:9px;left:2px;width:16px;height:1px;background:var(--blue)}.expand:after{transform:rotate(90deg);transition:transform .2s}details[open] .expand:after{transform:rotate(0)}.service-body{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-left:225px;padding-bottom:30px}.service-body p{font-size:14px;color:var(--muted);line-height:2;margin:0}.service-body ul{margin:0;padding:0;list-style:none;font-size:13px;color:#39536c}.service-body li{margin-bottom:7px}.service-body li:before{content:"—";margin-right:12px;color:#80a7cf}.service-note{font-size:12px;color:var(--muted);margin:25px 0 0}.network{background:var(--navy);color:#fff;position:relative}.light{color:#85c6ff}.light .section-number{border-color:#416580}.network-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:60px}.network-heading p{color:#b4c5d6;font-size:15px}.network-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:0;border-top:1px solid #44627d}.city{position:relative;padding:32px 24px 20px 32px}.city:before{content:"";position:absolute;top:-5px;left:32px;background:#76a3c9;border:3px solid var(--navy);width:9px;height:9px;outline:1px solid #76a3c9;border-radius:50%}.city+.city{border-left:1px solid #304c67}.city.featured{background:linear-gradient(130deg,rgba(30,114,187,.25),transparent);padding-left:0}.city.featured:before{left:0;background:#72c8ff;outline-color:#72c8ff}.city-en{font-size:11px;letter-spacing:2.5px;color:#86b9e4}.city h3{font-size:32px;line-height:1.5;margin:19px 0 14px}.city-line{display:flex;align-items:center;gap:18px}.city-badge{font-size:10px;border:1px solid #517da4;padding:1px 9px;color:#b6defe}.city-role{color:#dbe9f5;font-size:15px}.city-company{font-size:12px;color:#9db3c7;margin-top:30px}.network-footer{border-top:1px solid #304c67;margin-top:44px;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:1.2px;color:#8caac2}.network-footer a{color:#d5e8f8;letter-spacing:0;font-size:12px}.network-footer a:hover{color:white}.steps{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps li{border-top:1px solid #adbed0;padding-top:24px}.steps li>span{font-size:12px;color:var(--blue)}.steps h3{font-size:22px;margin:15px 0}.steps p{font-size:14px;color:var(--muted);line-height:1.95;margin:0}.contact{background:#ebf3fb}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.contact h2{font-size:43px}.contact p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9;margin-top:24px}.contact .button{margin-top:15px}.contact p.contact-note{font-size:12px;margin-top:18px;color:#687d90}.contact-info{align-self:center;border-left:1px solid #bacde0;padding:15px 0 15px 60px}.contact-info h3{font-size:23px;margin:18px 0 28px}.contact-info dl{margin:0}.contact-info dt{font-size:12px;color:#6c7e90;margin-top:23px}.contact-info dd{margin:6px 0 0;font-size:14px;line-height:1.9}.footer{padding:52px 0 23px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-main p{font-size:12px;color:var(--muted);margin-top:21px}.group-brand{display:flex;flex-direction:column;gap:13px}.group-brand>span{font-size:10px;color:var(--muted);letter-spacing:1px}.group-brand img{display:block;max-width:100%;height:auto}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;font-size:11px;color:var(--muted)}.footer-bottom div{display:flex;gap:25px}.privacy-main{max-width:800px;margin:auto;padding:70px 30px 100px}.privacy-main h1{font-size:36px}.privacy-main h2{font-size:22px;margin-top:36px}.privacy-main p{color:var(--muted);font-size:15px}.privacy-main a{color:var(--blue);text-decoration:underline}.reveal{animation:appear .7s both}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:760px}.header{padding-inline:max(50px,calc((100vw - 1380px)/2))}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}nav{gap:25px}.hero{min-height:630px}.hero h1{font-size:47px}.hero-location{display:none}.scroll-link{margin-left:auto}.about-grid{gap:50px}summary{grid-template-columns:160px 1fr 1fr 20px}.service-body{margin-left:175px;gap:30px}.contact-grid{gap:40px}.contact-info{padding-left:35px}.city{padding-left:23px}.city:before{left:23px}.city-company{font-size:11px}.company-facts dd{font-size:13px}.section{padding-block:80px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:20px}.brand-name{font-size:25px}.brand-city{font-size:16px;margin-left:8px;padding-left:11px}.brand-sub{font-size:8px;letter-spacing:1.9px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--ink);font-size:13px;padding:10px 0 10px 16px}.menu-bars{width:21px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.menu-toggle[aria-expanded="true"] .menu-bars{height:1px;border-bottom:0;transform:rotate(45deg)}nav{position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px 20px;box-shadow:0 15px 20px #163a5010}body.js nav{display:none}body.js nav.open{display:flex}nav a{padding:15px 10px}nav .nav-contact{margin-top:10px;text-align:center}.hero{min-height:655px}.hero-content{padding-top:60px;padding-bottom:90px}.hero-image{background-position:65% center}.hero:before{background:linear-gradient(90deg,rgba(245,249,252,.97),rgba(244,249,253,.83) 58%,rgba(230,242,251,.45))}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:26px}.hero h1{font-size:clamp(30px,7.8vw,45px);line-height:1.55;letter-spacing:0;margin-bottom:23px}.hero-description{font-size:15px}.hero-actions{gap:22px;flex-wrap:wrap;margin-top:30px}.button{font-size:13px;padding:13px 21px}.text-link{font-size:12px}.hero-bottom{font-size:10px;gap:8px;padding-bottom:22px;letter-spacing:0}.scroll-link{font-size:10px}.scroll-link span{margin-left:8px}.intro-strip .wrap{display:block;padding-block:22px;font-size:11px}.intro-strip p{font-size:12px;margin-top:10px}.intro-strip p span{margin:0 16px}.section{padding-block:64px}.section-label{font-size:10px;margin-bottom:28px}.about-grid{grid-template-columns:1fr;gap:20px}h2{font-size:30px}.section-lead{font-size:16px;margin:22px 0 0}.about-copy p{font-size:14px;margin-bottom:18px}.company-facts{grid-template-columns:1fr;gap:20px;margin-top:33px;padding-top:24px}.company-facts div{display:grid;grid-template-columns:86px 1fr;gap:18px}.company-facts div+div{border-left:0;padding-left:0}.company-facts dt{margin:0;font-size:11px}.company-facts dd{font-size:13px}.section-heading,.network-heading{display:block;margin-bottom:32px}.section-heading>p,.network-heading>p{font-size:14px;margin:23px 0 0}summary{grid-template-columns:1fr 20px;gap:8px;padding-block:24px}.service-index{grid-column:1;font-size:9px}.service-title{grid-column:1;font-size:23px}.service-summary{grid-column:1;font-size:12px}.expand{grid-column:2;grid-row:1/4}.service-body{display:block;margin:0;padding-bottom:28px}.service-body p{font-size:13px}.service-body ul{margin-top:17px;font-size:12px}.service-note{font-size:11px}.network-grid{grid-template-columns:1fr;border-top:0;gap:0}.city,.city.featured{padding:24px 20px 24px 28px;border-left:1px solid #44627d}.city+.city{border-left:1px solid #44627d;border-top:1px solid #304c67}.city:before,.city.featured:before{top:34px;left:-5px}.city h3{font-size:28px;margin:10px 0}.city-company{margin-top:18px;font-size:12px}.city-role{margin:6px 0;font-size:14px}.network-footer{display:block;margin-top:20px;padding-top:23px}.network-footer>span{font-size:9px}.network-footer a{display:block;margin-top:16px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps li{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding-top:21px}.steps li>span{grid-row:1/3;padding-top:5px}.steps h3{font-size:20px;margin:0 0 10px}.steps p{font-size:13px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact h2{font-size:34px}.contact p:not(.eyebrow){font-size:14px}.contact p.contact-note{font-size:11px}.contact-info{border-left:0;border-top:1px solid #bacde0;padding:30px 0 0}.contact-info h3{font-size:20px}.contact-info dd{font-size:13px}.footer{padding-top:37px}.footer-main{align-items:flex-start;flex-direction:column;gap:24px}.group-brand img{width:218px}.footer-bottom{font-size:10px;display:block;margin-top:28px}.footer-bottom>div{margin-top:13px}.privacy-main h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.primary:hover{transform:none}}
@media(max-width:760px){body:not(.js) .header{height:auto;flex-wrap:wrap;padding-top:15px}body:not(.js) nav{position:static;width:100%;box-shadow:none}body:not(.js) .menu-toggle{display:none}}

/* Bilingual navigation: native buttons, stable labels and a visible active state. */
.language-switch{display:flex;align-items:center;gap:3px;border:1px solid #bfd0e1;border-radius:5px;padding:3px;flex:none;order:3}
.language-switch[hidden]{display:none}
.language-switch button{border:0;background:transparent;color:var(--muted);padding:8px 10px;min-height:40px;font-size:12px;line-height:1.2;border-radius:3px;cursor:pointer;white-space:nowrap}
.language-switch button[aria-pressed="true"]{background:var(--blue);color:#fff;font-weight:700}
.header{gap:20px}.header nav{order:2}.menu-toggle{order:4}
.company-translation{display:block;font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6}
html[lang="en"] .brand-name{font-size:25px;letter-spacing:0}
html[lang="en"] .brand-city{font-size:16px;letter-spacing:0}
html[lang="en"] .hero h1{font-size:clamp(34px,4vw,60px);line-height:1.3;max-width:1050px;letter-spacing:-.025em}
html[lang="en"] .hero h1 span{display:block}
html[lang="en"] h2{letter-spacing:-.02em;line-height:1.3}
html[lang="en"] .service-title{font-size:22px;line-height:1.4}
html[lang="en"] .intro-strip p{letter-spacing:0}
html[lang="en"] .intro-strip p span{margin:0 12px}
html[lang="en"] .hero-bottom{letter-spacing:0}
.header>*{min-width:0}.company-facts dd,.city-company,.contact-info h3{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1150px){.header{padding-inline:24px;gap:14px}.header nav{gap:15px;font-size:12px}.header .nav-contact{padding:12px 14px}.language-switch button{padding:8px 7px}html[lang="en"] .header .brand-name{font-size:21px}html[lang="en"] .header .brand-city{font-size:14px;margin-left:7px;padding-left:8px}}
@media(max-width:760px){
  .header{height:auto;min-height:118px;padding-block:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 15px}
  .header>.brand{grid-column:1;grid-row:1}.header>.menu-toggle,.header>.text-link{grid-column:2;grid-row:1}
  .header>.language-switch{grid-column:1/-1;grid-row:2;justify-self:start}
  .header nav{top:100%}.language-switch button{min-height:34px;padding:8px 12px}
  html{scroll-padding-top:145px}html[lang="en"] .brand-name{font-size:23px}html[lang="en"] .brand-city{font-size:15px}
  html[lang="en"] .hero h1{font-size:clamp(29px,7vw,43px)}html[lang="en"] .hero-description{font-size:14px}
  html[lang="en"] .hero-location{display:none}html[lang="en"] .hero-bottom{flex-wrap:wrap}
  html[lang="en"] .intro-strip p{line-height:2}html[lang="en"] .contact .button{padding-inline:18px;font-size:12px}
  body:not(.js) .header{display:flex}body:not(.js) .header nav{width:100%}
  .privacy-main{padding-inline:20px}.utility-header .brand{font-size:15px}
}
@media(max-width:360px){.header{padding-inline:14px;gap:8px}.header>.text-link{font-size:11px}html[lang="en"] .header .brand-name{font-size:20px}html[lang="en"] .header .brand-city{font-size:13px}}