:root{--color-ink:#14232e;--color-navy:#082435;--color-blue:#176b91;--color-teal:#15958d;--color-mint:#a8ded2;--color-paper:#f5f7f6;--color-white:#fff;--color-muted:#62717a;--color-focus:#0b78a5;--content-width:1200px;--header-height:76px;--radius-card:8px;--radius-pill:999px;--space-section:clamp(2.5rem, 4vw, 4rem);--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:var(--header-height)}body{color:var(--color-ink);background:var(--color-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}button,a{font:inherit}a,button{color:inherit}::selection{color:var(--color-white);background:var(--color-blue)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.page-container{width:min(var(--content-width), calc(100% - 3rem));margin-inline:auto}.section-padding{padding-block:var(--space-section)}.eyebrow{color:var(--color-teal);letter-spacing:.18em;margin:0 0 1rem;font-family:Arial,sans-serif;font-size:.75rem;font-weight:700;line-height:1.4}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:inherit;line-height:1.2}h2{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(2rem,4.3vw,3.7rem);font-weight:500}.skip-link{z-index:20;border-radius:var(--radius-card);color:var(--color-white);background:var(--color-navy);padding:.75rem 1rem;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #08243514;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;width:min(1440px,100% - 3rem);height:100%;margin-inline:auto;display:flex}.brand{min-width:max-content;color:var(--color-navy);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand__mark{object-fit:contain;width:3rem;height:3rem;display:block}.brand__text{line-height:1.1;display:grid}.brand__english{letter-spacing:.13em;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700}.brand__chinese{letter-spacing:.17em;margin-top:.25rem;font-size:.72rem}.primary-navigation{align-items:center;gap:clamp(1.2rem,2.5vw,2.4rem);height:100%;display:flex}.primary-navigation a,.site-footer__nav a{color:var(--color-ink);font-size:.875rem;text-decoration:none;transition:color .18s}.primary-navigation a:hover,.site-footer__nav a:hover{color:var(--color-teal)}.primary-navigation .primary-navigation__contact{border-radius:var(--radius-pill);border:1px solid #0824353d;align-items:center;gap:.65rem;min-height:2.65rem;padding-inline:1.1rem;font-weight:600;display:inline-flex}.menu-toggle{background:var(--color-white);cursor:pointer;border:1px solid #0824352e;border-radius:50%;width:2.9rem;height:2.9rem;padding:.8rem;display:none}.menu-toggle span{background:var(--color-navy);height:1px;display:block}.menu-toggle span+span{margin-top:.35rem}.hero-section{min-height:clamp(420px,60svh,560px);color:var(--color-white);background:var(--color-navy);align-items:center;display:grid;position:relative;overflow:hidden}.media-placeholder{isolation:isolate;width:100%;color:var(--color-white);background:radial-gradient(at 78% 34%,#15958d8a,#0000 27%),radial-gradient(at 63% 78%,#176b91ad,#0000 38%),linear-gradient(130deg,#061827 4%,#0a3146 52%,#155566 100%);place-items:center;display:grid;position:relative;overflow:hidden}.media-placeholder:before,.media-placeholder:after{z-index:-1;content:"";pointer-events:none;position:absolute}.media-placeholder:before{opacity:.25;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:76px 76px;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#000);mask-image:linear-gradient(90deg,#0000,#000 45%,#000)}.media-placeholder:after{aspect-ratio:1;border:1px solid #a8ded261;border-radius:50%;width:min(54vw,660px);top:50%;right:-9%;transform:translateY(-50%);box-shadow:0 0 0 4rem #a8ded20a,0 0 0 9rem #a8ded208}.media-placeholder--hero{position:absolute;inset:0}.media-placeholder__label{z-index:2;border-radius:var(--radius-pill);color:#ffffffd6;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08243557;border:1px solid #ffffff4d;padding:.55rem .9rem;font-size:.78rem;position:relative}.media-placeholder--hero .media-placeholder__label{position:absolute;top:clamp(1.5rem,4vw,3rem);right:clamp(1rem,5vw,4rem)}.media-placeholder__geometry{z-index:1;aspect-ratio:1;pointer-events:none;border:1px solid #a8ded270;border-radius:46% 54% 62% 38%/47% 42% 58% 53%;width:28vw;max-width:420px;position:absolute;top:50%;left:68%;transform:translate(-50%,-50%)rotate(-22deg);box-shadow:inset 0 0 60px #15958d2e,0 0 70px #15958d1f}.media-placeholder__geometry:before,.media-placeholder__geometry:after{content:"";border-radius:inherit;border:1px solid #a8ded259;position:absolute;inset:12%}.media-placeholder__geometry:after{border-color:#ffffff47;transform:rotate(62deg)scale(.78)}.hero-section__overlay{pointer-events:none;background:linear-gradient(90deg,#03121fd1 0%,#03121f99 42%,#03121f24 100%);position:absolute;inset:0}.hero-section__content{z-index:2;padding-block:4rem;position:relative}.hero-section__eyebrow{color:var(--color-mint)}.hero-section h1{letter-spacing:-.055em;white-space:pre-line;max-width:11em;margin:0 0 1.25rem;font-size:clamp(3rem,5.8vw,5.5rem);font-weight:500}.hero-section__description{color:#ffffffc7;max-width:36rem;margin-bottom:2.3rem;font-size:clamp(1rem,1.8vw,1.25rem)}.button{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:1.4rem;min-height:3.35rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--light{color:var(--color-navy);background:var(--color-white)}.button--light:hover{background:var(--color-mint)}.about-section{background:var(--color-white)}.about-section__inner{grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.about-section__visual{max-width:460px;position:relative}.media-placeholder--story{aspect-ratio:1.12;background:radial-gradient(at 38% 35%,#a8ded2bd,#0000 24%),radial-gradient(at 68% 64%,#176b91b3,#0000 35%),linear-gradient(145deg,#e4f0ed,#b6d5d0 48%,#d2e5e1);min-height:350px}.media-placeholder--story:before{opacity:.22;background-image:linear-gradient(#08243524 1px,#0000 1px),linear-gradient(90deg,#08243524 1px,#0000 1px);-webkit-mask-image:radial-gradient(#000 10%,#0000 74%);mask-image:radial-gradient(#000 10%,#0000 74%)}.media-placeholder--story:after{border-color:#0824352e;box-shadow:0 0 0 4rem #176b910a,0 0 0 9rem #176b9108}.media-placeholder--story .media-placeholder__label{color:var(--color-ink);background:#ffffff8f;border-color:#0824352e}.media-placeholder--story .media-placeholder__geometry{border-color:#08243559}.media-placeholder--story .media-placeholder__geometry:before{border-color:#0824353d}.about-section__visual .media-placeholder{z-index:1}.about-brand{aspect-ratio:1;background:var(--color-white);align-content:center;justify-items:center;min-height:350px;display:grid;position:relative}.about-brand img{width:100%;height:auto;display:block}.about-section__visual-note{z-index:2;color:var(--color-white);background:var(--color-navy);letter-spacing:.15em;padding:.5rem .8rem;font-family:Arial,sans-serif;font-size:.68rem;position:absolute;bottom:0;right:.7rem}.about-section__copy{max-width:30rem}.about-section__copy>p:not(.eyebrow){color:var(--color-muted);margin-bottom:2rem;font-size:1.05rem}.text-link{color:var(--color-blue);align-items:center;gap:1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link span{aspect-ratio:1;border:1px solid #176b915c;border-radius:50%;place-items:center;width:2.2rem;display:grid}.services-section{background:var(--color-paper)}.section-heading{margin-bottom:2rem}.section-heading h2{margin-bottom:0}.section-heading--split{justify-content:space-between;align-items:end;gap:3rem;display:flex}.section-heading__description{max-width:25rem;color:var(--color-muted);margin-bottom:.25rem}.solutions-overview{border-radius:var(--radius-card);background:var(--color-white);border:1px solid #08243517;place-items:center;margin-bottom:1.5rem;padding:1rem;display:grid}.solutions-overview img{object-fit:contain;width:100%;height:clamp(200px,23vw,300px);display:block}.solutions-overview picture{width:100%;display:block}@media (width<=600px){.solutions-overview img{height:auto}}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.service-card{border-radius:var(--radius-card);background:var(--color-white);border:1px solid #08243517;position:relative;overflow:hidden}.solution-visual{background:var(--color-white);place-items:center;height:120px;padding:.5rem;display:grid}.solution-visual img{object-fit:contain;width:min(100%,200px);height:100%;display:block}@media (width>=800px) and (width<=1100px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.roadmap-section{color:var(--color-white);background:var(--color-navy)}.roadmap-section .eyebrow{color:var(--color-mint)}.roadmap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.roadmap-step{border-top:1px solid #a8ded273;padding-top:1.8rem}.roadmap-step h3{margin-bottom:1rem;font-size:1.5rem;font-weight:500}.roadmap-step>p:last-child{color:#ffffffbf;margin-bottom:0}.service-card__copy{padding:.75rem 1rem 1rem}.service-card__copy .eyebrow{margin-bottom:.7rem;font-size:.68rem}.service-card h3{margin-bottom:.65rem;font-size:1.25rem;font-weight:600}.service-card__copy>p:last-child{color:var(--color-muted);margin-bottom:0;font-size:.9rem}.contact-section{color:var(--color-white);background:linear-gradient(112deg,#082435,#0d4352 72%,#116c69)}.contact-section__inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-section .eyebrow{color:var(--color-mint)}.contact-section h2{white-space:pre-line;margin-bottom:0}.contact-details{gap:0;margin:0;font-style:normal;display:grid}.contact-details__item{border-bottom:1px solid #ffffff38;gap:.6rem;padding-block:1.15rem;display:grid}.contact-details__label{color:#ffffffa6;font-size:.8rem}.contact-details__item>span:last-child,.contact-details__item>a{color:var(--color-white);overflow-wrap:anywhere;font-size:1.05rem;text-decoration:none}.contact-details__item>a:hover{color:var(--color-mint);text-underline-offset:.3em;text-decoration:underline}.site-footer{color:#ffffffbf;background:#061a28}.site-footer__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:100px;padding-block:1.5rem;display:grid}.brand--footer{color:var(--color-white)}.site-footer__nav{justify-content:center;gap:clamp(1rem,2vw,2rem);display:flex}.site-footer__nav a{color:#ffffffbf;font-size:.8rem}.site-footer__copyright{color:#ffffff8c;text-align:right;margin:0;font-size:.72rem}@media (width<=799px){:root{--header-height:68px;--space-section:5.25rem}.site-header__inner{width:calc(100% - 2rem)}.menu-toggle{display:block}.primary-navigation{background:var(--color-white);border-top:1px solid #08243514;align-items:stretch;gap:0;height:auto;padding:.5rem 1rem 1rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 25px #0824351f}.primary-navigation.is-open{flex-direction:column;display:flex}.primary-navigation a{padding:.85rem .35rem}.primary-navigation .primary-navigation__contact{justify-content:space-between;margin-top:.5rem;padding-inline:1rem}.hero-section{min-height:380px}.hero-section__content{padding-block:3rem}.hero-section__overlay{background:linear-gradient(90deg,#03121fd1,#03121f61)}.media-placeholder__geometry{width:45vw;left:76%}.about-section__inner,.contact-section__inner{grid-template-columns:1fr;gap:2rem}.about-section__visual{max-width:460px}.about-section__copy{max-width:42rem}.section-heading--split{display:block}.section-heading__description{max-width:38rem;margin-top:1.5rem}.service-grid{grid-template-columns:1fr}.solution-visual{height:110px}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{grid-template-columns:110px minmax(0,1fr);align-items:stretch;display:grid}.service-card__copy{align-self:center}.site-footer__inner{grid-template-columns:1fr auto;gap:1.4rem}.site-footer__nav{flex-wrap:wrap;justify-content:end}.site-footer__copyright{text-align:left;grid-column:1/-1}}@media (width<=520px){.page-container{width:calc(100% - 2rem)}.hero-section h1{font-size:clamp(2rem,9vw,3rem)}.media-placeholder--story,.about-brand{min-height:270px}.roadmap-grid{grid-template-columns:1fr}.solutions-overview{padding:.5rem}.service-card{display:grid}.service-card__copy{padding:1rem .75rem}.site-footer__inner{grid-template-columns:1fr}.site-footer__nav{justify-content:start}.site-footer__copyright{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
