.particle-world #particle-field{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;z-index:-1!important;pointer-events:none;opacity:.8;animation:none!important}
.particle-world .hero-content h1{text-shadow:0 3px 8px #071121}
.particle-world .hero-content>p{color:#c5d2e6;text-shadow:0 2px 4px #061020}
.particle-world .hero .field-controls{background:#0b172cdd;border:1px solid #4e5d79}
.particle-world .hero .field-controls button[aria-pressed="true"]{background:#a6a0ed;color:#12203b;box-shadow:none}
.particle-world #motion-toggle{position:fixed;bottom:19px;left:22px;z-index:20;background:#0a162bef;border:1px solid #52617d;color:#cbd5e8;box-shadow:0 2px 10px #0003}
.particle-world .hero-bottom{padding-left:130px}
.particle-world .service-card,.particle-world .service-card.featured{background:#0a1626ed}
.particle-world .architecture,.particle-world .process-detail{background:#102039ed}
.particle-world .section-heading,.particle-world .solution-copy,.particle-world .steps{text-shadow:0 2px 5px #06101e}
@media(max-width:760px){.particle-world #particle-field{opacity:.65}.particle-world #motion-toggle{bottom:12px;left:12px;font-size:10px;padding:7px 9px}.particle-world .hero-bottom{padding-left:100px}.particle-world .hero .field-controls{left:7%;right:auto;max-width:86%}.particle-world .field-controls button{padding:7px 9px}.particle-world .hero-content .eyebrow{top:112px}}
.particle-world #motion-toggle{padding:8px 12px;border-radius:3px;font-size:11px;cursor:pointer}

.particle-world .hero-bottom{padding-left:0}
/* Keep primary navigation available throughout the page. */
.particle-world .header{position:sticky;top:0;z-index:50;width:100%;background:#081326;border-bottom:1px solid #34425b;box-shadow:0 5px 18px #02081433}
html{scroll-padding-top:104px}
@media(max-width:760px){html{scroll-padding-top:90px}.particle-world .header nav{max-height:calc(100svh - 76px);overflow-y:auto}}

html:not([lang="zh-HK"]) .relief-brand>span{font-family:inherit;letter-spacing:.2px;font-size:24px;font-weight:500}.relief-brand>small[hidden]{display:none}
@media(max-width:760px){html:not([lang="zh-HK"]) .relief-brand>span{font-size:22px}}
.particle-world footer{display:block;background:#081326ed;padding:32px 5% 26px;color:#aab7cf}.footer-main,.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-main{padding-bottom:25px;border-bottom:1px solid #34415a}.footer-main>.brand{color:#e2e9f7;font-size:22px}.footer-main>span{margin-inline-end:auto;color:#8c9ebc}.footer-legal{padding-top:20px}.footer-legal small{font-size:11px}.footer-legal nav{display:flex;gap:22px}.footer-legal button{background:none;border:0;padding:5px 0;color:#c6cfe1;font:inherit;font-size:12px;cursor:pointer}.footer-legal button:hover{color:#bcb4ff}.legal-dialog{width:min(680px,calc(100% - 32px));background:#0d1b31;color:#e4ebf7;border-color:#526582}.legal-dialog p{font-size:14px;line-height:1.9;color:#bfcce1}.legal-dialog::backdrop{background:#020812d9;backdrop-filter:none}@media(max-width:760px){.footer-main{flex-wrap:wrap;gap:15px}.footer-main>.brand{width:auto}.footer-main>span{margin-inline-end:0}.footer-main>a:last-child{width:100%}.footer-legal{align-items:flex-start;flex-direction:column;gap:14px}.footer-legal nav{flex-wrap:wrap}.legal-dialog{padding:32px 24px}}
.footer-identity{display:grid;gap:9px}.footer-identity .brand{font-size:22px;color:#e4ebf7}.footer-identity .legal-entity{font-size:12px;color:#b9c5d9}.footer-identity>span:last-child{font-size:11px;color:#91a3bd}.footer-identity a:hover,.legal-dialog a{color:#bcb4ff}.footer-legal small{line-height:1.8}.legal-dialog a{overflow-wrap:anywhere}@media(max-width:760px){.footer-identity{width:100%}.footer-main>a:last-child{margin-left:0}}

/* Locale typography and room for native language names. */
.language-control select{width:126px}
.solution-copy,.architecture{min-width:0;overflow-wrap:anywhere}
html[lang="de"] .solution-copy,html[lang="de"] .architecture{hyphens:auto}
html[lang="zh-HK"] body,html[lang="zh-HK"] .relief-brand>span{font-family:'Microsoft JhengHei','PingFang HK','Noto Sans TC',system-ui,sans-serif}
html[lang="ja"] body{font-family:'Yu Gothic','Hiragino Kaku Gothic ProN','Meiryo',system-ui,sans-serif}
html[lang="ko"] body{font-family:'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif}
html[lang="ja"] .hero-content h1,html[lang="ko"] .hero-content h1{letter-spacing:0;line-height:1.25}
html[lang="ko"] .hero-content h1,html[lang="ko"] .section-heading h2{word-break:keep-all}
@media(min-width:761px){.hero-content h1{max-width:51%}html[lang="ja"] .hero-content h1{font-size:clamp(30px,3.5vw,55px)}}
@media(max-width:760px){.language-control select{width:112px}.header{gap:7px}.particle-world .hero-content>p{bottom:170px;font-size:12px}.hero-actions{gap:8px}.hero-actions .button{white-space:normal}.hero-content h1{overflow-wrap:break-word}html[lang="ja"] .hero-content h1,html[lang="ko"] .hero-content h1{font-size:clamp(26px,7.6vw,39px)}}
@media(max-width:380px){.language-control select{width:106px}.header .brand{font-size:15px}.header .brand-light{font-size:15px}}

@media(max-width:760px){html[dir="rtl"] .particle-world .relief-brand{left:auto;right:7%}html[dir="rtl"] .particle-world .hero-content .eyebrow{left:auto;right:7%}}
