:root{--ink:#101820;--navy:#0b2740;--blue:#078bd1;--blue-light:#dff3fc;--paper:#f4f6f7;--line:#d7dde1;--muted:#5f6b74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--ink);background:#fff;margin:0;font-family:Arial,Noto Sans TC,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.site-header{z-index:50;background:#fffffff7;border-bottom:1px solid #e5e8ea;grid-template-columns:auto 1fr auto;align-items:center;width:100%;height:76px;padding:0 max(4.5vw,28px);display:grid;position:fixed;top:0}.brand{align-items:center;width:max-content;display:flex}.brand-logo{object-fit:contain;width:auto;height:54px;display:block}nav{justify-self:center;gap:34px;display:flex}nav a{color:#34414a;font-size:14px;font-weight:600}nav a:hover,.nav-contact:hover{color:var(--blue)}.header-actions{justify-self:end;align-items:center;gap:20px;display:flex}.nav-contact{white-space:nowrap;font-size:14px;font-weight:700}.nav-contact span{color:var(--blue);margin-left:6px}.language-switch{border:1px solid #ccd5da;border-radius:999px;align-items:center;padding:4px 5px;display:flex}.language-switch a{color:#82909a;letter-spacing:.2px;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 9px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;transition:color .2s;display:inline-flex}.language-switch a:hover,.language-switch a.active{color:var(--navy)}.language-switch a.active{background:var(--blue-light);border-radius:999px}.language-switch>span{background:#ccd5da;width:1px;height:11px}.language-switch a.active+span{opacity:0}.language-switch>span:has(+a.active){opacity:0}.hero{color:var(--navy);background:#edf2f4;height:min(760px,89vh);min-height:650px;padding-top:76px;position:relative;overflow:hidden}.hero-photo{filter:grayscale()contrast(1.1)brightness(.92);object-fit:cover;object-position:67% center;width:54%;height:calc(100% - 76px);position:absolute;top:76px;right:0}.hero-shade{background:linear-gradient(90deg,#edf2f4 0%,#edf2f4e6 11%,#edf2f43d 22%,#0930480f 48%,#0930481f 100%),linear-gradient(#0000 64%,#06233633);width:59%;position:absolute;top:76px;bottom:0;right:0}.hero-content{z-index:2;width:46%;max-width:640px;position:absolute;top:49%;left:max(7vw,48px);transform:translateY(-46%)}.overline,.section-label{letter-spacing:2px;text-transform:uppercase;margin:0 0 22px;font-size:14px;font-weight:800}.overline:before,.section-label:before{background:var(--blue);content:"";width:34px;height:2px;margin:0 12px 3px 0;display:inline-block}h1{letter-spacing:-4px;margin:0;font-size:clamp(46px,5.7vw,80px);line-height:1.12}.lang-en h1{letter-spacing:-3.4px;font-size:clamp(46px,4.9vw,70px);line-height:1.08}.hero-lead{color:#536673;max-width:540px;margin:25px 0 33px;font-size:16px;line-height:1.85}.hero-actions{align-items:center;gap:27px;display:flex}.button{justify-content:space-between;align-items:center;gap:30px;padding:15px 20px;font-size:14px;font-weight:700;display:inline-flex}.button.light{background:var(--blue);color:#fff;min-width:190px;transition:background .2s}.button.light:hover{background:#0676b1}.button.light span{color:#fff}.inline-link span{color:var(--blue)}.text-link{border-bottom:1px solid #0b274052;align-items:center;min-height:44px;padding:10px 0;font-size:14px;display:inline-flex}.text-link span{margin-left:7px}.hero-notes{z-index:2;grid-template-columns:repeat(3,1fr);width:min(650px,48vw);display:grid;position:absolute;bottom:0;left:max(7vw,48px)}.hero-notes div{border-left:1px solid #0b27403d;grid-template-columns:28px 1fr;gap:3px;padding:21px 22px;display:grid}.hero-notes span{color:var(--blue);grid-row:span 2;padding-top:3px;font-size:14px}.hero-notes b{font-size:14px}.hero-notes small{color:#657783;font-size:14px}.intro,.solutions,.deployment,.cases{padding:110px max(7vw,48px)}.section-label{color:var(--blue)}.intro-copy{grid-template-columns:1.2fr .8fr;gap:11%;display:grid}.intro h2,.section-heading h2,.technology h2,.deployment h2,.cases h2,.contact h2{letter-spacing:-3px;margin:0;font-size:clamp(36px,4.1vw,60px);line-height:1.2}.lang-en .intro h2,.lang-en .section-heading h2,.lang-en .technology h2,.lang-en .deployment h2,.lang-en .cases h2,.lang-en .contact h2{letter-spacing:-2.4px;font-size:clamp(35px,3.7vw,55px);line-height:1.13}.intro-copy>div{border-top:1px solid var(--ink);padding-top:25px}.intro-copy>div>p{color:var(--muted);margin:0 0 28px;font-size:15px;line-height:1.9}.inline-link{align-items:center;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.inline-link span{margin-left:18px}.solutions{background:var(--paper)}.section-heading,.deployment-heading,.technology-top{grid-template-columns:1.25fr .75fr;align-items:end;gap:12%;margin-bottom:66px;display:grid}.section-heading>p,.deployment-heading>p,.technology-top>p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.service-list{border-top:1px solid #bfc7cc}.service-row{border-bottom:1px solid #bfc7cc;grid-template-columns:48px 1.15fr 1.65fr 1.15fr 32px;align-items:center;gap:28px;min-height:170px;padding:28px 0;display:grid}.service-number{color:var(--blue);font-size:14px;font-weight:800}.service-title>span{color:#76828a;letter-spacing:1.1px;text-transform:uppercase;font-size:14px;font-weight:700}.service-title h3{letter-spacing:-1px;margin:8px 0 0;font-size:24px}.service-row>p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.service-tags{flex-wrap:wrap;gap:6px;display:flex}.service-tags span{color:#58646c;border:1px solid #c5cdd2;border-radius:20px;padding:7px 10px;font-size:14px}.service-row>a{border:1px solid #aeb9c0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex}.service-row:hover>a{background:var(--blue);border-color:var(--blue);color:#fff}.seo-hub{background:#fff;padding:100px max(7vw,48px)}.seo-hub>h2{letter-spacing:-3px;max-width:850px;margin:0 0 52px;font-size:clamp(36px,4.1vw,60px);line-height:1.16}.seo-hub-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.seo-hub-grid>a{border-right:1px solid var(--line);min-height:270px;padding:26px 34px 30px 0;display:block}.seo-hub-grid>a+a{padding-left:34px}.seo-hub-grid>a:last-child{border-right:0}.seo-hub-grid span{color:var(--blue);font-size:14px;font-weight:800}.seo-hub-grid h3{letter-spacing:-1px;margin:52px 0 13px;font-size:27px}.seo-hub-grid p{color:var(--muted);margin:0 0 24px;line-height:1.75}.seo-hub-grid b{color:var(--blue);font-size:14px}.seo-page{background:#fff}.seo-hero{background:linear-gradient(135deg,#edf2f4 0%,#f8fafb 62%,#dff3fc 100%);grid-template-columns:1.35fr .65fr;gap:9%;min-height:690px;padding:176px max(7vw,48px) 100px;display:grid}.seo-hero-copy{align-self:center;max-width:880px}.seo-hero h1{color:var(--navy);letter-spacing:-4px;font-size:clamp(48px,6vw,82px);line-height:1.06}.seo-hero-copy>p:not(.overline){color:#536673;max-width:760px;margin:28px 0 34px;font-size:17px;line-height:1.9}.seo-hero aside{border-left:1px solid #aebdc5;flex-direction:column;align-self:end;padding:25px 0 25px 30px;display:flex}.seo-hero aside span{color:var(--blue);letter-spacing:1.5px;margin-bottom:22px;font-size:13px;font-weight:800}.seo-hero aside b{color:var(--navy);border-top:1px solid #cbd5da;padding:14px 0;font-size:17px}.seo-overview{grid-template-columns:1.15fr .85fr;align-items:start;gap:10%;padding:110px max(7vw,48px);display:grid}.seo-overview h2{letter-spacing:-3px;margin:0;font-size:clamp(38px,4.3vw,62px);line-height:1.14}.seo-overview>p{border-top:1px solid var(--ink);color:var(--muted);margin:41px 0 0;padding-top:25px;font-size:16px;line-height:1.95}.seo-capabilities{background:var(--navy);color:#fff;padding:105px max(7vw,48px)}.seo-capabilities>div{border-top:1px solid #ffffff47;grid-template-columns:repeat(3,1fr);display:grid}.seo-capabilities article{border-right:1px solid #fff3;min-height:300px;padding:28px 36px 30px 0}.seo-capabilities article+article{padding-left:36px}.seo-capabilities article:last-child{border-right:0}.seo-capabilities article>span{color:#68c7f0;font-size:14px}.seo-capabilities h2{letter-spacing:-1px;margin:74px 0 16px;font-size:27px}.seo-capabilities article p{color:#aebdc7;margin:0;line-height:1.8}.seo-applications{background:var(--paper);padding:105px max(7vw,48px)}.seo-applications>div:last-child{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.seo-applications article{background:#fff;min-height:270px;padding:28px}.seo-applications article>span{color:var(--blue);font-size:14px;font-weight:800}.seo-applications h3{letter-spacing:-1px;margin:62px 0 14px;font-size:25px}.seo-applications article p{color:var(--muted);margin:0;line-height:1.8}.seo-related{padding:90px max(7vw,48px)}.seo-related>div{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.seo-related a{border-right:1px solid var(--line);flex-direction:column;align-items:start;min-height:135px;padding:24px 30px 24px 0;display:flex}.seo-related a+a{padding-left:30px}.seo-related a:last-child{border-right:0}.seo-related span{color:#77858d;letter-spacing:1px;text-transform:uppercase;font-size:13px}.seo-related b{color:var(--navy);margin-top:32px;font-size:24px}.seo-cta{background:var(--blue-light);text-align:center;padding:95px max(7vw,48px)}.seo-cta>p:first-child{color:var(--blue);letter-spacing:1.5px;font-size:14px;font-weight:800}.seo-cta h2{color:var(--navy);letter-spacing:-3px;margin:18px auto;font-size:clamp(38px,4.7vw,68px)}.seo-cta>p:nth-of-type(2){color:#48606b;max-width:680px;margin:0 auto 30px;line-height:1.8}.seo-cta .button{max-width:310px;margin:0 auto}.seo-footer{grid-template-columns:1fr 1fr 1.2fr auto}.technology{background:var(--navy);color:#fff;padding:110px max(7vw,48px)}.light-label{color:#68c7f0}.technology-top>p{color:#9db0bd}.capability-list{border-top:1px solid #ffffff40;grid-template-columns:repeat(3,1fr);display:grid}.capability-list article{border-right:1px solid #fff3;min-height:430px;padding:28px 38px 28px 0;position:relative}.capability-list article+article{padding-left:38px}.capability-list article:last-child{border-right:0}.capability-list article>span{color:#61bfe9;font-size:14px}.capability-list article>p:not(.capability-body){color:#8097a7;letter-spacing:1px;text-transform:uppercase;margin:20px 0 6px;font-size:14px}.capability-list h3{margin:0;font-size:25px}.capability-mark{width:105px;height:105px;margin:40px 0;position:relative}.capability-mark i{border:1px solid #5fbde6;border-radius:50%;position:absolute;inset:0}.capability-mark i:nth-child(2){inset:18px}.capability-mark i:nth-child(3){background:#5fbde6;border:0;inset:44px}.mark-2{border:1px solid #5fbde6;width:86px;height:86px;margin-top:48px}.mark-2:before,.mark-2:after{content:"";background:#5fbde6;position:absolute}.mark-2:before{height:1px;top:50%;left:-25px;right:-25px}.mark-2:after{width:1px;top:-25px;bottom:-25px;left:50%}.mark-2 i{display:none}.mark-3{align-items:end;gap:8px;display:flex}.mark-3 i{background:#5fbde6;border:0;border-radius:0;width:17px;height:38%;position:relative;inset:auto}.mark-3 i:nth-child(2){height:70%}.mark-3 i:nth-child(3){height:100%}.capability-body{color:#aebdc7;margin:0;font-size:14px;line-height:1.8}.deployment-heading{margin-bottom:58px}.steps{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{border-right:1px solid var(--line);min-height:235px;padding:25px 28px 20px 0}.steps li+li{padding-left:28px}.steps li:last-child{border-right:0}.steps span{color:var(--blue);font-size:14px;font-weight:800}.steps h3{margin:72px 0 12px;font-size:20px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.cases{background:#eef3f5}.case-heading{margin-bottom:55px}.case-layout{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.case-feature,.case-secondary article{background:#fff}.case-feature{grid-template-rows:auto 1fr auto;min-height:520px;padding:34px;display:grid}.case-index,.case-secondary article>span{color:var(--blue);letter-spacing:1px;font-size:14px;font-weight:800}.case-copy{align-self:center;max-width:650px}.case-copy>p:first-child,.case-secondary article>p:first-of-type{color:#71808a;letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:700}.case-copy h3{letter-spacing:-2px;margin:13px 0 20px;font-size:clamp(32px,3.2vw,49px)}.case-copy>p:last-child,.case-secondary article>p:last-child{color:var(--muted);max-width:590px;font-size:14px;line-height:1.8}.case-result{border-top:1px solid var(--line);gap:42px;padding-top:20px;display:flex}.case-result-pair{align-items:center;gap:12px;display:flex}.case-result-pair b{font-size:19px;font-weight:800}.case-result-pair small{color:#75828b;font-size:14px}.case-secondary{grid-template-rows:1fr 1fr;gap:18px;display:grid}.case-secondary article{padding:30px}.case-secondary article h3{letter-spacing:-1px;margin:10px 0 13px;font-size:23px}.faq{background:#fff;grid-template-columns:.8fr 1.2fr;gap:10%;padding:100px max(7vw,48px);display:grid}.faq-heading h2{letter-spacing:-2.6px;margin:0;font-size:clamp(34px,3.8vw,55px);line-height:1.15}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;grid-template-columns:34px 1fr auto;align-items:center;gap:18px;min-height:82px;padding:18px 0;font-size:18px;font-weight:700;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:14px}.faq-list summary b{color:var(--blue);font-size:22px;font-weight:400;transition:transform .2s}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details>p{color:var(--muted);margin:-3px 44px 25px 52px;line-height:1.85}.contact{background:var(--blue-light);padding:95px max(7vw,48px)}.contact-layout{grid-template-columns:.82fr 1.18fr;gap:8%;display:grid}.contact-copy{border-top:1px solid #86aaba;margin-top:48px;padding-top:24px}.company-identity{flex-direction:column;gap:4px;margin:0 0 18px;display:flex}.company-identity b{color:var(--navy);font-size:18px}.company-identity span{color:var(--blue);letter-spacing:.8px;font-size:14px;font-weight:700}.contact-copy>p{color:#48606b;margin:0 0 28px;font-size:14px;line-height:1.8}.contact-copy>a{border-bottom:1px solid #86aaba;justify-content:space-between;align-items:center;padding:0 0 15px;font-size:17px;font-weight:700;display:flex}.contact-copy b{color:var(--blue)}.inquiry-form{background:#ffffffb8;border:1px solid #0b27401f;gap:20px;padding:30px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.inquiry-form label{gap:8px;display:grid}.inquiry-form label>span{color:var(--navy);font-size:14px;font-weight:700}.inquiry-form input,.inquiry-form textarea{appearance:none;color:var(--ink);font:inherit;background:#fff;border:1px solid #abc3ce;border-radius:0;width:100%;min-height:48px;padding:12px 14px}.inquiry-form textarea{resize:vertical;min-height:128px}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--blue);outline:3px solid #078bd129}.inquiry-form button{background:var(--navy);color:#fff;cursor:pointer;border:0;justify-content:space-between;align-items:center;min-height:50px;padding:13px 18px;font-size:15px;font-weight:700;display:flex}.inquiry-form button:hover{background:#123b5a}.inquiry-form button span{color:#68c7f0}.inquiry-form small{color:#58707b;font-size:14px;line-height:1.6}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr 1.7fr auto;align-items:center;gap:28px;padding:30px max(4.5vw,28px);display:grid}.footer-brand .brand-logo{filter:drop-shadow(0 0 1px #fff);height:48px}footer>p{color:#9aabb5;font-size:14px}footer>div{gap:22px;display:flex}footer>div a{color:#aebbc3;align-items:center;min-height:44px;font-size:14px;display:inline-flex}footer>small{color:#8b9ba5;font-size:14px}@media (width<=980px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{height:760px}.hero-content{width:52%}.hero-photo{width:50%}.hero-shade{width:55%}.hero-notes{width:min(600px,55vw)}.intro-copy,.section-heading,.deployment-heading,.technology-top,.contact-layout,.faq{grid-template-columns:1fr;gap:45px}.service-row{grid-template-columns:38px 1fr 1.5fr 32px}.service-tags{display:none}.capability-list{grid-template-columns:1fr}.capability-list article{border-bottom:1px solid #fff3;border-right:0;min-height:0;padding:30px 0}.capability-list article+article{padding-left:0}.capability-mark{display:none}.capability-body{max-width:650px;margin-top:22px}.case-layout,.seo-hub-grid,.seo-capabilities>div{grid-template-columns:1fr}.seo-hub-grid>a,.seo-capabilities article{border-bottom:1px solid var(--line);border-right:0;min-height:0;padding:28px 0}.seo-hub-grid>a+a,.seo-capabilities article+article{padding-left:0}.seo-capabilities article{border-bottom-color:#fff3}.seo-hub-grid h3,.seo-capabilities h2{margin-top:28px}.seo-hero,.seo-overview{grid-template-columns:1fr;gap:45px}.seo-hero{padding-top:160px}.seo-hero aside{grid-template-columns:repeat(2,1fr);align-self:auto;gap:0 20px;display:grid}.seo-hero aside span{grid-column:1/-1}.seo-overview>p{margin-top:0}.seo-applications>div:last-child{grid-template-columns:1fr}.seo-applications article{min-height:210px}.faq{padding:90px max(7vw,48px)}footer{grid-template-columns:1fr 1fr}footer>div{justify-self:end}}@media (width<=620px){.site-header{height:68px;padding:0 20px}.brand-logo{height:46px}.header-actions{gap:0}.nav-contact{display:none}.language-switch a{min-width:44px;min-height:44px;padding:7px;font-size:14px}.hero{background:var(--navy);color:#fff;height:720px;min-height:0;padding-top:68px}.hero-photo{filter:grayscale()contrast(1.05)brightness(.7);object-position:61% center;width:100%;height:calc(100% - 68px);top:68px}.hero-shade{background:linear-gradient(90deg,#051826f0,#05182675),linear-gradient(#0000 45%,#03111be6);width:100%;top:68px}.hero-content{width:auto;top:44%;left:20px;right:20px}.hero-lead{color:#ffffffc7}.text-link{border-bottom-color:#ffffff6b}h1{letter-spacing:-2.6px;font-size:44px}.lang-en h1{letter-spacing:-2.2px;font-size:40px;line-height:1.08}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-notes{color:#fff;grid-template-columns:1fr;width:calc(100% - 40px);left:20px}.hero-notes div{display:none}.hero-notes div:first-child{border-left-color:#ffffff52;padding-left:18px;display:grid}.hero-notes small{color:#fff9}.intro,.solutions,.deployment,.cases,.technology,.contact,.faq,.seo-hub,.seo-overview,.seo-capabilities,.seo-applications,.seo-related,.seo-cta{padding:78px 20px}.intro h2,.section-heading h2,.technology h2,.deployment h2,.cases h2,.contact h2{letter-spacing:-2px;font-size:38px}.service-row{grid-template-columns:30px 1fr 30px;align-items:start;gap:12px;padding:27px 0}.service-title{grid-column:2}.service-row>p{grid-column:2/-1}.service-row>a{grid-area:1/3}.steps{grid-template-columns:1fr 1fr}.steps li{border-bottom:1px solid var(--line);min-height:200px}.steps li:nth-child(2){border-right:0}.steps li:nth-child(3){padding-left:0}.steps h3{margin-top:45px}.case-feature{min-height:500px;padding:25px}.case-result{gap:22px}.case-result-pair{flex-direction:column;align-items:flex-start;gap:4px}.faq-list summary{grid-template-columns:28px 1fr auto;gap:10px;min-height:72px;font-size:16px}.faq-list details>p{margin:-2px 32px 22px 38px}.contact-copy{margin-top:30px}.inquiry-form{padding:22px}.form-row{grid-template-columns:1fr}.seo-hub>h2{letter-spacing:-2px;font-size:38px}.seo-hero{min-height:0;padding:132px 20px 70px}.seo-hero h1{letter-spacing:-2.5px;font-size:43px}.seo-hero aside{grid-template-columns:1fr;padding-left:20px}.seo-overview h2,.seo-cta h2{letter-spacing:-2px;font-size:38px}.seo-related>div{grid-template-columns:1fr}.seo-related a,.seo-related a+a{border-bottom:1px solid var(--line);border-right:0;min-height:100px;padding:20px 0}.seo-related b{margin-top:18px}.seo-footer{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:32px 20px}footer>p{margin:0}footer>div{flex-wrap:wrap;justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
