:root{--ink:#1c293b;--deep:#122741;--text:#53647b;--line:#e3e9f0;--mist:#f4f8fc;--white:#fff;--blue:#176bca;--blue-dark:#1358a8;--magenta:#c40885;--green:#0eba7f;--cyan:#41b8df;--yellow:#ffcd24;--orange:#ec572a;--shadow:0 16px 46px rgba(19,42,74,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Noto Sans SC','Microsoft YaHei',Arial,sans-serif;font-size:15px;line-height:1.76;overflow-x:hidden;background:white}body.locale-en{font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #57b4f7;outline-offset:2px}img{max-width:100%}.container{width:min(1160px,calc(100% - 64px));margin:0 auto}.copy-en{display:none}.locale-en .copy-en{display:inline}.locale-en .copy-zh{display:none}.lang-en{display:none}.locale-en .lang-en{display:block}.locale-en .lang-zh{display:none}
.preview-bar{background:#163454;color:#e1ecfa;text-align:center;padding:8px 20px;font-size:11px;letter-spacing:.025em}.preview-bar a{text-decoration:underline;text-underline-offset:3px}.brand-rule{display:flex;gap:0;height:4px}.brand-rule i:nth-child(1){background:#48bee5;flex:1}.brand-rule i:nth-child(2){background:#ffcf17;flex:1}.brand-rule i:nth-child(3){background:#bf097e;flex:1}.brand-rule i:nth-child(4){background:#ed5833;flex:1}.brand-rule i:nth-child(5){background:#00bd79;flex:1}
.header{background:white;position:sticky;top:0;z-index:30;border-bottom:1px solid #e5ebf2;box-shadow:0 7px 22px #15315207}.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo-link{display:flex;align-items:center;min-width:232px}.logo-link img{display:block;width:228px;max-height:74px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px;flex:1;justify-content:flex-end}.nav a{font-size:13px;color:#324256;font-weight:650;white-space:nowrap;position:relative}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active:after{position:absolute;content:'';height:2px;background:var(--blue);bottom:-14px;left:0;right:0}.header-right{display:flex;align-items:center;gap:11px}.lang-switch{display:flex;border-radius:30px;padding:3px;background:#edf4fc}.lang-switch button{border:0;background:none;border-radius:30px;color:#718099;font-size:12px;padding:5px 11px}.lang-switch button.active{background:white;color:var(--blue);box-shadow:0 2px 5px #15385b1c;font-weight:750}.menu-button{display:none;border:0;background:white;font-size:26px;line-height:1;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 22px;font-size:13px;font-weight:750;transition:.2s;white-space:nowrap}.btn-primary{background:var(--blue);color:white;box-shadow:0 9px 25px #176bca2b}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-quiet{border:1px solid #cad7e8;color:var(--blue);background:white}.btn-quiet:hover,.btn-outline:hover{border-color:var(--blue);background:#f5faff}.btn-outline{border:1px solid #c5d2e3;background:white;color:var(--blue)}.btn-white{background:white;color:#176bca}.text-link{color:var(--blue);font-weight:750;font-size:13px}.text-link:hover{text-decoration:underline}.tiny-arrow{font-size:18px;color:var(--blue)}
.home-hero{background:radial-gradient(circle at 75% 28%,#e3f1fe 0,transparent 35%),linear-gradient(117deg,#f8fbff 0%,#eef5ff 70%,#fafcff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:20px;min-height:590px;padding-top:55px;padding-bottom:55px}.hero-copy{max-width:595px;z-index:1}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #c9dcee;border-radius:30px;padding:6px 14px;font-size:11px;letter-spacing:.045em;color:#35628f;background:white;font-weight:650}.pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #0eba7f22}.hero-copy h1{font-size:clamp(44px,5.35vw,76px);line-height:1.22;margin:25px 0 24px;letter-spacing:-.055em;font-weight:850}.blue-text{color:var(--blue)}.hero-lede{font-size:16px;color:#586b84;line-height:1.95;max-width:530px}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.hero-proof{margin-top:53px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.hero-proof span{display:block;border-left:2px solid #bbd6f4;padding-left:12px}.hero-proof b{display:block;font-size:15px;color:#163450;line-height:1.4}.hero-proof small{display:block;font-size:10px;color:#728297;margin-top:5px}
.hero-graphic{min-height:490px;position:relative}.graphics-glow{width:410px;height:410px;background:linear-gradient(140deg,#b8dbff,#e8efff);border-radius:45%;position:absolute;right:-46px;top:45px;filter:blur(3px);opacity:.62}.doc-mini{position:absolute;background:white;border-radius:15px;box-shadow:0 25px 65px #24405e20;border:1px solid #e1eaf6;padding:28px}.doc-back{width:300px;height:350px;top:76px;right:18px;transform:rotate(10deg)}.doc-front{width:347px;height:395px;top:39px;left:15px;transform:rotate(-5deg)}.doc-mini-tag{font-size:10px;color:#90a0b2;letter-spacing:.12em;font-weight:750}.doc-mini-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.doc-dots{display:flex;gap:4px}.doc-dots i{width:5px;height:18px;border-radius:3px;background:var(--blue);transform:rotate(13deg)}.doc-dots i:nth-child(2){background:var(--magenta)}.doc-dots i:nth-child(3){background:var(--yellow)}.doc-dots i:nth-child(4){background:var(--green)}.doc-front h3{font-size:33px;line-height:1.24;letter-spacing:-.035em;margin:26px 0 9px;color:#132c47}.doc-front p{font-size:11px;color:#6a8198}.doc-compare{display:flex;margin:28px 0 13px;color:var(--blue);font-size:11px;font-weight:800;gap:12px}.doc-compare span{flex:1}.doc-line{display:flex;gap:15px;margin:15px 0}.doc-line i{height:9px;border-radius:7px;background:#dae7f2;display:block;flex:1}.doc-line i:last-child{background:#b9dafa}.doc-line:nth-last-of-type(2) i:first-child{width:60%}.doc-bottom{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.doc-bottom span{padding:6px 8px;background:#e9f8f4;border-radius:6px;color:#328069;font-size:10px}.doc-back b{display:block;margin:28px 0;color:#284159;font-size:23px}.skelet-row{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #e6eaf0}.skelet-row i{height:10px;background:#e2eaf1;border-radius:4px;flex:1}.skelet-row i:first-child{flex:.6}.doc-mini-stamp{border:1px solid #d1dce9;padding:4px 8px;display:inline-block;margin-top:33px;font-size:10px;color:#71849b}.float-note{position:absolute;bottom:7px;right:10px;color:#123b68;background:white;box-shadow:var(--shadow);border-radius:8px;padding:10px 15px;font-size:11px;font-weight:700;transform:rotate(4deg)}
.trustline{border-bottom:1px solid var(--line);background:#fff}.trustline-inner{display:flex;gap:31px;justify-content:space-between;align-items:center;padding-top:17px;padding-bottom:17px;color:#8996a7;font-size:12px;flex-wrap:wrap}.trustline b{color:#2e4359;font-size:12px}.section{padding:88px 0}.section-tinted{background:#f4f8fc}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--blue);font-weight:850;margin:0 0 16px}.section h2{font-size:clamp(27px,3.05vw,41px);line-height:1.35;margin:0 0 17px;letter-spacing:-.028em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-heading>div{max-width:790px}.section-heading h2{margin:0 0 12px}.section-heading p,.lead{max-width:820px;color:#6b7c8f;margin:0;line-height:1.85}.narrow{max-width:740px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid #e3e9f2;border-radius:14px;min-height:261px;padding:22px 25px;box-shadow:0 6px 25px #18395b08;display:flex;flex-direction:column}.card-lift{transition:transform .18s,box-shadow .18s}.card-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-index{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9dafc5;font-weight:750}.mini-mark{width:38px;height:5px;border-radius:8px;margin:25px 0 13px;background:var(--cyan)}.mark-02{background:var(--magenta)}.mark-03{background:var(--yellow)}.mark-04{background:var(--orange)}.mark-05{background:var(--green)}.mark-06{background:#6e76df}.service-card h3{font-size:20px;letter-spacing:-.025em;margin:2px 0 10px;line-height:1.38}.service-card p{font-size:13px;color:#728195;margin:0 0 21px;line-height:1.85}.explore{margin-top:auto;color:var(--blue);font-size:12px;font-weight:750}.explore b{margin-left:5px}
.split-feature{display:grid;grid-template-columns:.83fr 1.17fr;gap:68px;align-items:center}.split-feature>div:first-child>p:not(.eyebrow){color:#65778a;max-width:430px;line-height:2;font-size:14px;margin-bottom:26px}.example-stack{padding:24px 0;display:flex;flex-direction:column;gap:15px}.sample-card{background:white;border:1px solid #dbe7f2;box-shadow:0 9px 30px #12375a0a;border-radius:12px;padding:18px 24px;position:relative;transition:.2s}.sample-card:nth-child(2){transform:translateX(28px)}.sample-card:nth-child(3){transform:translateX(55px)}.sample-card small{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.sample-card strong{display:block;font-size:18px;margin:5px 0}.sample-card p{color:#76869a;margin:0;font-size:12px}.sample-card span{font-size:40px;position:absolute;right:19px;top:13px;color:#e7eef7;font-weight:800}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process-card{border-top:2px solid #dce9f6;padding-top:16px}.process-card span{font-size:21px;color:var(--blue);font-weight:850}.process-card h3{font-size:17px;margin:17px 0 8px}.process-card p{margin:0;color:#718296;font-size:13px}.home-cta{color:white;background:linear-gradient(112deg,#143b68,#165fa6 69%,#2874b4)}.home-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.home-cta h2{color:white}.home-cta p{color:#c4d9ec}.white-kicker{font-size:11px;letter-spacing:.18em;color:#9bcef7;margin-bottom:18px}
.page-intro{background:linear-gradient(112deg,#f6f9ff,#eaf3fe);padding:63px 0 57px;position:relative;overflow:hidden}.page-intro:after{content:'';width:350px;height:350px;border:85px solid #daebff;border-radius:50%;position:absolute;right:-120px;top:-170px;opacity:.38}.page-intro .container{position:relative;z-index:1}.introlabel{font-size:11px;letter-spacing:.18em;color:var(--blue);font-weight:800}.page-intro h1{font-size:clamp(36px,4.5vw,59px);letter-spacing:-.04em;line-height:1.25;margin:13px 0 15px}.page-intro p{font-size:16px;color:#647993;max-width:750px;margin:0}.short-stripes{display:flex;gap:4px;margin-top:23px}.short-stripes i{height:4px;width:29px;border-radius:9px;background:var(--cyan)}.short-stripes i:nth-child(2){background:var(--yellow)}.short-stripes i:nth-child(3){background:var(--magenta)}.short-stripes i:nth-child(4){background:var(--orange)}.short-stripes i:nth-child(5){background:var(--green)}
.category-intro{margin-bottom:27px;display:flex;gap:40px;align-items:start;justify-content:space-between}.category-intro h2{min-width:275px}.category-intro p{max-width:640px;margin:0;color:#63788c}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-card{padding:28px;border:1px solid #e1e8f1;border-radius:13px;background:#fff;scroll-margin-top:125px}.service-detail-top{display:flex;justify-content:space-between;align-items:center}.badge-num{color:#8ea2bb;font-size:12px;letter-spacing:.08em;font-weight:850}.detail-icon{width:33px;height:33px;background:#eaf4ff;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.detail-card h3{font-size:22px;margin:19px 0 11px}.detail-card>p{font-size:14px;color:#66798d;min-height:50px}.detail-notes{margin:25px 0;border-top:1px solid #e1eaf2;padding-top:17px}.detail-notes b{font-size:12px}.detail-notes p{margin:5px 0;color:#77869a;font-size:13px}.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.tip{padding:22px;background:white;border-radius:11px;border:1px solid #e1eaf2}.tip>span{display:inline-grid;place-items:center;width:25px;height:25px;background:#e1f5ed;color:#06865b;border-radius:50%;margin-bottom:15px}.tip b{display:block}.tip p{font-size:12px;color:#74859a;margin:8px 0 0}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.industry-card{padding:27px;border:1px solid #e3eaf3;border-radius:13px;background:#fff;min-height:230px}.bignum{font-size:28px;color:#d4e3f4;font-weight:800}.industry-card h3{font-size:20px;margin:8px 0}.industry-card p{font-size:13px;color:#708298;min-height:61px}
.notice-card{padding:17px 22px;border-radius:11px;background:#eaf4ff;border:1px solid #cfe3f7;color:#47637e;margin-bottom:30px;display:flex;align-items:baseline;gap:18px}.notice-card b{white-space:nowrap;color:var(--blue);font-size:13px}.notice-card p{font-size:12px;margin:0;line-height:1.9}.filters{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0}.filter-btn{border-radius:100px;border:1px solid #d7e5f3;background:white;color:#587087;padding:8px 18px;font-size:12px}.filter-btn.active{background:var(--blue);color:white;border-color:var(--blue)}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.project-card{padding:15px;border:1px solid #e1e9f1;border-radius:13px;background:white}.project-header{display:flex;justify-content:space-between;font-size:11px;color:#7b8fa6;align-items:center;padding:5px 3px 15px}.project-illustration{background:linear-gradient(135deg,#eef5fc,#d9eafa);height:165px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center}.project-v2{background:linear-gradient(135deg,#fff6f1,#fce2d8)}.project-v3{background:linear-gradient(135deg,#f8f0fa,#f1dbf1)}.project-v4{background:linear-gradient(135deg,#f2fbf6,#dff3e5)}.project-doc{background:white;width:99px;height:125px;padding:15px 12px;box-shadow:0 10px 30px #1c46601e;transform:rotate(-8deg)}.project-doc span{display:block;height:8px;width:40px;background:#8ac8f4;margin-bottom:17px}.project-doc i{display:block;height:4px;background:#d9e4ed;margin:11px 0}.project-doc i:nth-child(3),.project-doc i:nth-child(5){width:67%}.project-sticker{position:absolute;bottom:10px;right:10px;background:#ffffffde;color:#567489;border-radius:4px;padding:3px 7px;font-size:10px}.project-card h3{font-size:17px;margin:18px 2px 8px}.project-card p{font-size:12px;color:#718397;margin:0 2px 8px;line-height:1.75}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.article-card{padding:25px;border:1px solid #e2e8f0;border-radius:13px;min-height:300px;display:flex;flex-direction:column}.article-card:hover{box-shadow:var(--shadow)}.article-meta{display:flex;justify-content:space-between;color:#8aa0b8;font-size:11px}.article-card h3{font-size:20px;line-height:1.45;margin:30px 0 12px}.article-card p{color:#687d92;font-size:13px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.article-card .text-link{margin-top:auto}.article-full{max-width:890px;margin:56px auto 0;padding:43px 0;border-top:1px solid #e2eaf2;scroll-margin-top:135px}.article-full h2{font-size:29px}.article-full p{color:#526e86;font-size:16px;line-height:2}.article-callout{padding:16px 20px;background:#f1f8ff;color:#6a8097;border-left:3px solid var(--blue);font-size:13px;margin-top:25px}
.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center}.about-logo-panel{min-height:370px;background:#f4f8fc;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.about-logo-panel img{width:100%;max-width:385px;mix-blend-mode:multiply}.about-logo-panel .short-stripes{margin-top:10px}.about-logo-panel small{font-size:10px;color:#8999a8;letter-spacing:.18em;margin-top:15px}.about-copy>p:not(.eyebrow){color:#65788c;line-height:2}.about-values{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.about-values span{background:#f1f6fc;color:#285b8b;border-radius:8px;padding:7px 11px;font-size:12px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.value-card{padding:29px;background:white;border-radius:12px}.value-card span{color:var(--blue);font-weight:800;font-size:20px}.value-card h3{font-size:20px;margin:18px 0 10px}.value-card p{color:#728397;font-size:13px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-copy>p:not(.eyebrow){color:#647b91;line-height:2;max-width:450px}.contact-row{display:flex;gap:19px;margin-top:29px;padding-bottom:23px;border-bottom:1px solid #e2e8ef}.contact-row>span{font-size:12px;color:var(--blue);font-weight:800}.contact-row b{display:block}.contact-row p{margin:7px 0 0;font-size:13px;color:#728599}.contact-row a{color:var(--blue);text-decoration:underline}.form-card{padding:35px;background:#fff;border:1px solid #e1e9f2;box-shadow:var(--shadow);border-radius:16px}.small-label{color:var(--blue);font-weight:800;letter-spacing:.12em;font-size:10px}.form-heading h3{font-size:23px;margin:8px 0}.form-heading p{color:#7a899a;font-size:12px;margin-bottom:22px}.enquiry-form label{display:block;font-size:12px;color:#4a6076;font-weight:750;margin-bottom:18px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #d6e2ef;background:#fcfdff;border-radius:8px;font-size:13px;color:#223a53;outline:none}.enquiry-form textarea{resize:vertical}.form-feedback{color:#1b6595;font-size:12px;margin:14px 0 0}.form-disclaimer{margin-top:21px;color:#8c9cad;background:#f7f9fc;padding:11px;border-radius:8px;font-size:11px}
.footer{background:#10263e;color:white;padding:50px 0 20px}.footer-main{display:grid;grid-template-columns:1.15fr .8fr .85fr;gap:50px}.footer .logo-footer{max-width:230px;border-radius:7px;background:white;padding:5px}.footer p{font-size:12px;color:#b3c4d7}.footer-nav,.footer-contact{display:flex;flex-direction:column;gap:11px}.footer-nav b,.footer-contact b{font-size:13px;margin-bottom:6px}.footer-nav a,.footer-contact a{color:#bbd2e5;font-size:12px}.footer-nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #2d4259;padding-top:19px;margin-top:35px;display:flex;gap:15px;justify-content:space-between;color:#869db5;font-size:11px}.footer-bottom span:last-child{text-align:right}.page-view{display:none}.page-view.is-current{display:block}
/* Keep language-specific navigation exclusive; flex layout must not override localization visibility. */
.nav.lang-en{display:none}.locale-en .nav.lang-zh{display:none}.locale-en .nav.lang-en{display:flex}
@media(max-width:960px){.locale-en .nav.lang-en{display:none}.locale-en .header.nav-open .nav.lang-en{display:flex}}
body:not(.locale-en) .header.nav-open .nav.lang-en{display:none !important}body.locale-en .header.nav-open .nav.lang-zh{display:none !important}
@media(max-width:1150px){.nav{gap:14px}.nav a{font-size:12px}.logo-link{min-width:188px}.logo-link img{width:188px}.hero-grid{grid-template-columns:1fr .9fr}.doc-front{width:310px;left:0}.doc-back{right:-18px}.projects-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.container{width:min(100% - 40px,820px)}.header-inner{min-height:80px}.nav{display:none;position:absolute;left:0;right:0;top:80px;background:white;padding:18px 24px 25px;border-bottom:1px solid #e5eaf1;box-shadow:0 18px 25px #182f4520;flex-direction:column;align-items:flex-start;gap:20px}.header.nav-open .nav{display:flex}.menu-button{display:block}.hero-grid{grid-template-columns:1fr 1fr;min-height:540px}.hero-graphic{min-height:430px;transform:scale(.82);transform-origin:left center}.hero-proof{grid-template-columns:1fr 1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.split-feature{gap:20px}.projects-grid{grid-template-columns:repeat(2,1fr)}.industry-grid,.articles-grid{grid-template-columns:repeat(2,1fr)}.tip-grid{grid-template-columns:repeat(2,1fr)}.footer-main{gap:25px}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.preview-bar{font-size:10px;line-height:1.45}.header-inner{min-height:75px}.nav{top:75px}.logo-link{min-width:0}.logo-link img{width:176px;max-height:63px}.lang-switch{margin-left:auto}.lang-switch button{font-size:11px;padding:5px 8px}.header-right{gap:6px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:46px;padding-bottom:35px;gap:0}.hero-copy h1{font-size:47px;margin:20px 0}.hero-lede{font-size:14px;line-height:1.9}.pill{font-size:9px}.hero-proof{margin-top:32px;gap:10px}.hero-proof b{font-size:12px}.hero-proof small{font-size:9px}.hero-graphic{min-height:355px;max-width:500px;width:100%;transform:scale(.76);transform-origin:left top;margin-top:20px;margin-bottom:-95px}.graphics-glow{right:-70px}.doc-front{left:10px}.doc-back{right:5px}.float-note{right:2px}.trustline-inner{gap:11px 23px;justify-content:flex-start}.trustline b{flex-basis:100%}.trustline span{font-size:11px}.section{padding:62px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:12px}.section h2{font-size:29px}.service-grid{grid-template-columns:1fr 1fr;gap:11px}.service-card{padding:16px;min-height:244px}.service-index{font-size:9px}.mini-mark{margin:20px 0 11px}.service-card h3{font-size:15px}.service-card p{font-size:11px;line-height:1.65}.explore{font-size:10px}.split-feature{grid-template-columns:1fr;gap:9px}.sample-card:nth-child(2){transform:translateX(10px)}.sample-card:nth-child(3){transform:translateX(20px)}.sample-card{padding:16px 18px}.sample-card strong{font-size:15px}.process-grid{grid-template-columns:repeat(2,1fr)}.home-cta-inner{display:block}.home-cta-inner>.btn{margin-top:18px}.page-intro{padding:44px 0 40px}.page-intro h1{font-size:38px}.page-intro p{font-size:13px}.category-intro{display:block}.category-intro p{font-size:13px}.service-detail-grid{grid-template-columns:1fr}.detail-card{padding:24px}.tip-grid,.industry-grid,.projects-grid,.articles-grid{grid-template-columns:1fr 1fr;gap:11px}.industry-card{min-height:240px;padding:17px}.industry-card h3{font-size:16px}.industry-card p{font-size:11px}.project-card{padding:9px}.project-illustration{height:130px}.project-card h3{font-size:15px}.project-card p{font-size:11px}.notice-card{display:block;padding:15px}.notice-card p{margin-top:5px}.article-card{padding:17px;min-height:270px}.article-card h3{font-size:16px;margin-top:20px}.article-card p{font-size:11px}.article-full{padding:30px 0}.article-full h2{font-size:23px}.article-full p{font-size:14px}.about-section,.contact-grid{grid-template-columns:1fr;gap:34px}.about-logo-panel{min-height:250px}.values-grid{grid-template-columns:1fr;gap:11px}.value-card{padding:23px}.form-card{padding:23px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.footer-bottom span:last-child{text-align:left}}
@media(max-width:395px){.logo-link img{width:152px}.lang-switch button{padding:4px 7px}.hero-copy h1{font-size:42px}.hero-proof{grid-template-columns:1fr 1fr}.hero-graphic{transform:scale(.66);margin-bottom:-138px}.service-card{min-height:260px}.service-card h3{font-size:14px}.project-illustration{height:100px}.project-card h3{font-size:13px}.articles-grid{grid-template-columns:1fr}.form-two{grid-template-columns:1fr;gap:0}}

.footer-bottom .copy-en{display:none}.locale-en .footer-bottom .copy-en{display:inline}.locale-en .footer-bottom .copy-zh{display:none}
/* Refined identity-led footer: no navy slab or boxed logo. */
.footer{background:#f8fafc;color:#24384c;padding:58px 0 22px;border-top:1px solid #e2eaf2;position:relative}
.footer:before{content:"";position:absolute;left:max(calc((100% - 1160px)/2),32px);top:-2px;width:94px;height:3px;background:linear-gradient(90deg,#45b7e0 0 20%,#ffcc19 20% 40%,#c40885 40% 60%,#ee5632 60% 80%,#00bd79 80%);border-radius:2px}
.footer-main{display:grid;grid-template-columns:1.18fr .72fr .9fr;gap:75px;align-items:start}
.footer-brand{max-width:345px}.footer-logo-link{display:inline-block;line-height:0}.footer .logo-footer{display:block;width:215px;max-width:100%;height:auto;border-radius:0;background:transparent;padding:0}
.footer-brand-copy{font-size:13px !important;color:#6e7d8d !important;line-height:1.85;margin:20px 0 10px}
.footer-domain{font-size:12px;color:#176bca;font-weight:650;letter-spacing:.005em}.footer-domain span{margin-left:3px;font-size:15px}
.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-kicker{font-size:10px;letter-spacing:.16em;color:#8193a8;font-weight:750;line-height:1.4}
.footer-nav b,.footer-contact b{font-size:15px;margin:0 0 13px;color:#172b42;font-weight:760}
.footer-nav a{color:#66768a;font-size:13px;transition:color .18s}
.footer-nav a:hover{color:#126ac8;text-decoration:none}
.footer-contact p{color:#758396 !important;line-height:1.9;font-size:13px !important;max-width:300px;margin:0 0 11px}
.footer .footer-cta{display:inline-flex;align-items:center;gap:23px;background:#176bca;color:#fff;border-radius:7px;font-size:13px;font-weight:730;padding:11px 17px;box-shadow:none;transition:background .18s,transform .18s}
.footer .footer-cta:hover{background:#145aaf;transform:translateY(-1px);text-decoration:none}
.footer .footer-cta span{font-size:16px}
.footer-bottom{border-top:1px solid #e2e9f0;padding-top:20px;margin-top:44px;display:flex;gap:20px;justify-content:space-between;color:#8995a4;font-size:11px}
.footer-bottom span:last-child{text-align:right}
@media(max-width:960px){.footer-main{gap:35px;grid-template-columns:1.05fr .7fr .95fr}}
@media(max-width:700px){.footer{padding:42px 0 23px}.footer:before{left:17px}.footer-main{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand{grid-column:span 2;border-bottom:1px solid #e2e9f0;padding-bottom:25px;max-width:none}.footer .logo-footer{width:185px}.footer-brand-copy{margin:12px 0 8px;font-size:12px !important}.footer-domain{font-size:12px}.footer-nav,.footer-contact{gap:10px}.footer-nav b,.footer-contact b{font-size:14px;margin:0 0 4px}.footer-nav a,.footer-contact p{font-size:12px !important}.footer-contact p{margin:0 0 5px}.footer .footer-cta{font-size:11px;gap:6px;padding:10px 12px;max-width:100%;white-space:normal}.footer .footer-cta span{font-size:13px}.footer-bottom{margin-top:30px;padding-top:14px;display:flex;flex-direction:column;gap:5px;font-size:10px}.footer-bottom span:last-child{text-align:left}}
:root{--ink:#162940;--deep:#102842;--text:#516278;--blue:#155eaf;--blue-dark:#0b468b;--line:#dde6ee;--mist:#f5f8fb}
html{scroll-behavior:auto}
.preview-bar{background:#102842;color:#dae8f4;text-align:left;padding:6px max(20px,calc((100% - 1160px)/2));font-size:10px;letter-spacing:.13em}
.brand-rule{height:3px}
.header-inner{min-height:82px;gap:22px}
.logo-link{min-width:0;flex-shrink:0}.logo-link img{width:181px}
.nav a{font-size:13px}.nav{gap:21px}
.lang-switch{border:1px solid #d9e4ef;padding:3px;background:#f4f7fa;border-radius:8px;white-space:nowrap}
.lang-switch button{font-size:12px;min-height:34px;padding:3px 9px;border-radius:5px}
.lang-switch button.active{background:#143652;color:#fff;box-shadow:none}
.home-hero{background:linear-gradient(115deg,#f5f8fc 35%,#ebf2fa 100%);border-bottom:1px solid #e0e8f1}
.hero-grid{grid-template-columns:1.03fr .97fr;gap:44px;min-height:524px;padding-block:68px}
.hero-copy h1{font-size:clamp(46px,5.65vw,80px);letter-spacing:-.045em;line-height:1.14;margin:23px 0}
.locale-en .hero-copy h1{font-size:clamp(40px,4.75vw,65px);line-height:1.06;letter-spacing:-.052em}
.pill{border:0;padding:0;border-radius:0;color:#285677;background:none;font-size:11px;letter-spacing:.12em}.pulse{box-shadow:none}
.hero-lede{max-width:520px;margin:0;color:#425a71}
.hero-actions{margin-top:27px}.btn{border-radius:6px;padding:12px 19px;white-space:normal}.btn-primary{box-shadow:none}
.hero-graphic{isolation:isolate;min-width:0;min-height:384px;background:#102842;border:1px solid #163b60;border-radius:14px;position:relative;color:#d9e7f3;overflow:hidden;transform:none;box-shadow:0 24px 52px #10284224}
.hero-graphic:before{position:absolute;content:'';inset:0;background:radial-gradient(ellipse at 72% 64%,#24618c 0%,transparent 66%),linear-gradient(#9abbd616 1px,transparent 1px),linear-gradient(90deg,#9abbd616 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;z-index:-1}
.figure-header{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}
.figure-header i{display:inline-block;width:6px;height:6px;background:#52d7b0;border-radius:50%;margin-right:8px}
.figure-sheet{position:absolute;top:69px;left:12%;width:65%;padding:20px 23px;background:#fff;color:#172e45;border-radius:8px;box-shadow:0 16px 40px #0014254f;transform:rotate(-5deg)}
.figure-sheet small{display:block;color:#526b84;font-size:9px;font-weight:700;letter-spacing:.12em}
.figure-sheet strong{display:block;font-size:clamp(17px,2.1vw,29px);line-height:1.2;margin:9px 0 18px}
.figure-table{border-top:1px solid #d9e4ee;font-size:11px;color:#405c76}
.figure-table div{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #d9e4ee}
.figure-table i{width:24%;height:5px;background:#c8deed;border-radius:5px}
.figure-bars{display:flex;gap:4px;margin-top:18px}.figure-bars i{width:13px;height:4px;background:var(--cyan)}.figure-bars i:nth-child(2){background:var(--yellow)}.figure-bars i:nth-child(3){background:var(--magenta)}.figure-bars i:nth-child(4){background:var(--orange)}.figure-bars i:nth-child(5){background:var(--green)}
.figure-review{position:absolute;right:6%;bottom:42px;background:#f1f9fd;color:#193b54;min-width:35%;padding:12px 15px;border:1px solid #cce2ed;border-radius:8px;box-shadow:0 15px 32px #00152945;font-size:11px}
.figure-review strong{display:block;border-bottom:1px solid #ccdde7;margin-bottom:5px;padding-bottom:5px}.figure-review span{color:#097654;margin-right:6px}.figure-review div{margin-top:3px}
.figure-caption{position:absolute;bottom:10px;left:22px;color:#b9d0e2;font-size:9px;letter-spacing:.12em}
.section{padding-block:70px}.section-heading h2{font-size:clamp(29px,3.1vw,42px)}.section-heading p,.service-card p,.project-card p,.industry-card p,.footer-brand-copy{color:#50657b!important}
.service-card{border-radius:8px;min-height:216px;box-shadow:none}.service-card:hover{border-color:#a9c7e1}.mini-mark{margin:17px 0 13px}.sample-card:nth-child(n){transform:none}
.page-intro{background:#eef4fa;padding-block:54px}.page-intro:after{border-color:#dae8f5}.page-intro p{color:#49637c}
.home-cta{background:#102842}.footer{background:#f5f8fb}.footer .footer-cta{background:var(--blue)}
[data-section]{scroll-margin-top:105px}
@media(max-width:1150px){.nav{gap:14px}.nav a{font-size:12px}.header-inner{gap:13px}.logo-link img{width:157px}.hero-grid{gap:30px}}
@media(max-width:960px){.header-inner{min-height:72px}.nav{top:72px}.menu-button{padding:5px;min-width:36px;min-height:39px}.hero-graphic{transform:none;min-height:345px}.hero-grid{min-height:0;padding-block:51px;gap:26px}.locale-en .hero-copy h1{font-size:clamp(32px,5.3vw,47px)}}
@media(max-width:700px){.logo-link img{width:145px}.hero-grid{grid-template-columns:1fr;padding-block:35px;gap:26px}.hero-copy h1{font-size:clamp(38px,10vw,56px);margin:15px 0}.locale-en .hero-copy h1{font-size:clamp(32px,8.5vw,50px)}.hero-lede{font-size:14px}.hero-actions{margin-top:19px}.hero-graphic{margin:0;max-width:none;min-height:310px}.figure-sheet{top:55px;left:10%}.figure-review{bottom:34px}.figure-header{top:16px}.section{padding-block:45px}.sample-card{padding-right:60px}.nav a{min-height:36px;display:flex;align-items:center}.nav{gap:3px}.nav a.active:after{bottom:0}.page-intro{padding-block:35px}}
@media(max-width:355px){.container{width:calc(100% - 28px)}.logo-link img{width:121px}.lang-switch button{padding-inline:6px}.header-inner{gap:5px}.figure-sheet{left:9%;width:72%;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:961px){.locale-en .hero-copy h1{font-size:clamp(37px,4.15vw,57px)}}
.hero-copy h1{font-size:clamp(39px,4.65vw,69px)}
.locale-en .hero-copy h1{font-size:clamp(36px,4.25vw,60px)}
.figure-review{min-width:41%;bottom:49px}
.visual-lines{border-top:1px solid #d9e4ee;padding-top:11px}
.visual-lines i{display:block;height:8px;width:90%;background:#dae8f2;border-radius:4px;margin:11px 0}
.visual-lines i:nth-child(2){width:74%}.visual-lines i:nth-child(3){width:52%}
.home-paths{background:#fff;padding-block:53px 0}
.home-paths .section-heading{margin-bottom:23px}
.path-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.path-card{background:#f2f7fc;border:1px solid #d7e6f3;border-radius:9px;padding:23px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;color:#173e64}
.path-card:nth-child(2){background:#eef7f4;border-color:#d3e7df;color:#165549}
.path-card:hover{border-color:currentColor}
.path-card h3,.scene-card h3,.guide-card h3{margin:0 0 8px;font-size:20px;line-height:1.4}
.path-card p,.scene-card p,.guide-card p,.faq-grid details p{margin:0;color:#4b6074}
.path-index{font:700 12px/28px Arial,sans-serif;letter-spacing:.07em}
.interpreting-intro{background:#edf5f4}
.scene-grid,.interpreting-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.scene-card,.guide-card{border:1px solid #dde8ed;background:#fff;border-radius:8px;padding:24px}
.scene-card>span{display:block;margin-bottom:14px;color:#217460;font-weight:800}
.guide-card p{margin:0 0 14px}
.guide-section{background:#f5f8fb}
.faq-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:30px}
.faq-grid details{border-top:1px solid #dce7ef;padding:13px 0}
.faq-grid details p{padding:8px 0 4px}
.faq-grid summary{cursor:pointer;font-weight:700}
.faq-grid .btn{margin-top:12px}
.interpreting-hint{color:#425d74;font-size:12px;margin:-7px 0 14px}
@media(min-width:961px) and (max-width:1150px){.nav{gap:11px}}
@media(max-width:960px){.locale-en .hero-copy h1{font-size:clamp(33px,5vw,48px)}}
@media(max-width:700px){
 .hero-copy h1{font-size:clamp(34px,8.9vw,51px)}
 .locale-en .hero-copy h1{font-size:clamp(33px,8.4vw,50px)}
 .path-grid,.guide-grid,.scene-grid,.interpreting-process,.faq-grid{grid-template-columns:1fr;gap:12px}
 .path-card,.scene-card,.guide-card{padding:18px}.home-paths{padding-top:39px}
}
.membership-strip{background:#fff;border-bottom:1px solid #dfe8f0}
.membership-strip-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) auto;align-items:center;gap:22px;padding-block:20px}
.membership-strip-item{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:3px}
.membership-strip-item strong{font-size:14px;color:#1c3854}
.membership-strip-item span{font-size:12px;color:#526a7d}
.membership-strip-item + .membership-strip-item{border-left:1px solid #dfe8f0;padding-left:22px}
.affiliations{background:#f4f8fb}
.affiliation-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:18px;align-items:stretch}
.affiliation-card{background:white;border:1px solid #dbe7f0;border-radius:10px;padding:25px;min-width:0}
.affiliation-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px}
.affiliation-secondary{border-top:3px solid #6fafa5}
.affiliation-role{margin:0 0 8px;font-size:12px;font-weight:750;color:#1d6a60;letter-spacing:.02em}
.affiliation-meta h3{margin:0;color:#1a3654;font-size:clamp(19px,2.1vw,25px);line-height:1.35}
.affiliation-meta dl{margin:20px 0 0;display:grid;gap:8px}
.affiliation-meta dt{font-size:12px;color:#526a7d}
.affiliation-meta dd{margin:0;font-weight:650;color:#1a3654;font-size:14px}
.certificate-open{display:block;width:100%;background:#f8fafc;border:1px solid #dbe7f0;border-radius:7px;overflow:hidden;padding:0;color:#185998;text-align:left}
.certificate-open img{width:100%;height:auto;display:block}
.certificate-open>span{display:block;padding:7px 10px;font-size:12px;font-weight:750}
.certificate-open:hover{border-color:#185998}
.certificate-dialog{width:min(1000px,calc(100% - 28px));max-height:calc(100% - 28px);padding:10px;border:0;border-radius:10px;background:#fff;box-shadow:0 20px 66px #0e203b60}
.certificate-dialog::backdrop{background:#0b1e34bd}
.certificate-dialog form{display:flex;justify-content:flex-end;margin:0 0 7px}
.certificate-close{color:#1a3654;background:#edf3f8;border:1px solid #dbe7f0;border-radius:5px;padding:4px 9px;display:flex;align-items:center;gap:8px;font-size:13px}
.certificate-close>span:last-child{font-size:21px;line-height:1}
.certificate-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 100px);margin:auto;object-fit:contain}
@media(max-width:960px){.affiliation-primary{grid-template-columns:1fr}.certificate-open{max-width:490px}}
@media(max-width:700px){
 .membership-strip-inner{grid-template-columns:1fr;gap:8px;padding-block:13px}
 .membership-strip-item + .membership-strip-item{padding-left:0;border-left:0}
 .affiliation-grid{grid-template-columns:1fr;gap:12px}
 .affiliation-card{padding:16px}
 .affiliation-meta dl{margin-top:13px;display:flex;flex-wrap:wrap;gap:12px}
}

.project-sample{display:flex;flex-direction:column;gap:4px;align-items:center;width:100%;height:190px;padding:8px;border:1px solid #d9e4ec;border-radius:8px;background:#f1f5f8;color:#185998;font-size:11px;font-weight:750}
.project-sample img{display:block;width:100%;min-height:0;flex:1 1 auto;object-fit:contain}
.project-sample:hover{border-color:#185998}
.sample-source{display:inline-block;font-size:12px;margin-top:9px}
.interpreting-formats{background:#f4f8fb}
@media(max-width:700px){.project-sample{height:146px}}

.lang-switch a{display:inline-flex;align-items:center;min-height:34px;padding:3px 9px;border-radius:5px;font-size:12px;color:#526982}
.lang-switch a[aria-current]{background:#143652;color:#fff;font-weight:750}
.wechat-details{display:flex;align-items:center;gap:14px;margin-top:9px}
.wechat-details img{width:96px;height:96px;flex:0 0 96px;border:1px solid #d5e4dd;border-radius:8px}
.contact-row .wechat-details p{margin:0;color:#506878}
[hidden]{display:none!important}
@media(max-width:960px){
 body.no-js .header-inner{flex-wrap:wrap;gap:6px;padding:8px 0}
 body.no-js .header .nav{display:flex;position:static;flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:8px;box-shadow:none;padding:5px 0}
 body.no-js .menu-button{display:none}
}

/* Real translation samples and contact options */
.hero-graphic.portfolio-hero {
  display:grid; align-content:center; gap:18px; min-height:0; margin:0; padding:clamp(20px,3.4vw,39px);
  background:linear-gradient(138deg,#112b43,#193c59); border-color:#284960; color:#f1f6fa;
}
.portfolio-hero-copy,.portfolio-hero-document { position:relative; z-index:1; }
.portfolio-kicker { display:block; color:#b9d4ea; font-size:12px; font-weight:750; letter-spacing:.06em; }
.portfolio-hero-copy h2 { margin:.42rem 0 .2rem; color:#fff; font-size:clamp(1.3rem,2.5vw,2rem); line-height:1.19; }
.portfolio-hero-copy p { margin:0; color:#d0deea; font-size:13px; }
.portfolio-hero-document {
  display:flex; flex-direction:column; align-items:center; gap:10px; padding:12px;
  background:#f4f7fa; border:1px solid #d7e2ea; border-radius:10px; color:#185998;
  font-size:13px; font-weight:750; text-decoration:none;
}
.portfolio-hero-document img { display:block; width:100%; height:clamp(160px,20vw,270px); object-fit:contain; }
.portfolio-hero-document:hover { background:#e7eff7; }
.portfolio-hero-document:focus-visible,.project-sample:focus-visible,.quote-close:focus-visible { outline:3px solid #2584d0; outline-offset:3px; }

.gallery-intro { margin-bottom:18px; }
.gallery-intro h2,.other-documents h2 { margin:0 0 8px; }
.gallery-intro p,.other-documents>p { margin:0; }
.sample-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gallery-card { padding:0; overflow:hidden; scroll-margin-top:125px; }
.gallery-card:target { outline:2px solid #2879b9; outline-offset:3px; }
.gallery-card[hidden] { display:none; }
.gallery-card .project-sample {
  height:clamp(205px,23vw,290px); border:0; border-bottom:1px solid #dce6ee;
  border-radius:0; padding:15px; background:#f0f4f8; font-size:13px; gap:10px;
}
.gallery-card .project-sample:hover { background:#e6eff7; }
.gallery-card .project-sample img { max-width:100%; filter:drop-shadow(0 3px 8px #10284224); }
.sample-copy { padding:17px 18px 20px; }
.sample-meta { display:flex; flex-wrap:wrap; gap:5px 9px; font-size:11px; font-weight:750; color:#345872; }
.sample-meta span { background:#edf4f9; padding:3px 7px; border-radius:4px; }
.sample-copy h3 { margin:12px 0 6px; font-size:1.04rem; }
.sample-copy p { margin:0; }
.other-documents { margin-top:clamp(45px,7vw,82px); border-top:1px solid #e1e9f1; padding-top:29px; }
.other-documents ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; list-style:none; padding:0; margin:18px 0 0; }
.other-documents li { border:1px solid #e1e9f1; border-radius:10px; padding:17px; background:#fafcfe; }
.other-documents h3 { margin:0 0 6px; font-size:1rem; }
.other-documents li p { margin:0; color:#4c6476; font-size:14px; }
.no-js .filters { display:none; }

.about-city {
  display:grid; grid-template-areas:"modern bridge bridge" "modern television bell";
  grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:minmax(0,1.12fr) minmax(0,1fr);
  aspect-ratio:4 / 3; gap:4px; margin:0; border:1px solid #dce7ef; border-radius:13px;
  overflow:hidden; background:#fff;
}
.about-landmark { display:block; min-width:0; min-height:0; overflow:hidden; background:#f4f8fb; }
.about-landmark img { display:block; width:100%; height:100%; object-fit:cover; }
.about-landmark:focus-visible { outline:3px solid var(--blue); outline-offset:-3px; position:relative; }
.about-landmark-modern { grid-area:modern; }
.about-landmark-bridge { grid-area:bridge; }
.about-landmark-television { grid-area:television; }
.about-landmark-television img { object-position:68% top; transform:scale(1.6); transform-origin:68% 26%; }
.about-landmark-bell { grid-area:bell; }
.about-landmark-bell img { object-position:center 37%; }
.interpreting-note { margin:18px 0 0; font-size:14px; color:#345872; }

.quote-card { align-self:start; }
.quote-card h2 { margin:0 0 17px; scroll-margin-top:120px; }
.quick-contact { display:grid; gap:12px; }
.wechat-figure { display:flex; align-items:center; gap:14px; margin:0; padding:12px; background:#f0f8f5; border:1px solid #d6e8de; border-radius:10px; }
.wechat-figure img { display:block; width:clamp(100px,34vw,155px); height:auto; border-radius:5px; flex:0 0 auto; }
.wechat-figure figcaption { display:grid; gap:5px; }
.wechat-figure figcaption strong { color:#173b36; line-height:1.3; }
.wechat-figure figcaption span { font-size:13px; color:#395f59; }
.hotline-card { display:grid; gap:1px; border:1px solid #dbe6f0; border-radius:10px; background:#f4f8fb; padding:10px 13px; }
.hotline-card span { color:#405d75; font-size:13px; }
.hotline-card a { width:max-content; color:#174f80; font-size:clamp(1.35rem,4vw,1.75rem); font-weight:800; text-decoration:none; }
.hotline-card a:hover,.quick-email:hover { text-decoration:underline; }
.quick-email { overflow-wrap:anywhere; font-size:13px; }
.social-section { margin-top:34px; }
.social-section h2 { margin:0 0 13px; font-size:1.22rem; }
.social-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; }
.social-grid div { border:1px solid #e0e9f0; border-radius:10px; padding:12px 15px; }
.social-grid dt { font-size:12px; color:#456277; }
.social-grid dd { margin:2px 0 0; overflow-wrap:anywhere; font-size:14px; font-weight:700; }

.quote-dialog {
  width:min(440px,calc(100% - 24px)); max-height:calc(100% - 24px); overflow:auto; padding:21px;
  border:1px solid #dce6ef; border-radius:15px; color:#182e44; background:#fff;
  box-shadow:0 20px 64px #081c3d44;
}
.quote-dialog::backdrop { background:#08182b9e; }
.quote-dialog h2 { margin:0 36px 16px 0; font-size:1.45rem; }
.quote-dialog form { position:absolute; top:12px; right:12px; }
.quote-close { width:36px; height:36px; border:1px solid #dae5ef; border-radius:50%; background:#f3f7fa; color:#183450; font-size:24px; line-height:1; cursor:pointer; }
@media (max-width:920px) {
  .sample-grid,.other-documents ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .sample-grid,.other-documents ul,.social-grid { grid-template-columns:1fr; }
  .gallery-card .project-sample { height:235px; }
  .hero-graphic.portfolio-hero { gap:13px; }
  .quote-dialog { padding:17px; }
}

/* Client showcase and professional activity */
.site-clients { background:#f4f8fb; }
.site-showcase-heading { margin:0 0 24px; }
.site-showcase-heading .eyebrow { margin:0 0 7px; }
.site-showcase-heading h2 { margin:0 0 8px; line-height:1.24; }
.site-showcase-heading>p:last-child { margin:0; color:#4c6476; }
.site-clients,.professional-documents,.professional-events,.simultaneous-photos,.interpret-case { scroll-margin-top:115px; }
.client-logo-strip {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px;
  margin:0; padding:0; list-style:none;
}
.client-logo-strip li {
  min-width:0; min-height:114px; display:grid; grid-template-rows:51px auto; place-items:center; gap:8px;
  padding:14px 9px; border:1px solid #dae6ef; border-radius:10px; background:white; text-align:center;
}
.client-logo-strip img { display:block; width:100%; max-width:152px; height:100%; object-fit:contain; }
.client-logo-strip span { font-size:12px; line-height:1.35; font-weight:700; color:#3e566b; }
.showcase-link { display:inline-block; margin-top:18px; }
.client-group-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:14px; margin-top:23px; }
.client-group { padding:18px 20px; border:1px solid #dae6ef; border-radius:10px; background:#fff; }
.client-group h3 { margin:0 0 11px; color:#193b5a; font-size:1rem; line-height:1.3; }
.client-group ul { display:grid; gap:6px; margin:0; padding:0 0 0 1.1em; }
.client-group li { font-size:13px; color:#425b70; line-height:1.6; overflow-wrap:break-word; }
.client-group li::marker { color:#258a89; }

.professional-document-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.professional-document { display:grid; grid-template-columns:minmax(100px,.9fr) minmax(0,1.2fr); align-items:center; gap:17px; padding:16px; border:1px solid #dce7ef; border-radius:12px; background:#f8fbfd; }
.professional-document-preview {
  display:grid; gap:8px; justify-items:center; width:100%; padding:8px;
  border:1px solid #d8e5ef; border-radius:8px; background:#fff; color:#185998;
  font-size:12px; font-weight:750; cursor:pointer;
}
.professional-document-preview:hover { background:#e8f2f8; }
.professional-document-preview img { display:block; width:100%; height:146px; object-fit:contain; }
.professional-document-copy h3 { margin:0 0 8px; font-size:1rem; }
.professional-document-copy p { margin:0; color:#425b70; font-size:13px; }
.professional-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.professional-event { min-width:0; margin:0; overflow:hidden; border:1px solid #dce7ef; border-radius:12px; background:#f8fbfd; }
.professional-event a { display:block; background:#dbe7ee; }
.professional-event img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.professional-event figcaption { padding:12px 14px 16px; }
.professional-event figcaption span { display:block; font-size:12px; color:#46627b; }
.professional-event h3 { margin:4px 0 0; font-size:1rem; }

.interpreting-case-wrap { padding-bottom:44px; }
.interpret-case {
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(17px,3vw,36px); align-items:center;
  margin:45px 0 0; padding:clamp(15px,2.7vw,27px); border:1px solid #dce7ef;
  border-radius:14px; background:#f4f8fb;
}
.interpreting-case-wrap .interpret-case { margin-top:0; }
.interpret-case figure { margin:0; }
.interpret-case figure img { display:block; width:100%; height:auto; border-radius:8px; }
.interpret-case figcaption { margin-top:8px; font-size:12px; color:#4c6476; }
.interpret-case .site-showcase-heading { margin-bottom:0; }
.interpret-case .site-showcase-heading h2 { font-size:clamp(1.3rem,2.5vw,2.1rem); }
.interpret-case .site-showcase-heading>p:last-child { font-size:14px; }

.simultaneous-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.simultaneous-photo {
  min-width:0; overflow:hidden; border:1px solid #dce7ef; border-radius:12px; background:#f8fbfd;
}
.simultaneous-photo figure { margin:0; }
.simultaneous-photo img {
  display:block; width:100%; height:auto; aspect-ratio:16/9;
  object-fit:cover; background:#dbe7ee; filter:brightness(1.06) contrast(1.02);
}
.simultaneous-photo:first-child img { filter:brightness(1.13) contrast(1.02); }
.simultaneous-photo figcaption { padding:13px 15px 16px; }
.simultaneous-photo figcaption strong { font-size:15px; color:#193b58; }
.simultaneous-photo-link { display:inline-flex; margin-top:12px; font-size:13px; }

@media (max-width:950px) {
  .client-logo-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .client-group-grid,.professional-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .client-logo-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-group-grid,.professional-document-grid,.interpret-case { grid-template-columns:1fr; }
  .professional-document { grid-template-columns:minmax(90px,.65fr) minmax(0,1fr); gap:12px; padding:12px; }
  .professional-document-preview img { height:110px; }
  .simultaneous-photo-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
}

.logo-link img { height: auto; }

.hero-scene {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #bdcad7;
  border-radius: 16px;
  background: #d9e3ea;
  box-shadow: 0 24px 52px #10284224;
}
.hero-scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 48%;
}

.translation-overview, .translation-panel[id], .translation-details li[id] { scroll-margin-top: 115px; }
.translation-overview .section-heading { align-items: end; }
.translation-overview .eyebrow { margin: 0 0 7px; }
.translation-panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.translation-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(20px, 2.4vw, 34px);
  border: 1px solid #dbe6f1;
  border-top: 3px solid #2b75b8;
  border-radius: 13px;
  background: #f7fafd;
}
.translation-panel + .translation-panel { border-top-color: #248481; }
.translation-panel h3 { margin: 0 0 12px; color: #162f49; font-size: clamp(18px, 1.9vw, 23px); }
.translation-links, .translation-details { margin: 0; padding: 0; list-style: none; }
.translation-links li, .translation-details li { border-top: 1px solid #dbe5ee; }
.translation-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 49px;
  padding: 10px 0;
  color: #19364f;
  line-height: 1.45;
  text-decoration: none;
}
.translation-links a:hover, .translation-links a:focus-visible { color: var(--blue-dark); }
.translation-links a:hover strong, .translation-links a:focus-visible strong { text-decoration: underline; }
.translation-links a > [aria-hidden] { flex: 0 0 auto; color: var(--blue); font-size: 15px; font-weight: 700; }
.translation-use { display: block; margin: 2px 0 0; color: #355f82; font-size: 12px; }
.translation-services-heading { margin-bottom: 23px; }
.translation-services-heading p { max-width: 700px; margin: 8px 0 0; }
.translation-panel-grid-detail { align-items: stretch; }
.translation-details li { padding: 13px 0; }
.translation-details h4 { margin: 0 0 4px; color: #19364f; font-size: 16px; }
.translation-details p { margin: 0; font-size: 14px; }
.translation-details p.translation-use { margin-bottom: 3px; font-weight: 650; font-size: 13px; }
.translation-sample { display: inline-block; margin-top: 5px; font-size: 13px; }
.translation-note { margin: auto 0 12px; padding-top: 12px; border-top: 1px solid #dbe5ee; font-size: 13px; }
.translation-panel > .text-link { align-self: flex-start; }
.translation-more-heading { margin: 43px 0 16px; }

.client-showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.client-showcase-group {
  padding: 16px clamp(12px, 2vw, 26px) 8px;
  border: 1px solid #d7e4ee;
  border-radius: 12px;
  background: #fff;
}
.client-showcase-group h3 {
  margin: 0;
  padding: 2px 0 13px;
  border-bottom: 1px solid #e4ebf2;
  color: #254460;
  font-size: 14px;
  line-height: 1.4;
}
.client-logo-list { margin: 0; padding: 0; list-style: none; }
.client-logo-list li { display: grid; min-width: 0; min-height: 75px; place-items: center; }
.client-logo-list li + li { border-top: 1px solid #eaf0f5; }
.client-logo-list img { width: min(178px, 86%); height: 51px; object-fit: contain; }

@media (max-width: 700px) {
  .hero-scene { aspect-ratio: 3 / 2; }
  .translation-overview .section-heading { align-items: start; }
  .translation-panel-grid, .client-showcase-grid { grid-template-columns: minmax(0, 1fr); }
  .client-showcase-grid { gap: 10px; }
  .client-showcase-group { padding: 11px 12px 4px; }
  .client-showcase-group h3 { padding: 2px 0 10px; }
  .client-logo-list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .client-logo-list li { min-height: 66px; }
  .client-logo-list li + li { border-top: 0; border-left: 1px solid #eaf0f5; }
  .client-logo-list img { width: min(132px, 86%); height: 39px; }
}


@media (min-width: 1060px) {
  .translation-overview .translation-panel + .translation-panel .translation-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    column-gap: 18px;
  }
}

.content-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  background: #eef3f7;
}
.path-card > .content-photo {
  grid-column: 1 / -1;
  aspect-ratio: 7 / 3;
  margin-bottom: 3px;
}
.translation-services-heading.with-photo {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 3vw, 36px);
}
.translation-services-heading.with-photo .content-photo {
  aspect-ratio: 2 / 1;
  border-radius: 12px;
}
.scene-grid.with-photos { margin-top: 18px; }
.scene-card > .content-photo, .industry-card > .content-photo { margin-bottom: 15px; }
.industry-grid.with-photos .industry-card { display: flex; flex-direction: column; }
.industry-grid.with-photos .industry-card p { min-height: 0; margin: 0 0 15px; }
.industry-grid.with-photos .industry-card .text-link { align-self: flex-start; margin-top: auto; }
@media (max-width: 700px) {
  .translation-services-heading.with-photo { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 510px) {
  .industry-grid.with-photos { grid-template-columns: minmax(0, 1fr); }
}

.sample-link-row { display:flex; flex-wrap:wrap; gap:5px 16px; }
.detail-card .sample-link-row { margin-bottom:10px; }
.industry-card .industry-links { margin-top:auto; }
.industry-card .industry-links .text-link { font-size:13px; }