:root{--ink:#132b43;--deep:#0b2239;--deep-2:#123954;--paper:#fff;--lime:#00b8a0;--orange:#f3f7fa;--muted:#617487;--dark-line:#dce5ec;--line:rgba(255,255,255,.16)}
body{background:#fff;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
html{scroll-padding-top:112px}h1,h2,h3,h4,p{overflow-wrap:break-word}a,button,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #0cbca7;outline-offset:5px}input:focus,textarea:focus{outline:2px solid #00a68e;outline-offset:2px}.wrap{width:min(1240px,calc(100% - 80px))}
.utility-bar{background:var(--deep);color:#d5e3ed;font-size:11px;letter-spacing:.06em;height:32px}.utility-bar .wrap{display:flex;justify-content:space-between;align-items:center;height:100%}.utility-bar span:last-child{color:#89b8c8}.utility-bar a:hover{color:#fff}
header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e5ebf0;box-shadow:0 4px 24px #102e4310;backdrop-filter:blur(20px)}.nav{height:86px;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:31px;letter-spacing:-1.5px;color:var(--deep);line-height:1}.brand-symbol{position:relative;width:38px;height:38px;transform:rotate(-12deg);border:7px solid var(--lime);border-right-color:var(--ink);border-radius:4px 14px 4px 14px}.brand-word{display:flex;flex-direction:column}.brand .brand-word small{font-size:9px;letter-spacing:4px;font-weight:600;margin-top:6px;color:#617487}.brand span{color:inherit}nav{gap:26px;color:#4b6073;font-size:13px;font-weight:600}nav a:hover{color:#008f7f}.nav-actions{display:flex;align-items:center;gap:16px}.lang-select{color:#38536c;border:0;padding:6px;font-size:12px;font-weight:700}.portal-link{color:var(--ink);padding:0;border:0;font-size:12px;white-space:nowrap}.portal-link:hover{background:transparent;color:#008f7f}.nav-cta{background:var(--deep);color:white;padding:12px 17px;font-size:12px;border-radius:4px;font-weight:600;white-space:nowrap}.nav-cta:hover{background:#184b69}.menu-toggle{display:none;border:1px solid var(--dark-line);background:#fff;color:var(--ink);padding:8px 11px;font-size:19px;border-radius:4px}
.hero{min-height:660px;padding:90px 0 125px;color:white;isolation:isolate;background:#0b2239;display:flex;align-items:center}.hero:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(6,26,46,.97) 0%,rgba(6,26,46,.89) 34%,rgba(6,26,46,.45) 68%,rgba(6,26,46,.18)),url('/port.jpg') center 48%/cover;z-index:-2}.hero:after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(0deg,#0b2239aa,transparent 50%);z-index:-1}.hero .wrap{position:relative}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:.2em}.hero .eyebrow{display:flex;gap:12px;align-items:center;color:#a6eadf}.hero .eyebrow:before{content:'';width:28px;height:2px;background:var(--lime)}.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.06;letter-spacing:-3.8px;max-width:770px;margin:28px 0 24px;font-weight:600}.hero h1 em{font-style:normal;color:#70e2cf}.hero p{max-width:570px;font-size:16px;line-height:1.8;color:#c6d5e1}.actions{gap:12px;margin-top:31px}.button{border-radius:4px;padding:14px 22px;font-size:13px;line-height:1.4;font-weight:700;color:#fff;background:#008f80;border-color:#008f80;transition:background .2s,transform .2s}.button:hover{background:#007a6c;border-color:#007a6c;transform:translateY(-2px)}.button.alt{border-color:#ffffff55;background:#ffffff08;color:#fff}.button.alt:hover{background:#ffffff18;border-color:#fff;color:#fff}.hero-note{display:flex;align-items:center;gap:12px;color:#adc2d2;font-size:11px;margin-top:37px}.hero-note:before{content:'';width:6px;height:6px;border-radius:50%;background:#4fd2b9}
.ticker{position:relative;z-index:2;margin:0;padding:0;border:0;background:#f4f7fa;color:#4b6175}.ticker .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:28px 0}.ticker .wrap>span{padding:0 25px;border-right:1px solid #d9e3eb;font-size:12px;display:flex;gap:13px;align-items:center}.ticker .wrap>span:first-child{padding-left:0}.ticker .wrap>span:last-child{border:0}.ticker b{font-size:11px;font-weight:700;color:#009785}
section{padding:96px 0}.light{background:#fff}.section-head{gap:50px;margin-bottom:40px}.section-head h2,.scope h2,.method h2,.contact h2,.client-platform h2{font-size:clamp(32px,3.5vw,46px);line-height:1.16;letter-spacing:-1.8px;font-weight:600;margin-top:15px;max-width:650px}.section-head p{font-size:14px;line-height:1.85;color:#64768a;max-width:360px;margin:0}.light .kicker,.scope .kicker,.service .kicker{color:#008a7c}.cards{grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;padding:29px;min-height:262px;border:1px solid #dfe7ed;border-radius:7px;background:#fff;justify-content:flex-start;box-shadow:0 5px 15px #203b5014}.card:hover{background:#fff;border-color:#5bbbab;box-shadow:0 12px 28px #153b4d13;transform:translateY(-4px)}.card .num{color:#627c8f;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.service-icon{height:34px;width:34px;padding:5px;color:#008f80;background:#eaf7f3;border-radius:6px}.service-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card strong{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.55px;max-width:310px}.card p{font-size:13px;line-height:1.8;color:#64768a;margin:14px 0 20px}.card .link{margin-top:auto;font-size:11px;letter-spacing:.02em;color:#008f80}.card.portal-card{background:var(--deep);color:#fff;border-color:var(--deep)}.portal-card .num{color:#a2baca}.portal-card .service-icon{background:#ffffff15;color:#70e2cf}.portal-card p{color:#b9cbd9}.portal-card .link{color:#70e2cf}.portal-card:hover{background:#12344e}
.service{padding:75px 0 85px;background:#f4f7fa}.service .section-head h2{font-size:35px}.service-list{display:block;border-top:1px solid #d8e2ea}.service-detail{padding:0;border:0;border-bottom:1px solid #d8e2ea;background:transparent;scroll-margin-top:115px}.service-detail:last-child{border-bottom:1px solid #d8e2ea}.service-summary{padding:25px 2px;grid-template-columns:40px minmax(0,1fr) 26px;gap:20px;align-items:center;cursor:pointer;list-style:none}.service-summary::-webkit-details-marker{display:none}.service-summary:after{content:'+';font-size:25px;color:#008f80;text-align:center;font-weight:400}.service-detail[open] .service-summary:after{content:'−'}.service-number{color:#008f80;font-size:11px}.service-title{font-size:21px;line-height:1.4;letter-spacing:-.5px;font-weight:600}.service-title small{font:11px/1.6 Arial,sans-serif;color:#76899b;letter-spacing:.02em;margin-top:3px}.service-summary>p{display:none}.service-more{margin:0 0 24px 60px;gap:15px}.service-more article{background:white;border:1px solid #e0e7ed;border-radius:5px;padding:21px}.service-more h4{color:#008f80;font-size:10px;letter-spacing:.08em}.service-more p{color:#64768a;font-size:13px;line-height:1.85}.service-more a{display:block;margin-top:16px;font-size:12px;color:#008f80;font-weight:600}
.method{background:var(--deep);color:#fff;position:relative;overflow:hidden}.method-grid{gap:90px;align-items:center}.method h2{font-size:46px}.method .kicker{color:#70e2cf}.method p{color:#aebfce;font-size:15px;line-height:1.85}.method .button{margin-top:15px}.steps{gap:16px;background:transparent;counter-reset:step}.step{border:1px solid #ffffff20;background:#ffffff04;border-radius:6px;padding:25px;min-height:195px}.step b{color:#70e2cf;font-size:11px}.step h3{font-size:21px;letter-spacing:-.5px;margin:23px 0 9px;font-weight:600}.step p{font-size:13px;line-height:1.75}
.scope{background:#fff;padding:85px 0}.scope-grid{gap:100px;align-items:start}.scope h2{font-size:38px}.scope p,.scope li{color:#64768a;font-size:13px;line-height:1.9}.scope ul{margin:0}.scope li{padding:16px 0}.scope li:before{color:#008f80}
.contact{background:#edf4f7;color:var(--ink);padding:90px 0}.contact-grid{gap:100px;align-items:start}.contact .eyebrow{color:#008f80}.contact h2{font-size:46px}.contact p{color:#64768a;font-size:15px;line-height:1.85}.form{background:#fff;border:1px solid #dfe8ed;border-radius:8px;padding:32px;gap:17px;box-shadow:0 16px 45px #153b4d0a}.form label{font-size:10px;letter-spacing:.04em;color:#38516b;gap:7px}.form input,.form select,.form textarea{border:1px solid #d8e2e9;border-radius:4px;background:#fafcfd;padding:12px;font-size:14px;color:var(--ink);width:100%;min-width:0;text-transform:none;letter-spacing:0}.form input::placeholder,.form textarea::placeholder{color:#8b9aa9}.form button{background:#008f80;color:#fff;border-radius:4px;font-size:13px;padding:15px}.form button:hover{background:#007b6d}.form button:disabled{opacity:.6;cursor:wait}.form .success{font-size:13px;color:#1c604b}.contact-trust{margin-top:32px;padding-top:22px;border-top:1px solid #d0dee6;max-width:390px;font-size:12px;color:#64768a}
.client-platform{background:#fff;padding:90px 0}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.client-platform .kicker{color:#008f80}.client-platform p{font-size:14px;color:#64768a;max-width:450px;line-height:1.85}.client-platform .button{margin-top:15px}.platform-panel{background:#f6f9fb;border:1px solid #dbe5ec;border-radius:8px;box-shadow:0 14px 45px #1337500d;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 27px;border-bottom:1px solid #dbe5ec}.panel-mark{font-size:20px;font-weight:800;letter-spacing:-1px}.panel-mark span{font-size:10px;letter-spacing:2px;font-weight:500;color:#7c8e9f}.panel-label{color:#008573;background:#e4f3ec;padding:5px 9px;font-size:9px;border-radius:4px}.platform-feature{padding:23px 27px;display:flex;gap:18px;align-items:center}.platform-feature+.platform-feature{border-top:1px solid #e3eaf0}.feature-icon{color:#008f80;font-size:11px;background:#e4f1ef;border-radius:6px;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.platform-feature h3{font-size:14px;line-height:1.3;margin:0 0 4px;font-weight:600}.platform-feature p{font-size:11px;line-height:1.4;margin:0}.platform-feature>span:last-child{margin-left:auto;color:#8198aa}.panel-bottom{background:#edf3f6;border-top:1px solid #dbe5ec;padding:17px 27px;display:block;font-size:11px;color:#008f80;font-weight:700}
footer{background:var(--deep);color:#b6c8d7;padding:45px 0 25px;font-size:11px;border:0}footer .wrap{align-items:center}.footer-top{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #ffffff18}.footer-top .brand{color:#fff}.footer-top a{color:#b6c8d7;font-size:12px}.footer-top .brand small{color:#b6c8d7}.footer-links{display:flex;gap:25px}.muted{color:#8ca5b9;font-size:10px;max-width:500px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px;color:var(--ink)}.skip-link:focus{top:10px}
@media(min-width:1500px){.hero{min-height:720px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}nav{gap:16px}.nav{gap:16px}.nav-actions{gap:12px}.nav-cta{display:none}.hero h1{max-width:680px}.method-grid,.contact-grid,.scope-grid,.platform-grid{gap:45px}.ticker .wrap>span{padding:0 15px}.hero{min-height:630px}}
@media(max-width:800px){html{scroll-padding-top:82px}.nav{height:74px}.menu-toggle{display:block}.nav-actions{margin-left:auto}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px 24px;background:#fff;border-bottom:1px solid #dce5ec;box-shadow:0 12px 16px #153b4d10}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:13px 0}.hero{min-height:600px;padding:65px 0 85px}.hero h1{font-size:60px;max-width:650px;letter-spacing:-2.7px}.hero p{font-size:15px;max-width:510px}.hero:before{background-image:linear-gradient(90deg,#061a2ef0,#061a2e9e),url('/port.jpg')}.ticker .wrap{grid-template-columns:repeat(2,1fr);gap:20px;padding:23px 0}.ticker .wrap>span{padding:0;border:0}.cards{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;gap:25px}.section-head h2{font-size:36px}.section-head p{max-width:280px;font-size:13px}.method-grid,.contact-grid,.scope-grid,.platform-grid{grid-template-columns:1fr;gap:35px}.method h2,.contact h2{font-size:39px}.steps{margin-top:0}.service-more{grid-template-columns:1fr;margin-left:0}.service-title{font-size:19px}.service-summary{gap:12px;grid-template-columns:27px minmax(0,1fr) 22px}.scope h2{font-size:35px}.form-row{grid-template-columns:1fr 1fr}.client-platform h2 br{display:none}.client-platform p{max-width:100%}.platform-panel{max-width:600px}section{padding:70px 0}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.utility-bar{font-size:9px;height:28px;letter-spacing:.02em}.utility-bar span:last-child{display:none}.brand{font-size:26px;gap:8px}.brand-symbol{width:30px;height:30px;border-width:6px}.brand .brand-word small{font-size:7px;letter-spacing:3.3px;margin-top:5px}.nav{gap:10px}.nav-actions{gap:9px}.portal-link{font-size:10px}.lang-select{font-size:10px;padding:3px}.menu-toggle{font-size:17px;padding:6px 9px}.hero{min-height:560px;padding:56px 0 64px}.hero h1{font-size:46px;line-height:1.1;letter-spacing:-1.8px;margin:23px 0}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero p{font-size:14px;line-height:1.85}.actions .button{padding:13px 16px;font-size:12px}.hero-note{font-size:10px;line-height:1.7;margin-top:26px;max-width:280px}.ticker .wrap>span{font-size:10px;gap:9px}.section-head{display:block}.section-head p{max-width:100%;margin-top:20px}.section-head h2{font-size:33px;letter-spacing:-1px}.cards{grid-template-columns:1fr;gap:14px}.card{min-height:230px;padding:25px}.card .num{margin-bottom:18px}.card strong{font-size:23px;max-width:100%}.card p{margin:12px 0 20px}.service .section-head h2{font-size:30px}.service-title{font-size:17px}.service-title small{font-size:10px}.steps{gap:12px}.step{padding:20px;min-height:185px}.step h3{font-size:19px}.step p{font-size:12px}.contact h2,.method h2{font-size:36px}.form{padding:23px}.form-row{grid-template-columns:1fr}.platform-feature{padding:20px}.panel-heading{padding:20px}.panel-mark span{letter-spacing:1px}.footer-top{align-items:start!important;gap:25px!important}.footer-links{gap:17px;flex-wrap:wrap}.contact,.scope,.client-platform{padding:65px 0}}
footer .corporate-info{display:grid;grid-template-columns:1.2fr .85fr 1.15fr;gap:50px;align-items:start;padding-bottom:32px}.corporate-info h3{font-size:15px;line-height:1.6;font-weight:600;color:#eef5fb;margin:0 0 12px;letter-spacing:0}.corporate-info h4{color:#e5f0f8;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0 0 16px}.corporate-info p{font-size:12px;line-height:1.8;color:#a9bfd1;margin:8px 0;max-width:310px}.corporate-info .corporate-chinese{font-size:16px;color:#c4d6e5;letter-spacing:.12em}.corporate-info dl{margin:0}.corporate-info dl>div+div{margin-top:14px}.corporate-info dt{font-size:10px;line-height:1.6;color:#8ca5b9}.corporate-info dd{font-size:14px;color:#dce9f3;margin:4px 0 0;letter-spacing:.04em}.corporate-info address{font-style:normal;font-size:12px;line-height:1.9;color:#b6c8d7}.corporate-source{display:inline-block;margin-top:15px;font-size:11px;color:#70e2cf}.corporate-source:hover{text-decoration:underline}footer .footer-bottom{border-top:1px solid #ffffff18;padding-top:23px;gap:20px}.footer-bottom>span:first-child{font-size:10px;color:#9bb1c3}@media(max-width:800px){footer .corporate-info{grid-template-columns:1fr 1fr;gap:30px}.corporate-identity{grid-column:1/-1}}@media(max-width:520px){footer .corporate-info{grid-template-columns:1fr;gap:28px}.corporate-identity{grid-column:auto}footer .footer-bottom{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}