@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--navy:#0c1b2a;--navy2:#12283b;--blue:#2e83b8;--cyan:#67d6df;--ink:#172735;--muted:#687887;--paper:#f4f7f8;--white:#fff;--line:#dce4e8;--max:1160px;--radius:5px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans TC",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{height:86px;background:rgba(12,27,42,.98);color:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:43px;height:43px;border:1px solid rgba(103,214,223,.75);display:grid;place-items:center;color:var(--cyan);font-weight:700;font-size:15px;letter-spacing:-1px}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-text strong{font-size:17px;letter-spacing:.06em}.brand-text small{font-size:9px;letter-spacing:.105em;color:#aebdca;margin-top:4px}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#d1dce4}.main-nav>a{transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--cyan)}.nav-cta{border:1px solid rgba(103,214,223,.5);padding:10px 15px;color:#fff!important}.nav-cta span{margin-left:7px;color:var(--cyan)}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{position:relative;overflow:hidden;min-height:570px;background:linear-gradient(112deg,#0c1b2a 0%,#10273a 62%,#12354a 100%);color:#fff;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(103,214,223,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,214,223,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,black,transparent 90%)}.hero-content{position:relative;z-index:2;padding-top:52px;padding-bottom:65px}.eyebrow{display:flex;align-items:center;gap:11px;color:#8ea6b7;font-size:10px;letter-spacing:.17em;font-weight:700;margin:0 0 20px}.eyebrow-line{display:inline-block;width:28px;height:2px;background:var(--cyan)}.eyebrow.dark{color:#64798a}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.27;letter-spacing:-.045em;margin:0;font-weight:700}.hero h1 span,.page-hero h1 span{color:var(--cyan)}.hero-copy{max-width:560px;color:#b8c7d1;font-size:15px;line-height:2;margin:23px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 20px;border:1px solid transparent;font-size:13px;font-weight:700;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#092030}.button-primary:hover{background:#8ce7ec}.button-ghost{border-color:rgba(255,255,255,.27);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.07)}.hero-note{margin-top:40px;color:#8198a9;font-size:9px;letter-spacing:.17em;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px rgba(103,214,223,.1)}.hero-art{position:absolute;width:43%;height:100%;right:0;top:0;opacity:.9}.orbit{position:absolute;border:1px solid rgba(103,214,223,.15);border-radius:50%;aspect-ratio:1;top:50%;left:52%;transform:translate(-50%,-50%)}.orbit-one{width:270px}.orbit-two{width:390px}.orbit-three{width:520px}.chip{position:absolute;top:50%;left:52%;transform:translate(-50%,-50%) rotate(-9deg);width:190px;height:190px;background:linear-gradient(135deg,#1b4b65,#102a40);border:1px solid rgba(103,214,223,.8);box-shadow:0 0 70px rgba(46,131,184,.25),inset 0 0 0 12px rgba(103,214,223,.05);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:40px;font-weight:700;letter-spacing:-.08em}.chip:before,.chip:after{content:"";position:absolute;inset:15px;border:1px solid rgba(103,214,223,.25)}.chip b{position:absolute;bottom:24px;font-size:8px;letter-spacing:.18em;font-weight:500}.chip i{position:absolute;width:12px;height:2px;background:var(--cyan);left:-7px;box-shadow:0 20px var(--cyan),0 40px var(--cyan),0 60px var(--cyan),0 80px var(--cyan),0 100px var(--cyan)}.chip i:nth-of-type(2){left:auto;right:-7px}.chip i:nth-of-type(3){left:28px;top:-7px;transform:rotate(90deg)}.chip i:nth-of-type(4){left:auto;right:28px;top:auto;bottom:-7px;transform:rotate(90deg)}.circuit{position:absolute;border:1px solid rgba(103,214,223,.45);height:45px;width:80px;border-left:0;border-bottom:0}.circuit:after{content:"";position:absolute;width:5px;height:5px;background:var(--cyan);border-radius:50%;right:-3px;top:-3px}.circuit-a{left:13%;top:28%;transform:rotate(180deg)}.circuit-b{right:11%;top:30%;transform:rotate(90deg)}.circuit-c{right:14%;bottom:24%;transform:rotate(-90deg)}.art-label{position:absolute;font-size:8px;letter-spacing:.2em;color:#89a5b6}.art-label strong{font-size:18px;color:var(--cyan);display:block;letter-spacing:0}.label-a{left:17%;top:25%}.label-b{right:14%;bottom:23%}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;align-items:center;gap:18px;padding:27px 24px;border-right:1px solid var(--line)}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-number{font-size:24px;color:#9aabb6;font-weight:400}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:14px}.trust-grid small{font-size:10px;color:#82919b;letter-spacing:.04em;margin-top:2px}
.section{padding:92px 0}.section-light{background:var(--paper)}.section-dark{background:var(--navy);color:#fff}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading h2,.split-section h2,.cta-inner h2,.about-layout h2,.contact-intro h2{font-size:clamp(28px,3.4vw,42px);line-height:1.4;letter-spacing:-.04em;margin:0}.heading-aside{max-width:350px;color:var(--muted);font-size:13px;margin:0 0 5px;line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{display:block;background:#fff;border:1px solid #e3e9ec;padding:27px 27px 25px;min-height:275px;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#a4cdd4}.card-index{font-size:9px;letter-spacing:.15em;color:#8294a0;font-weight:700;margin:0}.service-icon{font-size:29px;color:#2787a3;margin:25px 0 12px}.service-card h3,.product-card h3{font-size:19px;margin:0 0 10px}.service-card p,.product-card p{font-size:12px;color:#6e7e89;line-height:1.9;margin:0}.card-link{display:block;font-size:11px;font-weight:700;color:#247f9c;margin-top:20px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split-section .eyebrow{margin-bottom:20px}.split-section h2 span{color:var(--cyan)}.approach-content>p{color:#b3c2cd;font-size:14px;line-height:2;margin:0 0 27px}.approach-list>div{display:flex;gap:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}.approach-list>div>span{color:var(--cyan);font-size:11px;padding-top:2px}.approach-list p{margin:0}.approach-list strong,.approach-list small{display:block}.approach-list strong{font-size:13px}.approach-list small{color:#91a5b4;font-size:11px;margin-top:3px}.cta-band{background:#e3eef0;padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner .eyebrow{margin-bottom:10px}.cta-inner h2{font-size:clamp(23px,3vw,34px)}.cta-inner p:not(.eyebrow){color:#667985;font-size:13px;margin:8px 0 0}.button-dark{background:var(--navy);color:#fff;white-space:nowrap}.button-dark:hover{background:#183a51}
.site-footer{background:#081521;color:#d7e0e6;padding:42px 0 0}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding-bottom:35px}.brand-footer .brand-text small{font-size:8px}.footer-main>p{color:#8da1af;font-size:10px;letter-spacing:.04em}.footer-links{display:flex;gap:18px;font-size:11px;color:#b6c4ce}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:17px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#778c9a}
.page-hero{background:linear-gradient(115deg,#0c1b2a,#12344a);color:#fff;padding:76px 0 82px;position:relative;overflow:hidden}.page-hero:after{content:"CH";position:absolute;right:8%;top:-80px;font-size:300px;font-weight:700;letter-spacing:-.12em;color:rgba(103,214,223,.035);pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(36px,4.5vw,55px)}.page-hero>div>p:last-child{max-width:680px;color:#b6c7d2;font-size:14px;line-height:2;margin:20px 0 0}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.prose p{font-size:14px;color:#596c79;line-height:2.1;margin:0 0 18px}.note-box{border-left:3px solid var(--blue);background:#e8f0f2;padding:18px 20px;margin-top:25px}.note-box strong{font-size:12px}.note-box p{font-size:12px;margin:6px 0 0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.value-grid>div{border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.value-grid span{color:var(--cyan);font-size:12px}.value-grid h3{font-size:18px;margin:15px 0 8px}.value-grid p{color:#9db0bd;font-size:12px;line-height:1.9;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:#fff;border:1px solid #e0e7ea;padding:25px;min-height:255px}.product-symbol{height:52px;min-width:64px;width:max-content;display:grid;place-items:center;padding:0 12px;border:1px solid #b9d9de;background:#eff8f8;color:#287e92;font-weight:700;font-size:14px;margin-bottom:25px}.product-card h3{margin:10px 0}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag-list span{font-size:9px;border:1px solid #dfe7ea;padding:3px 7px;color:#72838e}
.support-list{border-top:1px solid #d7e0e4}.support-row{display:grid;grid-template-columns:65px 1fr 35px;gap:24px;align-items:start;padding:30px 0;border-bottom:1px solid #d7e0e4}.support-no{font-size:23px;color:#8ea3af;font-weight:400}.support-row .eyebrow{margin:2px 0 5px;font-size:9px}.support-row h2{font-size:22px;letter-spacing:-.02em;margin:0 0 7px}.support-row div>p:last-child{max-width:800px;font-size:13px;color:#687b87;line-height:1.95;margin:0}.support-arrow{font-size:20px;color:#2c8aa0}.check-list{list-style:none;padding:0;margin:0 0 28px}.check-list li{position:relative;padding:8px 0 8px 22px;color:#bdcbd4;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan)}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.contact-intro>p:not(.eyebrow){font-size:13px;color:#657986;line-height:2;margin:18px 0 27px}.contact-info{border-top:1px solid var(--line)}.contact-info>div{display:flex;gap:15px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}.info-icon{width:35px;height:35px;display:grid;place-items:center;background:#e4eff1;color:#2c8197;font-weight:700}.contact-info p{margin:0;font-size:12px}.contact-info strong,.contact-info a,.contact-info p span{display:block}.contact-info strong{font-size:12px;margin-bottom:4px}.contact-info a{color:#277e97}.contact-info p span{font-size:11px;color:#72838e}.contact-intro .note-box{margin-top:25px}.contact-form-wrap{background:#fff;border:1px solid #e0e7ea;padding:30px}.contact-form{display:grid;gap:9px}.contact-form label{font-size:11px;font-weight:700;margin-top:7px}.contact-form label span{color:#2586a0}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d9e2e6;background:#fbfcfc;padding:12px 13px;font-size:12px;color:#243744;border-radius:0;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#4a9eaf;box-shadow:0 0 0 2px rgba(74,158,175,.1)}.contact-form textarea{resize:vertical;min-height:120px}.form-submit{margin-top:10px;border:0}.form-help{font-size:10px;color:#7d8c96;margin:2px 0 0}
@media(max-width:900px){.main-nav{gap:16px}.hero-art{opacity:.45;width:50%}.hero-content{max-width:690px}.service-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1}.about-layout,.contact-layout{gap:40px}.split-section{gap:40px}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 36px))}.site-header{height:74px}.brand-mark{width:38px;height:38px}.brand-text strong{font-size:15px}.brand-text small{font-size:7px;letter-spacing:.07em}.nav-toggle{display:block;cursor:pointer}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0c1b2a;padding:15px 22px 22px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid rgba(255,255,255,.12)}.main-nav.open{display:flex}.main-nav>a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.main-nav .nav-cta{margin-top:10px;text-align:center}.hero{min-height:590px}.hero-content{padding-top:65px;padding-bottom:55px}.hero-art{width:100%;opacity:.22}.hero h1{font-size:39px}.hero-copy{font-size:13px}.trust-grid{grid-template-columns:1fr}.trust-grid>div,.trust-grid>div:first-child{padding:16px 4px;border-right:0;border-bottom:1px solid var(--line)}.trust-grid>div:last-child{border-bottom:0}.trust-number{font-size:20px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.heading-aside{margin-top:15px}.service-grid,.product-grid,.value-grid{grid-template-columns:1fr}.service-card{min-height:auto}.split-section,.about-layout,.contact-layout{grid-template-columns:1fr;gap:28px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-band{padding:40px 0}.footer-main{grid-template-columns:1fr;gap:15px}.footer-main>p{margin:0}.footer-links{grid-column:auto;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:5px}.page-hero{padding:58px 0 62px}.page-hero h1{font-size:36px}.page-hero:after{font-size:190px;right:-15px}.support-row{grid-template-columns:38px 1fr 20px;gap:12px;padding:24px 0}.support-no{font-size:18px}.support-row h2{font-size:19px}.support-row div>p:last-child{font-size:12px}.contact-form-wrap{padding:20px}.contact-intro h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}