@charset "UTF-8";:root{--navy:#123047;--teal:#087f78;--paper:#f5f7f8;--ink:#24333d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #e7ecef}.brand{font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:6px}.mark{font-family:Arial;font-size:44px;color:var(--navy);letter-spacing:-9px;position:relative;padding-right:12px}.mark span{font-size:30px;color:var(--teal)}nav{display:flex;gap:35px;font-size:14px}.nav-cta{font-size:14px;border-bottom:1px solid var(--teal);padding:12px 0}.nav-cta span{margin-left:25px}a:hover{color:var(--teal)}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:68px 6% 0;gap:36px}.hero-copy{padding:20px 0 45px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600;color:#a2c9cb;margin:0 0 25px}.teal{color:var(--teal)}h1{font-size:clamp(34px,3.7vw,60px);line-height:1.45;letter-spacing:1px;font-weight:600;margin:0 0 22px}h1 span{color:#67cebd}.lead{font-size:16px;line-height:1.95;color:#d2dde5;margin-bottom:30px}.button{display:inline-flex;gap:40px;align-items:center;background:#2bb8a8;color:#082c3c;padding:17px 23px;font-size:14px;font-weight:700}.button:hover{background:#69d6c7;color:#082c3c}.hero-tags{display:flex;gap:9px;align-items:center;margin-top:40px}.hero-tags>span{border:1px solid #426173;padding:7px 11px;font:11px Arial;letter-spacing:1px}.hero-tags small{font-size:10px;color:#a4bbc9;margin-left:7px}.hero-visual{position:relative;min-height:400px;margin:0 0 26px;background:#e0e5e5;overflow:hidden}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071b29dc)}.photo-caption{position:absolute;bottom:28px;left:30px;z-index:1}.photo-caption span{font-size:9px;letter-spacing:2px;color:#b8e2de}.photo-caption strong{display:block;font-size:33px;font-weight:400;margin:10px 0}.photo-caption small{font-size:12px}.vertical{position:absolute;right:13px;top:18px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:white}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #456073;padding:21px 0;font-size:11px;letter-spacing:1px;color:#b7ccd9}.section{padding:85px 6%}h2{font-size:clamp(28px,2.5vw,40px);line-height:1.5;letter-spacing:1px;font-weight:600;margin:0}p{line-height:1.9}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-text>p{font-size:14px;margin:0 0 20px;color:#556773}.capabilities{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin-top:24px}.capabilities span{border-bottom:2px solid #84bfb7;padding-bottom:10px}.products{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading>p{font-size:13px;color:#5e6f7b;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:#fff;border:1px solid #e1e7eb}.product-image{height:235px;position:relative;background:#edf0f1;padding:24px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.card:hover img{transform:scale(1.035)}.product-image>span{position:absolute;top:14px;left:15px;background:#fff;padding:6px 9px;font-size:10px}.card-body{padding:27px}.en{font:10px Arial;letter-spacing:1.3px;color:var(--teal);margin:0 0 13px}h3{font-size:21px;margin:0 0 14px;font-weight:600;line-height:1.5}.card-body>p:not(.en){font-size:13px;color:#61707a;min-height:75px}details{border-top:1px solid #e1e7eb;margin-top:20px;padding-top:16px;font-size:12px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:var(--teal)}summary::-webkit-details-marker{display:none}details p{color:#54656f}.engineering{background:var(--navy);color:white}.engineering .section-heading>p{color:#b5c7d3}.projects{display:grid;gap:24px}.projects article{display:grid;grid-template-columns:1.3fr .7fr;background:#1b3b52;padding:35px 40px;gap:50px}.project-number{font:10px Arial;letter-spacing:2px;color:#68cabc;display:block;margin-bottom:20px}.project-text>p,.project-text li{font-size:13px;color:#ccd9e0;line-height:1.9}.project-text ul{padding-left:17px}.status{display:inline-block;font-size:10px;padding:5px 9px;border:1px solid #68818f;color:#ccd9e0;margin-top:8px}.flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.flow>div{border:1px solid #537784;border-left:3px solid #60c5b6;padding:12px;width:90%;text-align:center;font-size:14px;background:#123047}.flow small{display:block;font-size:10px;color:#a8c3cf;margin-top:6px}.flow>span{color:#64cbbc}.projects article>img{width:100%;height:290px;object-fit:contain;background:#eef1f2;padding:25px}.closing{text-align:center;background:#f0f5f4}.closing .eyebrow{margin-bottom:20px}.closing>p:not(.eyebrow){font-size:13px;color:#61727b}.dark{background:var(--navy);color:white;margin-top:16px}footer{padding:35px 6%;display:flex;gap:20px;align-items:center;justify-content:space-between}footer .brand{font-size:16px}footer span,footer small{font-size:10px;color:#667986}a:focus-visible,summary:focus-visible{outline:3px solid #2bb8a8;outline-offset:6px}@media(min-width:1600px){header,.section,.hero,footer{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:900px){header{height:80px}nav{gap:18px;font-size:12px}.nav-cta{display:none}.hero{padding-top:35px;gap:20px}h1{font-size:35px}.hero-tags{flex-wrap:wrap}.hero-visual{min-height:390px}.grid{grid-template-columns:repeat(2,1fr)}.about{gap:30px}.section{padding-top:60px;padding-bottom:60px}.projects article{gap:25px;padding:30px}.section-heading>p{max-width:230px}.hero-bottom span:nth-child(2){display:none}}@media(max-width:600px){header{padding:0 5%;height:76px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:1px}.mark{font-size:32px}.mark span{font-size:23px}nav{gap:12px;font-size:11px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:35px 6% 0}.hero-copy{padding:0 0 15px}h1{font-size:38px}.eyebrow{font-size:9px;letter-spacing:1.3px}.lead{font-size:14px}.hero-tags{margin-top:25px}.hero-visual{height:320px;min-height:0;margin:0}.hero-bottom{font-size:9px}.about{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none}.grid{grid-template-columns:1fr}.product-image{height:250px}.card-body>p:not(.en){min-height:0}.projects article{grid-template-columns:1fr;padding:25px;gap:25px}.flow{padding:10px}.projects article>img{height:250px}footer{flex-direction:column;align-items:start;padding:30px 6%}h2{font-size:29px}.section{padding-top:50px;padding-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual>img{object-fit:contain;padding:30px 30px 130px}.hero-visual{background:#dfe7e9}nav a:first-child{display:inline}@media(max-width:600px){.monitoring-grid{grid-template-columns:1fr}nav{gap:9px;font-size:10px}}

/* Refined typography */
body{font-weight:400;line-height:1.7}.brand{font-size:21px;letter-spacing:1px}h1{font-size:clamp(29px,3vw,44px);font-weight:500;line-height:1.55;letter-spacing:.5px}h2{font-size:clamp(24px,2.1vw,31px);font-weight:500;letter-spacing:.4px}h3{font-size:19px;font-weight:500}.lead{font-size:14px}.button{font-size:12px;font-weight:500}#contact h2{font-size:25px;font-weight:400}#contact>p:not(.eyebrow){font-size:13px;color:#b8c9d3}#contact>a{font-size:16px!important;border-bottom-color:#527d87!important;padding-bottom:5px!important}#contact{padding-top:65px;padding-bottom:65px}@media(max-width:600px){h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}.brand{font-size:18px}.lead{font-size:13px}#contact h2{font-size:23px}}