:root{--navy:#091c32;--blue:#1269a4;--teal:#32d2c3;--ink:#152b40;--muted:#607080;--line:#dce4e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Noto Sans TC','Microsoft JhengHei','PingFang TC',system-ui,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #df9800;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:0}.preview{background:#edf3f6;color:#506474;text-align:center;font-size:12px;padding:3px 12px}header{position:sticky;top:0;z-index:20;background:#fffffffa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:25px}.brand{display:block;max-width:370px}.brand img{width:100%;height:auto;display:block}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);padding:9px 17px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:var(--navy);color:white;padding:90px 7% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.hero-grid{position:absolute;inset:0;background:linear-gradient(110deg,#091c32 20%,transparent),repeating-linear-gradient(0deg,transparent 0 69px,#ffffff06 70px),repeating-linear-gradient(90deg,transparent 0 69px,#ffffff06 70px);pointer-events:none}.hero-copy{position:relative;padding-bottom:70px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.5px;font-weight:700;margin:0 0 25px;color:#8fb7cb}.blue{color:var(--blue)}h1{font-size:clamp(38px,4.4vw,68px);line-height:1.3;letter-spacing:-2px;margin:0 0 28px;font-weight:700}h1 span{color:var(--teal);display:block}h2{font-size:clamp(29px,3vw,44px);line-height:1.5;letter-spacing:-1px;margin:0 0 25px}h3{font-size:21px;line-height:1.5}.intro{font-size:17px;color:#b8cbd9}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;padding:14px 23px;font-size:14px;font-weight:700}.primary{background:var(--teal);color:#062b32}.outline{border:1px solid #6b849a;color:white}.button:hover{filter:brightness(1.08)}.hero-caption{margin-top:40px;font-size:12px;color:#afc6d4;letter-spacing:2px}.dot{display:inline-block;background:var(--teal);width:6px;height:6px;border-radius:50%;margin-right:10px}.hero-bottom{position:relative;grid-column:1/-1;display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #ffffff24;font-size:12px;color:#b3c7d7;letter-spacing:1px}.system-art{position:relative;min-height:430px;align-self:center}.art-label{position:absolute;top:0;right:0;font-size:10px;letter-spacing:3px;color:#7596ac}.orbit{position:absolute;border:1px solid #32d2c328;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:330px;height:330px}.orbit-two{width:440px;height:440px;border-style:dashed}.camera{position:absolute;width:220px;height:220px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-12deg)}.camera-body{height:125px;width:205px;background:linear-gradient(160deg,#fcffff,#9cb5c8);border-radius:25px 40px 40px 25px;transform:skewY(5deg);box-shadow:15px 25px 50px #0006;position:relative}.lens{position:absolute;right:10px;top:12px;width:96px;height:103px;border-radius:50%;background:#0c1c2c;border:7px solid #738fa3;box-shadow:inset 0 0 0 5px #152f41;display:grid;place-items:center}.lens i{width:54px;height:54px;border:5px solid #244d64;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5bdad9 0,#204b63 20%,#030d17 55%);box-shadow:0 0 20px #32d2c344}.camera-neck{position:absolute;width:28px;height:57px;background:linear-gradient(90deg,#7390a3,#d9e5e9);left:75px;top:123px;transform:rotate(-15deg)}.camera-base{position:absolute;width:105px;height:21px;background:#93adbd;left:33px;top:176px;border-radius:50%}.art-node{position:absolute;background:#102b40e8;border:1px solid #456177;padding:12px 16px;font-size:13px;box-shadow:0 12px 30px #0002}.art-node b{color:var(--teal);margin-right:12px;font:12px monospace}.art-node span{display:block;font:8px Arial;letter-spacing:1.2px;color:#8eacbf;margin-top:6px}.node-a{top:50px;left:0}.node-b{right:-10px;top:220px}.node-c{bottom:20px;left:25px}.art-foot{position:absolute;bottom:-20px;right:0;font:8px Arial;letter-spacing:1px;color:#6d90a7}.section{padding:95px 7%}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.about-copy p{color:var(--muted);font-size:15px}.about-copy .lead{font-size:21px;color:var(--ink);margin-top:5px}.about-detail{display:flex;gap:55px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:12px;color:var(--muted)}.about-detail strong{display:block;color:var(--ink);font-size:15px;margin-top:7px}.services{background:#f2f5f7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading p:last-child{font-size:14px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:white;padding:28px 23px;border:1px solid #e2e8ed;display:flex;flex-direction:column}.service.featured{background:#103650;color:white;border-color:#103650}.service-number{font:10px Arial;letter-spacing:1.1px;color:#6c899d}.featured .service-number{color:#8fb8ce}.service-symbol{font-size:45px;height:85px;color:var(--blue);margin-top:20px}.featured .service-symbol{color:var(--teal)}.service p{font-size:14px;color:var(--muted);margin:0 0 28px}.featured p{color:#bad0de}.tags{font-size:10px;line-height:2;letter-spacing:.3px;border-top:1px solid #7890a233;padding-top:18px;margin-top:auto;color:#658093}.featured .tags{color:#aac7d7}.products{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.products p{font-size:14px;color:var(--muted)}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid var(--blue);padding:8px 0;color:var(--blue);margin-top:15px}.product-list>div{display:grid;grid-template-columns:38px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:19px 0}.product-list>div:first-child{border-top:1px solid var(--line)}.product-list span{font:12px monospace;color:var(--blue);grid-row:span 2}.product-list h3{font-size:18px;margin:0}.product-list p{margin:5px 0 0;font-size:12px}.process{background:#f5f7f8}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.steps article{padding:0 26px;border-left:1px solid #cfdbe3}.steps article:first-child{padding-left:0;border:0}.steps span{font:36px Arial;color:#8ba6b9}.steps p{font-size:14px;color:var(--muted)}.cases{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#102a40;color:white;align-items:center}.cases p{font-size:14px;color:#b5cbd9}.case-placeholder{padding:45px;border:1px solid #456176;background:repeating-linear-gradient(135deg,#ffffff02 0 10px,transparent 10px 20px)}.case-placeholder span{display:block;letter-spacing:3px;font:10px Arial;color:#90afc4}.case-placeholder strong{display:block;margin-top:22px;font-size:22px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:var(--muted);font-size:15px}.line-button{background:#087e40;color:white;margin-top:20px;gap:15px}.contact .small{font-size:12px}.contact-details>div{padding:16px 0;border-bottom:1px solid var(--line)}.contact-details span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.contact-details strong,.contact-details a{font-size:16px;font-weight:500;overflow-wrap:anywhere}.contact-details a:hover{color:var(--blue)}footer{padding:40px 7%;background:#f2f5f7;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:12px}footer div span{display:block;font-size:10px;color:var(--muted)}footer p{font:10px Arial;color:var(--muted)}.floating-line{position:fixed;right:22px;bottom:22px;z-index:25;background:#087e40;color:white;padding:12px 20px;box-shadow:0 4px 20px #0002;font:700 13px Arial;border-radius:4px}.floating-line span{font:12px system-ui;margin-left:7px}@media(min-width:1600px){.section,.hero{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}}@media(max-width:1100px){nav{gap:16px;font-size:12px}.brand{max-width:300px}.service-grid{grid-template-columns:repeat(2,1fr)}.system-art{transform:scale(.85);transform-origin:center}.hero{gap:0}.section-heading{display:block}}@media(max-width:760px){html{scroll-padding-top:80px}header{padding:15px 5%;gap:15px}.brand{max-width:275px}.menu-toggle{display:flex;gap:10px;align-items:center;border:0;background:none;color:var(--ink);font-size:12px;white-space:nowrap}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 12px 15px #0001;flex-direction:column;align-items:stretch;font-size:15px}nav.open{display:flex}.hero{padding:50px 6% 0;display:block}.hero-copy{padding-bottom:20px}h1{font-size:44px}.intro{font-size:15px}.system-art{min-height:360px;max-width:450px;margin:15px auto;transform:scale(.88)}.orbit-two{width:360px;height:360px}.orbit-one{width:280px;height:280px}.node-a{left:0}.node-b{right:-5px}.node-c{left:0;bottom:0}.hero-bottom{display:flex;flex-direction:column;gap:8px;font-size:10px}.section{padding:60px 6%}.about,.products,.contact,.cases{grid-template-columns:1fr;gap:30px}.eyebrow{font-size:10px;margin-bottom:17px}.about-detail{gap:30px}.service-grid{gap:12px}.service{padding:20px 17px}.service h3{font-size:19px}.service p{font-size:13px}.service-number{font-size:8px}.tags{font-size:9px}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps article,.steps article:first-child{padding:0 15px;border-left:1px solid #cfdbe3}.steps h3{font-size:19px}.case-placeholder{padding:30px}.contact{gap:35px}footer{display:block;padding:35px 6% 85px}footer>a{display:inline-block;margin:20px 0 0}.floating-line{right:15px;bottom:15px}}@media(max-width:370px){.brand{max-width:230px}h1{font-size:38px}.service-grid{grid-template-columns:1fr}.system-art{transform:scale(.76);margin-left:-15px;margin-right:-15px}.button{padding:12px 16px}}
.trust{background:#fff}.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #e8b044;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}.trust-stats strong{display:block;font-size:36px;color:var(--blue);line-height:1.5}.trust-stats span{font-size:13px;color:var(--muted)}.source-note{font-size:11px;color:var(--muted);line-height:1.8}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.review-grid article{border-left:3px solid var(--teal);padding:8px 20px;background:#f4f7f8}.review-grid article>span{font-size:11px;color:var(--muted)}.review-grid p,.commitments p,.faq p{font-size:14px;color:var(--muted)}.commitments{background:#fff8e9;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:5px solid #efb438}.commitment-list article{border-bottom:1px solid #d9ceba;padding:5px 0}.faq{background:#f2f5f7}.faq details{border-bottom:1px solid #ccd9e2;padding:21px 0}.faq summary{font-size:17px;font-weight:600;cursor:pointer}.faq details[open] summary{color:var(--blue)}.faq details p{max-width:850px;margin-bottom:0}.hero h1 span{color:#ffd16d}.nav-cta{border-color:#e8b044}.primary{background:#ffd16d}.hero{border-bottom:5px solid var(--teal)}@media(max-width:760px){.trust-stats{grid-template-columns:1fr 1fr}.trust-stats strong{font-size:29px}.review-grid,.commitments{grid-template-columns:1fr;gap:20px}.review-grid h3{font-size:19px}}
/* Carry the white logo background into a light, brand-colored introduction. */
header{background:#fff;border-bottom:1px solid #e5edf2}
.hero{background:linear-gradient(120deg,#fff 15%,#f2f9fb 65%,#e8f6f5);color:#102f50;border-bottom:1px solid #d4e7eb;padding-top:65px}
.hero-grid{background:radial-gradient(ellipse at 85% 15%,#13baba10,transparent 55%),repeating-linear-gradient(0deg,transparent 0 69px,#1269a405 70px),repeating-linear-gradient(90deg,transparent 0 69px,#1269a405 70px)}
.hero .eyebrow{color:#19758a}.hero h1 span{color:#087f91}.hero h1:after{content:'';display:block;width:65px;height:5px;background:linear-gradient(90deg,#ffbd35,#f5a51e);margin-top:28px;border-radius:3px}
.hero .intro{color:#4e687b}.hero .outline{color:#174d70;border-color:#a3c2d0;background:#ffffff70}.hero .primary{background:#ffc24a;color:#18354d}.hero-caption{color:#557486}.dot{background:#079e9f}.hero-bottom{color:#527084;border-color:#bcd4df}
.system-art{background:linear-gradient(140deg,#153c58,#0a263c);border:1px solid #244f68;border-radius:24px;box-shadow:0 24px 55px #173e551a;color:white;padding:25px;margin:10px 0 45px;min-height:430px}
.art-label{top:24px;right:24px;color:#a1c5d6}.orbit-two{width:370px;height:370px}.orbit-one{width:280px;height:280px}.node-a{top:65px;left:20px}.node-b{right:18px;top:225px}.node-c{left:25px;bottom:30px}.art-foot{bottom:15px;right:20px;color:#9ab8c9;font-size:7px}
@media(max-width:1100px) and (min-width:761px){.system-art{transform:scale(.92);margin-left:5px;margin-right:-15px}.orbit-two{width:320px;height:320px}}
@media(max-width:760px){.hero{padding-top:40px}.system-art{min-height:380px;transform:none;margin:30px auto;max-width:450px}.orbit-two{width:310px;height:310px}.orbit-one{width:245px;height:245px}.camera{transform:translate(-50%,-50%) rotate(-12deg) scale(.85)}.node-a{left:15px;top:55px}.node-b{right:12px;top:205px}.node-c{left:18px;bottom:32px}.art-node{font-size:11px;padding:10px 12px}.art-node span{font-size:7px}.art-foot{font-size:6px;letter-spacing:.5px}.hero h1:after{margin-top:22px}}
.project-section{background:#f1f6f7}.project-filters{display:flex;flex-wrap:wrap;gap:10px}.project-filters button{cursor:pointer;background:#fff;border:1px solid #b7cbd4;color:#25495e;padding:10px 20px;border-radius:30px;font-size:14px}.project-filters button[aria-pressed=true]{background:#123c55;border-color:#123c55;color:#fff}.project-count{font-size:12px;color:var(--muted);margin:20px 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.project-card{background:white;border:1px solid #dce6ea;min-width:0;border-radius:10px;overflow:hidden}.project-card[hidden]{display:none}.project-card:first-child{border-top:4px solid #e8b044}.project-image{position:relative;display:block;background:#e2e9ec;overflow:hidden}.project-image img{display:block;width:100%;height:310px;object-fit:contain;background:linear-gradient(135deg,#dde8ec,#f6f8f9)}.project-image>span{position:absolute;bottom:12px;right:12px;background:#092b40e8;color:white;padding:5px 11px;font-size:11px;border-radius:3px}.project-copy{padding:24px}.project-tag{font-size:11px;letter-spacing:1px;color:#087b83;font-weight:700}.project-copy h3{font-size:21px;margin:12px 0}.project-copy p,.wireless-note p{font-size:14px;color:var(--muted)}.project-more{border-top:1px solid #dce6ea;margin-top:20px;padding-top:15px}.project-more summary{cursor:pointer;color:#126085;font-size:13px;font-weight:600}.project-extra{display:grid;gap:12px;margin-top:18px}.project-extra img{height:270px}.wireless-note{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-left:5px solid #13ada7;padding:30px;margin-top:35px}.wireless-note h3{margin:10px 0;font-size:22px}.wireless-note .button{flex-shrink:0}.wireless-note p{max-width:740px;margin-bottom:0}@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:12px}}@media(max-width:760px){.project-grid{grid-template-columns:1fr}.project-image img{height:350px}.project-filters{gap:8px}.project-filters button{padding:9px 14px;font-size:12px}.wireless-note{display:block;padding:24px}.wireless-note .button{margin-top:20px}.project-copy{padding:22px}}
blockquote{margin:16px 0;padding-left:14px;border-left:2px solid #e8b044;font-size:15px;color:var(--ink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}