:root{--color-bg: #f5f5f3;--color-surface: #ffffff;--color-ink: #161616;--color-muted: #525252;--color-line: #d6d6d1;--color-strong-line: #8d8d8d;--color-blue: #0f62fe;--color-blue-dark: #0043ce;--color-cyan: #009ec4;--color-green: #1b7f4c;--color-dark: #242424;--max-width: 1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:Noto Sans TC,IBM Plex Sans,Segoe UI,Arial,sans-serif;letter-spacing:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-line);background:#fffffff5;backdrop-filter:saturate(120%) blur(12px)}.header-inner{width:min(100%,var(--max-width));height:72px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:184px;height:auto}.site-nav{display:flex;align-items:center;gap:2px}.site-nav a{padding:14px 12px;color:#393939;font-size:14px;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--color-ink);border-bottom-color:var(--color-blue);background:#f4f4f4}.menu-toggle{display:none}.hero-carousel{position:relative;min-height:560px;height:70vh;overflow:hidden;background:#000}.hero-slide{position:absolute;inset:0;opacity:0;z-index:0;pointer-events:none;transition:opacity .65s ease}.hero-slide.is-active{opacity:1;z-index:1;pointer-events:auto}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,#000000c7,#00000094 48%,#0003),linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%)}.hero-content{position:relative;z-index:2;width:min(100%,var(--max-width));height:100%;margin:0 auto;padding:88px 32px 108px;display:flex;align-items:center}.hero-copy{width:min(760px,62vw);color:#fff}.hero-eyebrow,.section-heading>span,.page-hero span,.contact-cta span{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--color-blue);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-eyebrow{color:#e0e0e0}.hero-eyebrow:before,.section-heading>span:before,.page-hero span:before,.contact-cta span:before{content:"";width:36px;height:2px;background:var(--color-cyan)}.section-heading>span:before,.page-hero span:before,.contact-cta span:before{background:var(--color-blue)}.hero-copy h1{margin:0;max-width:860px;color:#fff;font-size:clamp(40px,5.1vw,72px);line-height:1.07;font-weight:650;letter-spacing:0}.hero-copy p{max-width:680px;margin:24px 0 0;color:#e0e0e0;font-size:19px;line-height:1.75}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;padding:13px 22px;font-size:15px;font-weight:750;line-height:1.2;border-radius:0}.button.primary{background:var(--color-blue);color:#fff}.button.primary:hover{background:var(--color-blue-dark)}.button.secondary{border-color:#fff;color:#fff;background:#0003}.button.secondary:hover{background:#fff;color:var(--color-ink)}.button.dark{border-color:var(--color-ink);color:var(--color-ink);background:transparent}.carousel-arrow{position:absolute;top:50%;z-index:5;width:48px;height:48px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.5);background:#00000052;color:#fff;font-size:30px;line-height:1;cursor:pointer}.carousel-arrow:hover{background:#fff;color:var(--color-ink)}.carousel-arrow.prev{left:24px}.carousel-arrow.next{right:24px}.carousel-dots{position:absolute;z-index:6;left:50%;bottom:28px;transform:translate(-50%);display:flex;gap:10px}.carousel-dot{width:42px;height:4px;border:0;padding:0;background:#ffffff6b;cursor:pointer}.carousel-dot.is-active{background:#fff}.content-section{padding:88px 32px}.content-section.white{background:#fff}.content-section.dark{background:#161616;color:#f4f4f4}.section-inner{width:min(100%,var(--max-width));margin:0 auto}.section-heading{max-width:840px;margin-bottom:44px}.section-heading h2,.page-hero h1,.contact-cta h2{margin:0;color:var(--color-ink);font-size:clamp(32px,4vw,54px);line-height:1.12;font-weight:650}.section-heading p,.page-hero p,.contact-cta p{margin:20px 0 0;color:var(--color-muted);font-size:18px;line-height:1.8}.section-heading.is-dark h2,.section-heading.is-dark p{color:#f4f4f4}.position-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:end}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-line)}.metric-grid div{background:#fff;padding:28px}.metric-grid strong{display:block;color:var(--color-blue);font-size:38px;line-height:1;font-weight:650}.metric-grid span{display:block;margin-top:12px;color:#393939;font-size:14px}.service-grid,.area-grid,.strength-grid,.highlight-grid,.news-list{display:grid;gap:1px;background:var(--color-line)}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card,.strength-grid article,.highlight-grid article,.news-list article{background:#fff;padding:28px;min-height:260px}.service-card{display:flex;flex-direction:column;border:1px solid transparent}.service-card:hover{border-color:var(--color-blue)}.card-index{display:block;margin-bottom:34px;color:var(--color-blue);font-size:13px;font-weight:800}.service-card h3,.strength-grid h3,.news-list h3,.cloud-feature-list h3{margin:0;font-size:22px;line-height:1.3}.service-card p,.strength-grid p,.news-list p,.cloud-feature-list p{margin:14px 0 0;color:var(--color-muted);font-size:15px;line-height:1.72}.service-card ul{margin:auto 0 0;padding:22px 0 0;list-style:none}.service-card li{padding:9px 0;border-top:1px solid var(--color-line);color:#393939;font-size:14px;line-height:1.45}.service-card a{margin-top:22px;color:var(--color-blue);font-weight:800}.cloud-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:36px}.cloud-photo{min-height:420px;padding:28px;display:flex;align-items:flex-end;border:1px solid #393939;background:linear-gradient(90deg,#000000b3,#00000040),url(https://images.pexels.com/photos/30481728/pexels-photo-30481728.jpeg?auto=compress&cs=tinysrgb&w=1280&h=900&fit=crop) center / cover no-repeat}.cloud-photo strong{max-width:520px;color:#fff;font-size:28px;line-height:1.25}.cloud-feature-list{display:grid;gap:1px;background:#393939}.cloud-feature-list article{background:#262626;padding:28px}.cloud-feature-list h3{color:#fff}.cloud-feature-list p{color:#c6c6c6}.area-grid{grid-template-columns:repeat(6,1fr)}.area-grid span{min-height:132px;padding:22px;display:flex;align-items:flex-end;background:#fff;color:#242424;font-size:18px;font-weight:750}.strength-grid{grid-template-columns:repeat(4,1fr)}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:0;padding:0;list-style:none;background:var(--color-line)}.process-steps li{min-height:230px;padding:28px;background:#fff}.process-steps span{display:block;margin-bottom:34px;color:var(--color-blue);font-size:13px;font-weight:800}.process-steps h3{margin:0;font-size:21px}.process-steps p{margin:14px 0 0;color:var(--color-muted);font-size:15px;line-height:1.72}.news-list{grid-template-columns:repeat(3,1fr)}.news-list article{min-height:230px}.news-list div{display:flex;justify-content:space-between;gap:18px;color:var(--color-muted);font-size:13px}.news-list h3{margin-top:34px}.news-list a:hover{color:var(--color-blue)}.contact-cta{width:min(calc(100% - 64px),var(--max-width));margin:88px auto;padding:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;border-top:3px solid var(--color-blue);background:#fff}.contact-cta .cta-actions{margin:0;justify-content:flex-end}.page-hero{width:min(100%,var(--max-width));margin:0 auto;padding:80px 32px 60px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:48px;align-items:center}.page-hero img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.page-hero .button{margin-top:28px}.highlight-grid{grid-template-columns:repeat(3,1fr)}.highlight-grid article{min-height:132px;display:flex;align-items:flex-end;color:var(--color-ink);font-size:20px;font-weight:750}.article-page{width:min(100%,860px);margin:0 auto;padding:76px 28px 96px}.article-page time,.article-page span{color:var(--color-muted);font-size:14px}.article-page h1{margin:18px 0 24px;font-size:clamp(34px,5vw,58px);line-height:1.12}.article-body{color:#393939;font-size:18px;line-height:1.85}.contact-page{width:min(100%,var(--max-width));margin:0 auto;padding:76px 32px 96px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px}.contact-page h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.12}.contact-page>section>p{color:var(--color-muted);font-size:18px;line-height:1.8}.contact-list{display:grid;gap:1px;margin-top:30px;background:var(--color-line)}.contact-list div{background:#fff;padding:22px}.contact-list span{display:block;margin-bottom:8px;color:var(--color-muted);font-size:13px}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:28px;background:#fff}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1 / -1}.field label{color:#393939;font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--color-strong-line);padding:12px 14px;background:#fff;color:var(--color-ink);font:inherit;border-radius:0}.field textarea{min-height:150px;resize:vertical}.form-note{grid-column:1 / -1;margin:0;color:var(--color-muted);font-size:13px;line-height:1.6}.site-footer{padding:52px 32px 24px;background:#161616;color:#c6c6c6}.footer-inner{width:min(100%,var(--max-width));margin:0 auto;display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:48px}.footer-inner img{width:220px;margin-bottom:20px}.footer-inner h2{margin:0 0 16px;color:#fff;font-size:16px}.footer-inner p,.footer-inner li{line-height:1.75}.footer-inner nav,.footer-inner ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.footer-inner a,.footer-inner strong{color:#fff}.footer-bottom{width:min(100%,var(--max-width));margin:38px auto 0;padding-top:20px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #393939;color:#a8a8a8;font-size:13px}@media(max-width:1100px){.position-grid,.cloud-feature,.page-hero,.contact-page{grid-template-columns:1fr}.service-grid,.strength-grid,.news-list,.highlight-grid{grid-template-columns:repeat(2,1fr)}.area-grid,.process-steps{grid-template-columns:repeat(3,1fr)}.hero-copy{width:min(760px,72vw)}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:820px){.header-inner{height:64px;padding:0 18px}.brand img{width:156px}.menu-toggle{width:44px;height:44px;display:grid;align-content:center;gap:5px;border:1px solid var(--color-line);background:#fff;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--color-ink)}.menu-toggle strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.site-nav{position:absolute;top:64px;left:0;right:0;display:none;border-bottom:1px solid var(--color-line);background:#fff}.site-nav.is-open{display:grid}.site-nav a{padding:16px 20px;border-top:1px solid var(--color-line);border-bottom:0}.hero-carousel{min-height:520px;height:520px}.hero-overlay{background:linear-gradient(90deg,#000000d1,#000000ab 64%,#00000057),linear-gradient(0deg,rgba(0,0,0,.78),transparent 54%)}.hero-content{padding:74px 22px 86px}.hero-copy{width:100%}.hero-copy h1{font-size:35px;line-height:1.14}.hero-copy p{margin-top:18px;font-size:16px;line-height:1.68}.hero-actions{margin-top:26px}.button{min-height:44px;padding:12px 16px;font-size:14px}.carousel-arrow{top:auto;bottom:20px;width:40px;height:40px;font-size:24px}.carousel-arrow.prev{left:18px}.carousel-arrow.next{right:18px}.carousel-dots{bottom:38px}.carousel-dot{width:24px}.content-section{padding:64px 20px}.section-heading h2,.page-hero h1,.contact-cta h2{font-size:31px}.section-heading p,.page-hero p,.contact-cta p{font-size:16px}.service-grid,.area-grid,.strength-grid,.process-steps,.news-list,.highlight-grid,.metric-grid{grid-template-columns:1fr}.service-card,.strength-grid article,.process-steps li,.news-list article,.highlight-grid article{min-height:auto;padding:26px}.cloud-photo{min-height:300px;padding:22px}.cloud-photo strong{font-size:23px}.contact-cta{width:calc(100% - 40px);margin:64px auto;padding:26px;grid-template-columns:1fr}.contact-cta .cta-actions{justify-content:flex-start}.page-hero{padding:58px 20px 44px}.contact-page{padding:58px 20px 72px}.contact-form{grid-template-columns:1fr;padding:22px}.footer-inner,.footer-bottom{grid-template-columns:1fr;flex-direction:column}}