/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--navy:#061425;--navy-2:#0a2139;--blue:#225e98;--cyan:#2dd4df;--teal:#12b8a6;--white:#f6fbff;--muted:#9eb2c5;--line:#91bedc38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#102439;background:#f5f8fa;margin:0;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:20;color:#fff;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;width:100%;height:104px;padding:0 clamp(28px,5vw,78px);display:flex;position:absolute;top:0;left:0}.brand{align-items:center;gap:14px;display:flex}.logo-shell{background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;padding:7px;display:grid;box-shadow:0 8px 28px #0000002e}.logo-shell img{object-fit:contain;width:100%;height:100%}.brand-copy{flex-direction:column;gap:1px;display:flex}.brand-copy strong{letter-spacing:.25em;font-size:25px;line-height:1.2}.brand-copy small{letter-spacing:.26em;color:#8edce5;font:600 10px/1.2 Arial,sans-serif}.desktop-nav{letter-spacing:.08em;align-items:center;gap:clamp(22px,2.7vw,48px);font-size:15px;font-weight:600;display:flex}.desktop-nav a{padding:14px 0;position:relative}.desktop-nav a:after{content:"";background:var(--cyan);width:0;height:2px;transition:all .25s;position:absolute;bottom:3px;left:0}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{width:100%}.desktop-nav .nav-contact{border:1px solid #52d9e28c;padding:12px 18px}.mobile-nav{display:none}.hero{color:#fff;background:linear-gradient(120deg,#04101e 0%,#071a2c 52%,#0a2036 100%);align-items:center;min-height:920px;display:flex;position:relative;overflow:hidden}.hero-image{opacity:1;background-image:url(/hscity-hero-production.png);background-position:50%;background-size:cover;animation:12s ease-out both heroZoom;position:absolute;inset:0}.hero-grid{opacity:.24;background-image:linear-gradient(#2dd4df24 1px,#0000 1px),linear-gradient(90deg,#2dd4df24 1px,#0000 1px);background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 18%,#000 78%,#0000);mask-image:linear-gradient(90deg,#0000 18%,#000 78%,#0000)}.hero:after{content:"";border:1px solid #2dd4df26;border-radius:50%;width:750px;height:750px;position:absolute;bottom:-40%;right:-12%;box-shadow:0 0 0 80px #2dd4df06,0 0 0 170px #2dd4df05}.hero-content{z-index:2;width:min(1440px,100%);margin:auto;padding:150px clamp(28px,6vw,96px) 98px;position:relative}.eyebrow,.kicker{color:var(--cyan);letter-spacing:.28em;margin:0 0 24px;font-size:13px;font-weight:700}.eyebrow{align-items:center;gap:14px;font-size:15px;display:flex}.eyebrow span{background:var(--cyan);width:54px;height:1px;display:block}.hero h1{letter-spacing:-.045em;text-wrap:balance;text-shadow:0 5px 30px #00000040;max-width:860px;margin:0;font-size:clamp(54px,6vw,92px);font-weight:800;line-height:1.12}.mobile-break{display:none}.hero-lead{color:#c5d2dd;letter-spacing:.02em;max-width:670px;margin:30px 0 0;font-size:19px;line-height:1.85}.hero-actions{gap:18px;margin-top:42px;display:flex}.button{border:1px solid var(--cyan);letter-spacing:.08em;justify-content:space-between;align-items:center;min-width:210px;padding:18px 24px;font-weight:700;transition:all .22s;display:inline-flex}.button.primary{color:#051523;background:linear-gradient(120deg,var(--cyan),#4fc9e6);box-shadow:0 15px 45px #2dd4df29}.button.secondary{color:#fff;background:#04142473}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 18px 45px #2dd4df33}.hero-sectors{color:#b8c7d2;letter-spacing:.2em;gap:0;margin-top:56px;font-size:13px;display:flex}.hero-sectors span{border-right:1px solid #ffffff3d;padding:0 24px}.hero-sectors span:first-child{padding-left:0}.hero-sectors span:last-child{border:0}.trust-strip{z-index:3;background:#fff;grid-template-columns:repeat(3,1fr);max-width:1280px;margin:-54px auto 0;padding:28px 42px;display:grid;position:relative;box-shadow:0 22px 70px #0f2a421f}.trust-strip>div{border-right:1px solid #d7e0e7;align-items:center;gap:22px;padding:8px 42px;display:flex}.trust-strip>div:last-child{border:0}.trust-strip strong{color:#0a2742;letter-spacing:-.03em;font:800 44px/1 Arial,sans-serif}.trust-strip strong small{margin-left:4px;font:700 16px/1 Noto Sans TC,sans-serif}.trust-strip span{color:#61768a;letter-spacing:.05em;font-size:13px;font-weight:600;line-height:1.7}.section{max-width:1440px;margin:auto;padding:140px clamp(28px,6vw,92px)}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:70px;display:grid}.section-heading .kicker{grid-column:1/-1;margin-bottom:-50px}.section-heading h2,.process-copy h2,.about-copy h2,.contact-section h2{color:#0b2339;letter-spacing:-.035em;margin:0;font-size:clamp(38px,4vw,60px);line-height:1.22}.section-heading>p:last-child,.process-copy>p,.about-copy>p,.contact-section>div:first-child>p:last-child{color:#60758a;margin:0;font-size:16px;line-height:1.9}.audience-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.audience-card{color:#fff;background-color:#0d2943;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:470px;padding:34px;display:flex;position:relative;overflow:hidden}.audience-card:before{content:"";background:linear-gradient(#05121e38,#05121ef0);position:absolute;inset:0}.audience-1{background-image:linear-gradient(140deg,#061e3547,#061e352e),url(/audience-zhongshan.jpg);background-position:50%}.audience-2{background-image:linear-gradient(140deg,#061e3540,#061e3538),url(/audience-stsp.jpg);background-position:50%}.audience-3{background-image:linear-gradient(140deg,#061e3540,#061e3538),url(/audience-cathay.jpg);background-position:50%}.audience-card>*{z-index:1;position:relative}.audience-card>p{color:#7ce4eb;letter-spacing:.25em;margin:0;font:700 11px/1 Arial,sans-serif}.audience-card span{color:var(--cyan);font:700 14px/1 Arial,sans-serif}.audience-card h3{margin:12px 0 14px;font-size:30px}.audience-card div p{color:#c4d1da;margin:0;font-size:14px;line-height:1.75}.services-section{color:#fff;background:#07192b;max-width:none}.services-section>*{max-width:1260px;margin-left:auto;margin-right:auto}.section-heading.compact{display:block}.section-heading.compact .kicker{margin:0 0 24px}.section-heading.compact h2{color:#fff}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:290px;padding:36px;transition:all .25s;position:relative}.service-grid article:hover{background:#0c2842;transform:translateY(-3px)}.service-top{color:var(--cyan);align-items:center;gap:16px;display:flex}.service-top>span{letter-spacing:.18em;font:700 12px/1 Arial,sans-serif}.service-icon{opacity:.94;width:30px;height:30px}.service-grid h3{margin:30px 0 16px;font-size:24px}.service-grid p{color:#9fb2c1;margin:0;font-size:14px;line-height:1.75}.service-grid i{color:#6c899f;font-size:20px;font-style:normal;position:absolute;top:28px;right:28px}.process-section{background:#eaf0f4;grid-template-columns:.8fr 1.2fr;gap:12vw;padding:140px max(7vw,28px);display:grid}.process-copy{align-self:start;position:sticky;top:40px}.process-copy>p{max-width:470px;margin-top:28px}.process-copy>a{color:#0d6080;border-bottom:1px solid #0d6080;margin-top:34px;padding-bottom:6px;font-weight:700;display:inline-block}.process-list{border-top:1px solid #b8c7d2;margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid #b8c7d2;grid-template-columns:90px 1fr;align-items:center;min-height:140px;padding:30px 4px;display:grid}.process-list li>span{color:#168e9a;font:700 13px/1 Arial,sans-serif}.process-list strong{font-size:24px}.process-list p{color:#65798c;margin:8px 0 0}.project-heading{align-items:end}.project-heading .kicker{margin-bottom:24px}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-grid article{background:#fff;box-shadow:0 14px 40px #0f2d4614}.project-visual{color:#fff;background-color:#0a2139;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;height:260px;padding:24px;display:flex}.pv-1{background-image:linear-gradient(135deg,#08192b14,#08192bc2),url(/project-cafein.jpg);background-position:50%}.pv-2{background-image:linear-gradient(135deg,#08192b14,#08192bc2),url(/project-nhri.jpg);background-position:50%}.pv-3{background-image:linear-gradient(135deg,#08192b0f,#08192bb8),url(/project-yphs.jpg);background-position:50%}.project-visual span{color:#052333;background:var(--cyan);align-self:flex-start;padding:7px 11px;font-size:11px;font-weight:700}.project-visual strong{letter-spacing:.18em;font:600 11px/1 Arial,sans-serif}.project-body{padding:28px}.project-body>p:first-child{color:#258794;font-size:12px;font-weight:700}.project-body h3{margin:9px 0 12px;font-size:23px}.project-body>p:last-child{color:#65798c;margin:0;font-size:14px;line-height:1.75}.about-section{color:#fff;background:#0a2238;grid-template-columns:.75fr 1.25fr;align-items:center;gap:9vw;padding:130px max(8vw,30px);display:grid}.about-mark{aspect-ratio:1;background:radial-gradient(circle,#2bccd91f,#0000 66%);place-items:center;padding:11%;display:grid}.about-mark img{border-radius:50%}.about-copy h2{color:#fff}.about-copy>p{color:#b7c7d3;max-width:720px;margin-top:28px}.about-values{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;padding-top:30px;display:grid}.about-values span{color:#8ea4b6;font-size:12px;line-height:1.7}.about-values strong{color:#fff;margin-bottom:7px;font-size:15px;display:block}.contact-section{background:#2cd2dc;grid-template-columns:1fr 1fr;gap:10vw;padding:140px max(8vw,30px);display:grid}.contact-section .kicker{color:#09586a}.contact-section>div:first-child>p:last-child{color:#274e5c;max-width:560px;margin-top:24px}.contact-card{background:#062035;padding:8px 38px;box-shadow:0 30px 70px #04203529}.contact-card a,.contact-card>p{color:#fff;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:20px;min-height:94px;margin:0;display:flex}.contact-card>p:last-child{border:0}.contact-card span{color:#84a1b5;letter-spacing:.12em;font-size:12px}.contact-card strong{text-align:right;font-size:16px}.contact-card a:hover strong{color:var(--cyan)}.back-to-top{z-index:20;color:#fff;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#062035f0;border:1px solid #7ce4eb73;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-width:108px;height:46px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #0418283d}.back-to-top span{color:var(--cyan);font-size:19px;line-height:1}.back-to-top:hover{color:#062035;background:var(--cyan);transform:translateY(-2px)}.back-to-top:hover span{color:#062035}footer{color:#8195a6;background:#04121f;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:42px max(6vw,28px);font-size:12px;display:grid}.footer-brand .logo-shell{width:44px;height:44px}.footer-brand .brand-copy strong{color:#fff;font-size:18px}.footer-brand .brand-copy small{font-size:8px}.admin-shell{color:#102b43;background:#eef3f6;min-height:100vh;padding:46px max(5vw,24px) 120px}.admin-header{color:#fff;background:#071d30;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto 28px;padding:28px 32px;display:flex}.admin-header p{color:var(--cyan);letter-spacing:.2em;margin:0 0 8px;font:700 11px/1 Arial,sans-serif}.admin-header h1{margin:0 0 8px;font-size:30px}.admin-header span{color:#9eb0bf;font-size:12px}.admin-header>div:last-child{gap:10px;display:flex}.admin-header a{color:#fff;border:1px solid #315068;border-radius:8px;padding:10px 14px;font-size:13px}.admin-panel{background:#fff;border-radius:16px;max-width:1200px;margin:0 auto 22px;padding:30px 32px;box-shadow:0 8px 30px #0c2b440f}.admin-title{border-bottom:1px solid #dce6ec;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.admin-title h2{margin:0;font-size:22px}.admin-title p{color:#6d8190;margin:0;font-size:13px}.admin-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-shell label{color:#536b7d;gap:8px;font-size:12px;font-weight:700;display:grid}.admin-shell input,.admin-shell textarea{color:#102b43;width:100%;font:inherit;background:#f7fafb;border:1px solid #ccdae2;border-radius:8px;outline:none;padding:12px 14px;font-size:14px}.admin-shell textarea{resize:vertical;min-height:92px;line-height:1.6}.admin-shell input:focus,.admin-shell textarea:focus{border-color:#1faeb9;box-shadow:0 0 0 3px #2cd2dc24}.admin-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-list article{background:#f7fafb;border:1px solid #dce6ec;border-radius:12px;gap:14px;padding:22px;display:grid}.admin-list article>strong,.admin-project-head strong{color:#1598a3;letter-spacing:.14em;font:700 12px/1 Arial,sans-serif}.admin-project-head{justify-content:space-between;align-items:center;display:flex}.admin-project-head button{color:#a33d3d;cursor:pointer;background:0 0;border:0}.upload-label{grid-template-columns:1fr auto;align-items:center}.upload-label input{background:#fff;grid-column:1/-1;padding:8px}.upload-label span{color:#1598a3}.add-button{color:#0a6570;cursor:pointer;background:#e3fafb;border:1px solid #9de5e9;border-radius:8px;margin-top:18px;padding:12px 18px;font-weight:700}.admin-save{color:#52697a;background:#071d30f5;border-radius:14px;justify-content:flex-end;align-items:center;gap:22px;max-width:1200px;margin:26px auto 0;padding:18px 22px;display:flex;position:sticky;bottom:16px;box-shadow:0 16px 38px #071d3038}.admin-save p{color:#c7d5de;margin:0 auto 0 0;font-size:13px}.admin-save button{color:#062035;background:var(--cyan);cursor:pointer;border:0;border-radius:8px;padding:13px 22px;font-weight:800}@keyframes heroZoom{0%{transform:scale(1.025)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}*{transition:none!important}}@media (width<=980px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;border:1px solid #ffffff4d;place-content:center;gap:5px;width:44px;height:44px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:#fff;width:20px;height:2px}.mobile-nav>div{background:#071b2e;flex-direction:column;width:230px;padding:12px;display:flex;position:absolute;top:54px;right:0;box-shadow:0 18px 50px #0000004d}.mobile-nav a{border-bottom:1px solid var(--line);padding:14px}.hero{min-height:860px}.hero-content{padding-top:138px}.trust-strip{margin:-30px 24px 0;padding:24px 10px}.trust-strip>div{padding:8px 20px}.trust-strip strong{font-size:36px}.section-heading{grid-template-columns:1fr;gap:26px}.section-heading .kicker{margin:0}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:330px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-section{grid-template-columns:1fr;gap:60px}.process-copy{position:static}.project-grid{grid-template-columns:1fr}.project-grid article{grid-template-columns:.8fr 1.2fr;display:grid}.project-visual{height:auto;min-height:260px}.about-section,.contact-section{grid-template-columns:1fr}.about-mark{max-width:420px;margin:auto}.contact-section{gap:60px}footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:14px}}@media (width<=640px){.site-header{height:84px;padding:0 20px}.logo-shell{width:48px;height:48px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:8px}.hero{min-height:790px}.hero-image{opacity:.42;background-position:66%}.hero-content{padding:120px 22px 65px}.eyebrow{font-size:12px}.hero h1{font-size:48px;line-height:1.15}.mobile-break{display:block}.hero-lead{font-size:16px;line-height:1.75}.hero-actions{flex-direction:column}.button{width:100%}.hero-sectors{letter-spacing:.1em;gap:0;font-size:10px}.hero-sectors span{padding:0 10px}.trust-strip{box-shadow:none;grid-template-columns:1fr;margin:0}.trust-strip>div{border-bottom:1px solid #d7e0e7;border-right:0;justify-content:center}.trust-strip>div:last-child{border-bottom:0}.section{padding:90px 22px}.section-heading{margin-bottom:42px}.section-heading h2,.process-copy h2,.about-copy h2,.contact-section h2{font-size:38px}.service-grid{grid-template-columns:1fr}.process-section,.about-section,.contact-section{padding:90px 22px}.process-list li{grid-template-columns:60px 1fr}.project-grid article{display:block}.project-visual{height:230px}.about-values{grid-template-columns:1fr}.contact-card{padding:6px 22px}.contact-card a,.contact-card>p{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.contact-card strong{text-align:left}.back-to-top{width:46px;min-width:46px;padding:0;font-size:0;bottom:14px;right:14px}.back-to-top span{font-size:21px}.admin-header,.admin-title,.admin-save{flex-direction:column;align-items:flex-start}.admin-header>div:last-child{width:100%}.admin-fields,.admin-list{grid-template-columns:1fr}.admin-panel{padding:24px 18px}.admin-save{bottom:8px}.admin-save button{width:100%}}