.logo{display:inline-flex;align-items:center;gap:10px;color:var(--color-primary)}.logo__mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font:700 1rem/1 var(--font-heading);color:#fff;background:var(--color-primary);border-radius:10px}.logo__text{display:flex;flex-direction:column;line-height:1.1}.logo__text strong{font:700 1.125rem/1.1 var(--font-heading);letter-spacing:.02em}.logo__text small{font-size:.6875rem;font-weight:600;letter-spacing:.16em;color:var(--color-muted-foreground)}.logo--light{color:#fff}.logo--light .logo__mark{color:var(--color-primary);background:#fff}.logo--light .logo__text small{color:#cbd5e1}.lang-switcher{position:relative}.lang-switcher__toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;font:600 .875rem/1 var(--font-body);color:var(--color-foreground);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}.lang-switcher__toggle:hover,.lang-switcher__toggle[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-border)}.lang-switcher__chevron{transition:transform var(--transition)}.lang-switcher__toggle[aria-expanded=true] .lang-switcher__chevron{transform:rotate(180deg)}.lang-switcher__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:200px;padding:6px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}@media(min-width:1100px){.lang-switcher__menu{left:auto;right:0}}.lang-switcher__option{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;font:500 .9375rem/1.2 var(--font-body);color:var(--color-foreground);text-align:left;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition)}.lang-switcher__option:hover{background:var(--color-surface)}.lang-switcher__option[aria-current=true]{color:var(--color-accent);background:var(--color-accent-soft)}.lang-switcher__flag{flex-shrink:0;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #0f172a1f}.lang-switcher__check{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;font:600 1rem/1 var(--font-body);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--primary{color:var(--color-on-primary);background:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--outline{color:var(--color-primary);background:transparent;border-color:var(--color-primary)}.btn--outline:hover{color:var(--color-on-primary);background:var(--color-primary)}.btn--light{color:var(--color-primary);background:#fff}.btn--light:hover{background:var(--color-accent-soft)}.btn--ghost-light{color:#fff;background:transparent;border-color:#ffffffb3}.btn--ghost-light:hover{background:#ffffff1f}.header{position:sticky;top:0;z-index:50;background:#fffffff5;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.header__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-primary);background:none;border:none;cursor:pointer}.header__nav{position:absolute;top:var(--header-height);left:0;right:0;display:none;flex-direction:column;gap:16px;padding:16px var(--gutter) 24px;background:#fff;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.header__nav.is-open{display:flex}.header__link{display:block;padding:12px 0;font-weight:500;color:var(--color-foreground);transition:color var(--transition)}.header__link:hover,.header__link.active{color:var(--color-accent)}@media(min-width:1100px){.header__toggle{display:none}.header__nav{position:static;display:flex;flex-direction:row;align-items:center;gap:20px;padding:0;background:none;border:none;box-shadow:none}.header__nav>ul{display:flex;gap:24px}.header__link{position:relative}.header__link.active:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--color-accent)}}.footer{color:#cbd5e1;background:var(--color-primary-dark)}.footer a{color:#cbd5e1;transition:color var(--transition)}.footer a:hover{color:#fff}.footer__grid{display:grid;gap:40px;padding-block:64px 48px}@media(min-width:768px){.footer__grid{grid-template-columns:1.4fr 1fr 1.4fr 1.4fr}}.footer__about{max-width:320px;margin-top:20px;font-size:.9375rem}.footer__title{margin-bottom:16px;font-size:1rem;color:#fff}.footer__list li{padding-block:5px;font-size:.9375rem}.footer__contact li{display:flex;gap:10px;align-items:flex-start}.footer__contact svg{flex-shrink:0;margin-top:3px}.footer__contact address{display:flex;flex-direction:column;font-style:normal}.footer__bottom{padding-block:20px;font-size:.875rem;border-top:1px solid rgb(255 255 255 / .12)}.hero{display:flex;align-items:center;min-height:min(720px,calc(100vh - var(--header-height)));padding-block:80px;color:#e2e8f0;background:linear-gradient(100deg,#072a52f0,#072a52c7,#0369a159),url(/images/hero-hong-kong.webp) center / cover no-repeat}.hero__inner>*{max-width:680px}.hero h1{color:#fff}.hero__eyebrow{margin-bottom:16px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc}.hero__desc{margin-bottom:32px;font-size:1.1875rem}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.highlights{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.highlights__list{display:grid;grid-template-columns:repeat(2,1fr);margin:0}@media(min-width:900px){.highlights__list{grid-template-columns:repeat(4,1fr)}}.highlights__item{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:28px 12px;text-align:center}.highlights__item dd{margin:0 0 4px;font:700 clamp(1.25rem,4vw,1.75rem)/1.2 var(--font-heading);color:var(--color-primary)}.highlights__item dt{font-size:.9375rem;color:var(--color-muted-foreground)}.section-heading{max-width:720px;margin-bottom:48px}.section-heading--center{margin-inline:auto;text-align:center}.section-heading__eyebrow{margin-bottom:12px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.section-heading__desc{font-size:1.125rem;color:var(--color-muted-foreground)}.services-overview__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600}.services-overview__link:hover{color:var(--color-accent-hover);text-decoration:underline}.process{margin:0;padding:0;list-style:none}.process__step{padding-top:24px;border-top:3px solid var(--color-accent)}.process__number{display:block;margin-bottom:12px;font:700 2rem/1 var(--font-heading);color:#bcd6ee}.process__step p{color:var(--color-muted-foreground)}.cta{display:flex;flex-direction:column;gap:32px;padding:clamp(32px,6vw,64px);color:#e2e8f0;background:linear-gradient(120deg,var(--color-primary-dark),var(--color-accent));border-radius:var(--radius-lg)}.cta h2{color:#fff}.cta p{max-width:560px;margin:0;font-size:1.125rem}.cta__actions{display:flex;flex-wrap:wrap;gap:12px}@media(min-width:1024px){.cta{flex-direction:row;align-items:center;justify-content:space-between}.cta__actions{flex-shrink:0}}.page-hero{padding-block:clamp(64px,10vw,112px);color:#e2e8f0;background:linear-gradient(115deg,#072a52f5,#0b3a6ed9),url(/images/hero-hong-kong.webp) center / cover no-repeat}.page-hero h1{color:#fff}.page-hero__eyebrow{margin-bottom:12px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc}.page-hero__desc{max-width:640px;margin:0;font-size:1.125rem}.service-details{display:flex;flex-direction:column;gap:32px}.service-detail{display:grid;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);scroll-margin-top:calc(var(--header-height) + 24px)}.service-detail__media img{width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}.service-detail__body{padding:clamp(24px,4vw,48px)}@media(min-width:900px){.service-detail{grid-template-columns:1fr 1fr}.service-detail__media img{aspect-ratio:auto}.service-detail:nth-child(2n) .service-detail__media{order:2}}.service-detail h2{font-size:clamp(1.5rem,2.5vw,2rem)}.service-detail__index{margin-bottom:8px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.service-detail__summary{margin-bottom:20px;font-size:1.0625rem;color:var(--color-muted-foreground)}.story{display:grid;gap:40px;align-items:center}@media(min-width:900px){.story{grid-template-columns:1.1fr 1fr;gap:64px}}.story .section-heading{margin-bottom:24px}.story p{color:var(--color-muted-foreground)}.story__image{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.company-info{max-width:820px;margin:0 auto;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.company-info__row{display:grid;gap:4px;padding:18px 24px}.company-info__row+.company-info__row{border-top:1px solid var(--color-border)}@media(min-width:640px){.company-info__row{grid-template-columns:220px 1fr;gap:24px}}.company-info dt{font-weight:600;color:var(--color-primary)}.company-info dd{margin:0;color:var(--color-foreground)}.contact{display:grid;gap:48px}@media(min-width:960px){.contact{grid-template-columns:1fr 1.2fr;gap:64px}}.contact__info>p{color:var(--color-muted-foreground)}.contact__list{display:flex;flex-direction:column;gap:24px;margin-top:32px}.contact__list li{display:flex;gap:16px;align-items:flex-start}.contact__list .icon-badge{flex-shrink:0;margin:0}.contact__list h3{margin-bottom:4px;font-size:1rem}.contact__list p,.contact__list address{display:flex;flex-direction:column;margin:0;font-style:normal;color:var(--color-muted-foreground)}.contact-form{display:flex;flex-direction:column;gap:20px;padding:clamp(24px,4vw,40px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-form h2{margin:0;font-size:1.5rem}.contact-form__row{display:grid;gap:20px}@media(min-width:640px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-form .btn{align-self:flex-start}.contact-form__honeypot{display:none}.form-alert{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 16px;font-size:.9375rem;border-radius:var(--radius-sm)}.form-alert svg{flex-shrink:0;margin-top:1px}.form-alert--success{color:#166534;background:#dcfce7}.form-alert--error{color:#991b1b;background:#fee2e2}.form-alert--error a{color:inherit;font-weight:600;text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.9375rem;font-weight:500}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;font:inherit;color:var(--color-foreground);background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-sm);transition:border-color var(--transition)}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent)}.map-section iframe{display:block;width:100%;height:420px;border:0}:root{--color-primary: #0b3a6e;--color-primary-dark: #072a52;--color-accent: #0369a1;--color-accent-hover: #075985;--color-accent-soft: #e0f0fb;--color-on-primary: #ffffff;--color-background: #ffffff;--color-surface: #f5f8fc;--color-foreground: #0f172a;--color-muted-foreground: #475569;--color-border: #e2e8f0;--color-focus: #0ea5e9;--font-cjk: "PingFang HK", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC";--font-heading: "Plus Jakarta Sans", var(--font-cjk), system-ui, sans-serif;--font-body: "Inter", var(--font-cjk), system-ui, sans-serif;--container-width: 1200px;--gutter: 20px;--section-space: clamp(64px, 9vw, 112px);--header-height: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 8px 24px rgb(15 23 42 / .08);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--font-heading);line-height:1.2;color:var(--color-primary-dark)}h1{font-size:clamp(2.25rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}h3{font-size:1.25rem}p{margin:0 0 1em}a{color:var(--color-accent);text-decoration:none}img{display:block;max-width:100%;height:auto}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.skip-link{position:absolute;left:16px;top:-48px;z-index:100;padding:8px 16px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm)}.skip-link:focus{top:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-space)}.section--surface{background:var(--color-surface)}.grid{display:grid;gap:24px}@media(min-width:768px){.grid--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid--4{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px)and (max-width:1023px){.grid--4{grid-template-columns:repeat(2,1fr)}}.card{height:100%;padding:28px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{border-color:#bcd6ee;box-shadow:var(--shadow-md)}.card p{color:var(--color-muted-foreground)}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm)}.check-list li{display:flex;gap:10px;align-items:flex-start;padding-block:6px}.check-list svg{flex-shrink:0;margin-top:3px;color:var(--color-accent)}
