:root{--navy:#082d48;--navy-2:#0c4267;--blue:#1683b4;--blue-bright:#30a7d4;--ink:#102633;--muted:#5d6c75;--line:#dbe5e9;--soft:#f3f7f8;--white:#fff;--orange:#e9832b;--shadow:0 18px 50px rgba(8,45,72,.12);--radius:18px;--header:88px}
*{box-sizing:border-box;writing-mode:horizontal-tb}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.7;background:#fff;overflow-x:hidden;padding-top:var(--header)}
body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:999;left:16px;top:-60px;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:10px}
.site-header{height:var(--header);position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(8,45,72,.1);backdrop-filter:blur(16px)}.header-inner{height:100%;max-width:1380px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:190px;height:auto}.main-nav{margin-left:auto;height:100%}.main-nav>ul{display:flex;align-items:center;height:100%;gap:4px}.main-nav ul{margin:0;padding:0;list-style:none}.main-nav li{position:relative}.main-nav a{display:flex;align-items:center;min-height:46px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:650;letter-spacing:.02em;color:#17394b}.main-nav a:hover,.main-nav a:focus-visible{color:var(--blue);background:#edf6f9}.main-nav li ul{position:absolute;display:none;top:calc(100% + 4px);left:0;width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--shadow)}.main-nav li:hover>ul,.main-nav li:focus-within>ul{display:block}.main-nav li ul a{min-height:42px}.header-actions{display:flex;align-items:center;gap:10px;order:3}.menu-toggle,.submenu-toggle{display:none}
.hero{height:min(760px,calc(100vh - var(--header)));min-height:610px;position:relative;background:var(--navy);overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,26,42,.93) 0%,rgba(4,26,42,.68) 42%,rgba(4,26,42,.08) 73%)}.hero-copy{position:absolute;z-index:1;left:max(6vw,32px);top:50%;transform:translateY(-50%);width:min(760px,62vw);color:#fff}.hero-copy h1{font-size:clamp(34px,3.6vw,56px);line-height:1.12;margin:10px 0 20px;letter-spacing:-.045em;white-space:nowrap}.hero-copy>p:not(.eyebrow){font-size:clamp(17px,1.5vw,22px);max-width:620px;color:rgba(255,255,255,.82)}.eyebrow{font-size:12px!important;font-weight:850;letter-spacing:.18em;color:var(--blue-bright);margin:0 0 8px;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:999px;background:var(--blue);color:#fff!important;font-weight:800;box-shadow:0 10px 24px rgba(22,131,180,.25);cursor:pointer}.button:hover,.button:focus-visible{background:var(--navy-2);color:#fff!important;transform:translateY(-1px)}.button-outline{background:transparent;color:var(--navy)!important;border:1px solid var(--navy);box-shadow:none}.button-outline:hover,.button-outline:focus-visible{background:var(--navy);border-color:var(--navy);color:#fff!important}.hero-controls{position:absolute;z-index:4;right:4vw;bottom:32px;display:flex;align-items:center;gap:12px;color:#fff}.hero-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(8,45,72,.45);color:#fff;cursor:pointer}.hero-controls span{min-width:48px;text-align:center;font-weight:800}
.section{padding:100px max(5vw,28px);max-width:1500px;margin:auto}.section-soft{max-width:none;background:var(--soft);padding-left:max(5vw,calc((100vw - 1500px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1500px)/2 + 5vw))}.section-dark{max-width:none;background:var(--navy);color:#fff;padding-left:max(5vw,calc((100vw - 1500px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1500px)/2 + 5vw))}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2,.section h2{font-size:clamp(30px,3.5vw,52px);line-height:1.2;letter-spacing:-.03em;margin:8px 0 14px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.intro-grid>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.prose{color:var(--muted);font-size:17px}.prose p{margin:0 0 1.1em}.text-link{display:inline-flex;margin-top:12px;color:var(--blue);font-weight:800}.narrow{max-width:900px}.lead-copy{font-size:19px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{position:relative;min-height:360px;border-radius:var(--radius);overflow:hidden;background:#15435d}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,23,38,.9),rgba(2,23,38,.06) 70%)}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card:hover img{transform:scale(1.05)}.category-card>span{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;color:#fff}.category-card b{font-size:24px}.category-card small{letter-spacing:.14em;color:#83d0ec}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.brand-card{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.brand-card img{width:130px;height:110px;object-fit:contain;background:#fff;border-radius:10px}.brand-card h3,.brand-card h2{font-size:22px;margin:0 0 10px}.brand-card p{font-size:14px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.brand-card a{color:var(--blue);font-size:14px;font-weight:800;margin-top:12px;display:inline-block}.brand-card-large{grid-template-columns:180px 1fr}.brand-card-large p{display:block;font-size:15px}.brand-list{grid-template-columns:repeat(2,1fr)}.section-action{text-align:center;margin-top:36px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;padding-bottom:24px;border:1px solid var(--line)}.news-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.news-card time,.news-card h2,.news-card h3,.news-card p{margin-left:22px;margin-right:22px}.news-card time{display:block;margin-top:18px;color:var(--blue);font-size:13px;font-weight:800}.news-card h3,.news-card h2{margin-top:6px;margin-bottom:6px}.news-card p{color:var(--muted)}
.consultation{max-width:1500px;margin:0 auto 100px;padding:0 max(5vw,28px);display:grid;grid-template-columns:1.2fr .8fr}.consultation img{width:100%;height:510px;object-fit:cover;border-radius:var(--radius) 0 0 var(--radius)}.consultation>div{background:var(--navy);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center;border-radius:0 var(--radius) var(--radius) 0}.consultation h2{font-size:clamp(32px,3.5vw,50px);line-height:1.15;margin:8px 0}.consultation>div>p:not(.eyebrow){color:rgba(255,255,255,.75)}.consultation .button{align-self:flex-start}
.page-hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.page-hero>div{padding:90px max(6vw,40px);display:flex;flex-direction:column;justify-content:center}.page-hero h1,.page-title h1{font-size:clamp(44px,6vw,82px);line-height:1.05;margin:8px 0;letter-spacing:-.045em}.page-hero>img{width:100%;height:100%;object-fit:cover}.page-hero.compact{min-height:460px}.page-hero>div>p:last-child{color:rgba(255,255,255,.72);font-size:18px}.page-title{text-align:center;padding:100px 24px 60px;background:linear-gradient(180deg,#edf6fa,#fff)}.page-title p:last-child{color:var(--muted);font-size:18px}.catalogue-title{padding:54px 24px 32px}.catalogue-title h1{font-size:clamp(42px,5vw,68px)}.catalogue-title p:last-child{margin-bottom:0}.catalogue-toolbar{position:sticky;z-index:20;top:var(--header);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);padding:16px max(5vw,28px);backdrop-filter:blur(12px)}.catalogue-toolbar-inner{max-width:1500px;margin:auto}.catalogue-search{display:flex;align-items:center;gap:10px;margin-bottom:14px}.catalogue-search label{position:relative;display:block;flex:1;max-width:620px}.catalogue-search svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round}.catalogue-search input{width:100%;height:48px;border:1px solid #c8d9e1;border-radius:13px;background:#fff;padding:0 16px 0 48px;color:var(--ink)}.catalogue-search input:focus{outline:3px solid rgba(22,131,180,.15);border-color:var(--blue)}.catalogue-search button{height:48px;padding:0 22px;border:0;border-radius:13px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.catalogue-search button:hover,.catalogue-search button:focus-visible{background:var(--navy-2)}.search-clear{color:var(--blue);font-size:14px;font-weight:800;white-space:nowrap}.filter-label{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--muted);margin:0 0 7px}.catalogue-main-filters{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:0 0 8px}.filter-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}.filter-chip-main{height:44px;border:1px solid #c8dbe4;padding:0 20px;font-size:15px;font-weight:800;background:#fff}.filter-chip-main.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.filter-chip-main:not(.is-active):hover,.filter-chip-main:not(.is-active):focus-visible{background:#edf6fa;border-color:#9fc9da;color:var(--navy)}.catalogue-subfilters{margin-top:4px;padding-top:12px;border-top:1px solid #e7eef1}.catalogue-subfilters nav{display:flex;flex-wrap:wrap;gap:8px}.filter-chip-sub{min-height:36px;border:1px solid transparent;padding:5px 14px;font-size:13px;font-weight:700;background:#f1f6f8;color:#31566b}.filter-chip-sub.is-active{background:#dceff7;border-color:#9bcfe2;color:#075e88}.filter-chip-sub:not(.is-active):hover,.filter-chip-sub:not(.is-active):focus-visible{border-color:#afd3df;background:#e8f3f7;color:var(--navy)}.catalogue-result-summary{margin-top:10px;color:var(--muted);font-size:14px}.catalogue-result-summary strong{color:var(--navy);font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:38px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{aspect-ratio:1/1;background:#f5f7f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:14px}.product-image span{font-size:70px;font-weight:900;color:#d4e4ea}.product-card>div:last-child{padding:22px}.product-card h2{font-size:21px;margin:0 0 8px}.product-card p{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card span{color:var(--blue);font-weight:800;font-size:14px}.catalogue-empty{min-height:360px;display:grid;place-items:center;text-align:center;padding-top:58px}.catalogue-empty>div{max-width:520px}.catalogue-empty>div>span{display:block;font-size:54px;color:#a4c6d4}.catalogue-empty h2{font-size:30px}.catalogue-empty p{color:var(--muted);margin-bottom:24px}.breadcrumb{max-width:1300px;margin:auto;padding:30px 28px 0;display:flex;gap:10px;font-size:14px;color:var(--muted)}.breadcrumb a{color:var(--blue)}.product-detail{max-width:1300px;margin:auto;padding:50px 28px 110px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-detail-image{background:var(--soft);border-radius:var(--radius);min-height:500px;display:flex;align-items:center;justify-content:center}.product-detail-image img{width:100%;height:100%;max-height:580px;object-fit:contain;padding:34px}.product-detail h1{font-size:clamp(38px,5vw,66px);line-height:1.12;margin:8px 0 22px}.product-detail .button{margin-top:20px}
.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.location-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius)}.location-card h2{font-size:21px;margin-top:0}.location-card p{color:var(--muted);font-size:14px}.location-card a:not(.text-link){color:var(--navy);font-weight:750}.office-map-section{padding-top:10px}.office-map-section .section-heading p:last-child{color:var(--muted)}.office-map-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 0 16px}.office-map-tab{flex:0 0 auto;min-height:44px;padding:0 20px;border:1px solid #c8dbe4;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.office-map-tab:hover,.office-map-tab:focus-visible{border-color:var(--blue);background:#edf7fb}.office-map-tab.is-active{border-color:var(--navy);background:var(--navy);color:#fff}.office-map-frame{height:clamp(360px,48vw,620px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.office-map-frame iframe{display:block;width:100%;height:100%;border:0}.office-map-action{text-align:right;margin:14px 0 0}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.contact-form{background:#fff;padding:34px;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-size:14px;font-weight:800}.contact-form label span{color:#c44530}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #c9d6dc;border-radius:10px;padding:12px;background:#fff}.contact-form textarea,.contact-form .form-status,.contact-form .honeypot,.contact-form .cf-turnstile,.contact-form button{grid-column:1/-1}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(22,131,180,.18);border-color:var(--blue)}.honeypot{position:absolute!important;left:-9999px!important}.form-status{min-height:1.7em}.form-status.error{color:#a52922}.form-status.success{color:#187747}.contact-form button:disabled{opacity:.55}.article-page h1{font-size:clamp(38px,5vw,68px);line-height:1.12}.article-page>img{width:100%;max-height:600px;object-fit:cover;border-radius:var(--radius);margin:30px 0}.not-found{text-align:center;padding:140px 24px;min-height:60vh}.not-found h1{font-size:clamp(42px,6vw,78px);margin:8px}.not-found p{color:var(--muted)}
.site-footer{background:#051f31;color:#fff;padding:72px max(5vw,28px) 24px}.footer-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:70px}.footer-grid img{filter:brightness(0) invert(1);opacity:.9}.footer-grid p{color:rgba(255,255,255,.67)}.footer-grid h2{font-size:17px}.footer-grid a{display:block;color:rgba(255,255,255,.82);margin:6px 0}.copyright{max-width:1380px;margin:52px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);font-size:13px;color:rgba(255,255,255,.5)}
@media(max-width:1100px){.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-list{grid-template-columns:1fr}.location-grid{grid-template-columns:repeat(2,1fr)}.main-nav a{padding:0 9px}.header-inner{padding:0 20px;gap:16px}.brand img{width:160px}.consultation>div{padding:42px}.product-detail{gap:40px}}
@media(max-width:820px){:root{--header:74px}.header-inner{padding:0 16px}.brand img{width:145px;max-height:50px}.header-actions{margin-left:auto}.menu-toggle{display:grid;width:48px;height:48px;border:0;background:transparent;place-content:center;gap:4px;color:var(--navy)}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor}.menu-toggle b{font-size:9px;letter-spacing:.08em}.main-nav{position:fixed;top:var(--header);left:0;right:0;height:calc(100dvh - var(--header));background:#fff;display:none;overflow-y:auto;border-top:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav>ul{display:block;height:auto;padding:14px 16px 40px}.main-nav a{min-height:54px;padding:0 14px;border-bottom:1px solid var(--line);border-radius:0;font-size:17px}.main-nav li ul{position:static;width:auto;box-shadow:none;border:0;border-radius:0;padding:0 0 0 18px;display:none}.main-nav li.submenu-open>ul{display:block}.submenu-toggle{display:block;position:absolute;right:8px;top:8px;width:44px;height:40px;border:0;background:transparent}.submenu-toggle:after{content:"+";font-size:24px;color:var(--blue)}.submenu-open>.submenu-toggle:after{content:"−"}.hero{min-height:620px;height:calc(100svh - var(--header))}.hero-shade{background:linear-gradient(0deg,rgba(4,26,42,.96),rgba(4,26,42,.2) 75%)}.hero-copy{left:24px;right:24px;top:auto;bottom:86px;transform:none;width:auto}.hero-copy h1{font-size:clamp(22px,7vw,32px);letter-spacing:-.055em}.hero-controls{right:22px;bottom:22px}.section{padding:70px 22px}.intro-grid,.page-hero,.product-detail,.contact-grid{grid-template-columns:1fr}.intro-grid{gap:36px}.intro-grid>img{grid-row:1}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:300px}.brand-grid,.news-grid{grid-template-columns:1fr}.consultation{grid-template-columns:1fr;padding:0 22px;margin-bottom:70px}.consultation img{height:340px;border-radius:var(--radius) var(--radius) 0 0}.consultation>div{border-radius:0 0 var(--radius) var(--radius);padding:36px 28px}.page-hero{min-height:auto}.page-hero>div{padding:70px 24px}.page-hero>img{height:360px;grid-row:1}.page-title{padding:70px 22px 40px}.catalogue-title{padding:38px 20px 24px}.catalogue-title h1{font-size:42px}.catalogue-toolbar{position:relative;top:auto;padding:14px 0 16px}.catalogue-toolbar-inner{overflow:hidden}.catalogue-search{padding:0 18px;margin-bottom:14px;flex-wrap:wrap}.catalogue-search label{flex:1 1 calc(100% - 82px);max-width:none}.catalogue-search input{height:48px;min-width:0}.catalogue-search button{flex:0 0 72px;padding:0 14px}.search-clear{width:100%;text-align:right}.catalogue-toolbar .filter-label{margin-left:18px}.catalogue-main-filters{padding:0 18px 10px;gap:9px;scroll-padding-inline:18px}.catalogue-main-filters:after{content:"";flex:0 0 10px}.filter-chip-main{height:44px;padding:0 18px}.catalogue-subfilters{margin-top:2px;padding:12px 18px 0}.catalogue-subfilters .filter-label{margin-left:0}.catalogue-subfilters nav{gap:7px}.catalogue-result-summary{margin:10px 18px 0}.product-grid{padding-top:32px}.product-detail{padding-top:30px}.product-detail-image{min-height:320px}.location-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:34px}.footer-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:520px){.category-grid,.product-grid,.location-grid{grid-template-columns:1fr}.category-card{min-height:340px}.brand-card,.brand-card-large{grid-template-columns:92px 1fr;padding:18px;gap:16px}.brand-card img,.brand-card-large img{width:92px;height:80px}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form label{grid-column:1}.hero-slide>img{object-position:center}.page-hero h1,.page-title h1{font-size:44px}.catalogue-title h1{font-size:40px}.product-detail h1{font-size:40px}.product-detail-image img{padding:18px}}
@media(max-width:520px){.office-map-frame{height:360px}.office-map-action{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.news-empty{text-align:center;min-height:320px;display:grid;place-content:center}.news-empty h2{font-size:32px;margin:0 0 8px}.news-empty p{color:var(--muted)}