:root{--ink:#172e2b;--deep:#102623;--green:#bbec84;--muted:#536560;--line:#d9e1dd;--paper:#f5f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.8 Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3}h1{font-size:clamp(2.5rem,4.4vw,4.4rem);letter-spacing:-.045em;margin-bottom:24px}h2{font-size:clamp(1.8rem,2.7vw,2.7rem);letter-spacing:-.035em;margin-bottom:24px}h3{font-size:1.25rem;margin-bottom:14px}p{color:var(--muted)}img{max-width:100%;display:block}header{height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;line-height:1.1;font-weight:800;letter-spacing:.04em;font-size:1.25rem;flex-shrink:0}.brand small{display:block;font-size:.75rem;margin-top:7px;font-weight:500;letter-spacing:.1em}nav{display:flex;align-items:center;gap:28px;font-size:.9rem}nav a[aria-current]{color:#27663b}nav a:not(.button):hover{color:#39743e}.button,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;background:var(--green);color:var(--deep);border:1px solid transparent;border-radius:2px;font-weight:700;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#a4d96b;text-decoration:none;transform:translateY(-2px)}.button.small{padding:11px 18px}.secondary{background:white;border-color:var(--line)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.light-link{color:#fff;border-bottom:1px solid #788d84;padding:12px 0}.hero{background:#0c1715;color:white;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px}.hero-copy{padding:78px 7% 35px 10%;position:relative;z-index:1}.hero-copy h1{margin:28px 0;line-height:1.25}.hero-copy p{color:#c1ceca;font-size:1.1rem;margin-bottom:32px}.eyebrow{display:block;color:#49724e;font-size:.75rem;font-weight:700;letter-spacing:.16em;margin-bottom:20px}.hero .eyebrow{color:var(--green)}.hero-visual{overflow:hidden;background:#050908}.hero-visual img{width:100%;height:100%;object-fit:contain}.hero-note{display:flex;gap:30px;align-items:center;color:#b4c5bf;margin-top:56px;font-size:.75rem;letter-spacing:.06em}.hero-note>span:first-child{padding-right:24px;border-right:1px solid #52645c;color:var(--green)}.proof{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 5%;border-bottom:1px solid var(--line)}.proof>div{display:flex;align-items:center;justify-content:center;gap:20px;border-right:1px solid var(--line)}.proof>div:last-child{border:0}.proof strong{font-size:2rem;line-height:1.3;letter-spacing:-.04em}.proof span{font-size:.85rem;color:var(--muted)}.section{max-width:1440px;padding:80px 5%;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.section-head h2{margin-bottom:0}.text-link{display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:600;font-size:.9rem}.text-link span{font-size:1.4rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.product-card{border-bottom:1px solid var(--line);min-width:0}.product-image{display:block;background:#0c1210;overflow:hidden}.product-image img{width:100%;height:320px;object-fit:contain;transition:transform .5s}.product-image:hover img{transform:scale(1.025)}.card-content{padding:24px 0}.card-content small{font-size:.75rem;color:#62716b;display:block;margin-bottom:9px;letter-spacing:.07em}.card-content p{font-size:.9rem;min-height:52px}.card-content h3{font-size:1.35rem}.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--paper);padding:75px 7%}.about-strip p{font-size:1.1rem}.about-strip .text-link{justify-content:start}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps details{border:1px solid var(--line);padding:20px 24px;align-self:start}.steps summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;font-weight:700}.steps summary::-webkit-details-marker{display:none}.steps summary span{font-size:.85rem;color:#538453}.steps summary b{margin-left:auto}.steps details[open] summary b{transform:rotate(45deg)}.steps p{margin:20px 0 0;font-size:.95rem}.cta{margin:0 5% 80px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--deep);color:white}.cta .eyebrow{color:var(--green)}.cta h2{font-size:2rem}.cta p{color:#c0d1c8;margin-bottom:0}.cta .button{flex-shrink:0}footer{background:#eef2ef;padding:60px 5% 24px;display:grid;grid-template-columns:1.5fr 1.3fr .7fr;gap:35px;font-size:.9rem}footer>div{display:flex;flex-direction:column;align-items:start;gap:8px}footer p{margin:8px 0 0}footer b{margin-bottom:10px}.copyright{grid-column:1/-1;padding-top:25px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);margin-top:25px}.page-intro{padding:75px 5% 55px;background:var(--paper)}.page-intro h1{max-width:1000px;font-size:clamp(2.3rem,4vw,3.8rem)}.page-intro p{max-width:780px;font-size:1.1rem}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:white;border:1px solid var(--line);padding:10px 18px;font-size:.9rem;border-radius:2px}.filters button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}.search-label{max-width:450px}.muted{font-size:.9rem;color:var(--muted)}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:1px solid #acbbb2;border-radius:2px;padding:12px;background:white;color:var(--ink);margin-top:8px;line-height:1.5;font-weight:400}textarea{resize:vertical}.catalog{padding-top:40px}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:40px}.breadcrumb a{text-decoration:underline}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.product-detail>img{width:100%;height:auto;background:#050908}.product-detail h1{font-size:clamp(2rem,3.5vw,3.4rem)}.english-name{font-size:1.05rem}.detail-note{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.detail-note h2{font-size:1.2rem}ul{padding-left:20px;color:var(--muted)}.related{background:var(--paper)}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.fact-box{padding:32px;background:var(--paper)}.quality{background:var(--deep);color:white;max-width:none}.quality>.eyebrow{color:var(--green)}.quality>p{max-width:850px;color:#c7d5cf}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.process-grid>div{border-top:1px solid #52685f;padding-top:25px}.process-grid p{color:#becfc6}.process-grid .eyebrow{color:var(--green)}.industry-list{display:flex;flex-wrap:wrap;gap:18px}.industry-list span{border:1px solid var(--line);padding:14px 22px}.contact-layout{display:grid;grid-template-columns:1fr 2fr;gap:8%}.contact-layout aside a{display:block;overflow-wrap:anywhere}.contact-layout aside hr{border:0;border-top:1px solid var(--line);margin:25px 0}.contact-layout form{background:var(--paper);padding:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#inquiry-output{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}#inquiry-output .actions{margin-top:20px}.menu{display:none}.skip{position:absolute;top:-100px;padding:12px;background:#fff;z-index:50}.skip:focus{top:0}:focus-visible{outline:3px solid #78b55c;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1500px){.hero-copy{padding-left:max(10%,calc((100vw - 1300px)/2))}}@media(max-width:1050px){nav{gap:15px}.hero{min-height:540px}.hero-copy{padding-top:55px}.hero h1{font-size:3rem}.grid{gap:20px}.product-image img{height:280px}.proof>div{flex-direction:column;gap:0}.cta{padding:35px}}@media(max-width:800px){header{height:80px;padding:0 5%}.menu{display:block;background:transparent;border:1px solid var(--line);padding:6px 12px;font-size:.9rem}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:24px;box-shadow:0 15px 20px #0001;align-items:stretch;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr 1fr;min-height:490px}.hero-copy{padding:45px 8% 30px 10%}.hero h1{font-size:2.35rem}.hero .eyebrow{font-size:.65rem}.hero-copy p{font-size:.95rem}.hero .actions{gap:14px}.hero-note{margin-top:25px}.grid{grid-template-columns:repeat(2,1fr)}.section{padding:55px 5%}.section-head{align-items:start}.about-strip{gap:35px;padding:55px 5%}.steps{grid-template-columns:repeat(2,1fr)}.cta{flex-direction:column;align-items:start;margin-bottom:55px}.process-grid{grid-template-columns:repeat(2,1fr)}.product-detail{gap:30px}.two-col{gap:30px}.contact-layout{grid-template-columns:1fr}.contact-layout aside{padding-bottom:30px}.contact-layout form{padding:25px}footer{grid-template-columns:1fr 1fr}.form-grid{gap:0 15px}}@media(max-width:540px){.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 30px}.hero h1{font-size:2.7rem}.hero-visual img{height:410px;width:100%;object-fit:contain}.hero-note{display:none}.proof{padding:22px 3%}.proof strong{font-size:1.55rem}.proof span{font-size:.75rem;text-align:center}.grid{grid-template-columns:1fr}.product-image img{height:350px}.card-content p{min-height:0}.section-head{flex-direction:column}.about-strip,.product-detail,.two-col{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.cta{padding:28px}.cta h2{font-size:1.7rem}footer{grid-template-columns:1fr}.page-intro{padding:45px 5% 30px}.page-intro h1{font-size:2.4rem}.process-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.brand{font-size:1rem}.brand img{width:40px;height:auto}.filters{gap:8px}.filters button{padding:8px 12px}.product-detail h1{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Multilingual navigation and long technical names */
.language-picker{position:relative;flex-shrink:0;font-size:.9rem}.language-picker summary{cursor:pointer;border:1px solid var(--line);padding:8px 12px;white-space:nowrap}.language-options{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #0002;min-width:185px;padding:8px;display:grid;z-index:30}.language-options a{padding:8px 12px;display:block}.language-options a[aria-current]{background:var(--paper);font-weight:700}.language-options a:hover{background:var(--paper)}h1,h2,h3,.button{overflow-wrap:anywhere;hyphens:auto}.hero-copy{min-width:0}.product-detail>div{min-width:0}.card-content h3{overflow-wrap:anywhere;hyphens:auto}.hero .actions .button{max-width:100%}.search-label{display:block}.hero h1{font-size:clamp(2.4rem,3.8vw,4.1rem)}
@media(min-width:801px) and (max-width:1180px){header{height:80px}.menu{display:block;background:transparent;border:1px solid var(--line);padding:6px 12px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:24px;box-shadow:0 15px 20px #0001;align-items:stretch;flex-direction:column}nav.open{display:flex}.language-options{position:static;box-shadow:none;grid-template-columns:repeat(2,1fr);margin-top:8px}.hero h1{font-size:2.8rem}.hero{min-height:540px}}
@media(max-width:800px){.language-options{position:static;box-shadow:none;grid-template-columns:repeat(2,1fr);margin-top:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.hero-visual img{height:440px;width:100%;object-fit:contain}.hero-note{display:none}.hero h1{font-size:clamp(2.3rem,6vw,3rem)}}
/* Full legal company name */
header .brand{font-size:1.08rem;letter-spacing:0}.brand span{min-width:0}footer .brand{font-size:1.15rem;letter-spacing:0}@media(max-width:540px){header .brand{font-size:.92rem;gap:8px}header .brand small{font-size:.65rem;letter-spacing:.02em}header .brand img{width:32px}}
.technical{border-top:1px solid var(--line)}.technical h2{font-size:clamp(1.6rem,2.4vw,2.4rem);max-width:1000px}.technical-subtitle{display:block;font-weight:400;font-size:1.05rem;margin-top:16px;color:var(--muted);letter-spacing:0}.technical-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:42px}.technical-nav a{font-size:.9rem;border:1px solid var(--line);padding:8px 14px;border-radius:2px}.technical-nav a:hover{background:var(--paper)}.technical-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(240px,1fr);gap:7%}.technical-copy>section{margin-bottom:38px;scroll-margin-top:115px}.technical-copy h3{font-size:1.3rem;margin-bottom:16px}.technical-copy p{line-height:1.95;font-size:1rem}.technical-sources{align-self:start;padding:28px;background:var(--paper);min-width:0}.technical-sources h3{font-size:1.1rem}.technical-sources ul{padding-left:20px}.technical-sources li{margin-bottom:14px;line-height:1.7;overflow-wrap:anywhere}.technical-sources a:not(.button){text-decoration:underline;font-size:.9rem}.technical-sources p{font-size:.875rem;line-height:1.8;border-top:1px solid var(--line);padding-top:18px}.technical-sources .button{width:100%;font-size:.9rem;text-align:center;padding:13px}.technical-faq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.technical-faq summary{cursor:pointer;font-weight:700;padding-right:12px;line-height:1.7}.technical-faq p{margin:18px 0 0}@media(max-width:800px){.technical-layout{grid-template-columns:1fr;gap:12px}.technical-sources{padding:24px}.technical-nav{margin-bottom:30px}.technical-nav a{padding:8px 10px}.technical h2{font-size:1.7rem}}

/* Gearbox co-development follows the existing product family. */
.codesign{background:#f1f5f3;scroll-margin-top:7rem}
.codesign h2{max-width:28ch}.codesign-intro{max-width:76ch;font-size:1.125rem;line-height:1.8}
.codesign-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:0;list-style:none;counter-reset:codesign;margin:1.5rem 0 2rem}
.codesign-steps li{counter-increment:codesign;background:white;padding:1.5rem;border-top:3px solid #0e2825;min-width:0}
.codesign-steps li:before{content:counter(codesign,decimal-leading-zero);display:block;color:#36594d;font-size:1rem;font-weight:700;margin-bottom:.75rem}
.codesign-steps h4{font-size:1.2rem;margin:0 0 .75rem}.codesign-steps p,.codesign-brief p{line-height:1.8;margin-top:0}
.codesign-brief{margin-top:2rem;max-width:76ch}.codesign .button{white-space:normal;text-align:center}
@media(max-width:700px){.codesign-steps{grid-template-columns:1fr}.codesign h2{overflow-wrap:anywhere}}

.market-applications{margin-top:1.5rem;padding:1.25rem 1.5rem;border-left:3px solid #36594d;background:#f1f5f3}
.market-applications h4{font-size:1.125rem;line-height:1.5;margin:0 0 1rem}
.market-experience{font-weight:600}.market-applications p{line-height:1.85}
.market-review{font-size:.9375rem}
@media(max-width:700px){.market-applications{padding:1rem}}

.product-gallery{border-top:1px solid #dae2dc}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
.gallery-photo{display:block;text-decoration:none;min-width:0;color:inherit;border:1px solid #dae2dc;background:#f7f8f6}
.gallery-photo img{display:block;width:100%;height:auto;aspect-ratio:640/780;object-fit:contain;background:#131b18}
.gallery-photo span{display:block;padding:.75rem;font-size:.9375rem}.gallery-photo:hover,.gallery-photo:focus-visible{outline:2px solid #36594d;outline-offset:3px}
.photo-dialog{width:min(800px,94vw);max-height:94vh;padding:1rem;border:0;background:#fff;color:#0e2825;overflow:auto}.photo-dialog::backdrop{background:rgb(0 0 0 / .8)}
.photo-dialog form{display:flex;justify-content:flex-end;margin:0 0 .75rem}.photo-dialog button{font:inherit;padding:.6rem 1rem;cursor:pointer;border:1px solid #36594d;background:#fff;color:#0e2825}
.photo-dialog img{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:auto}.photo-dialog p{font-size:1rem;margin:.75rem 0 0}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}
html[lang="ja"] body{font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}html[lang="ko"] body{font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif}
.process-grid>div{min-width:0}.process-grid h3{overflow-wrap:anywhere}

/* Product pages: brand-led contrast with readable, static technical content. */
.product-page #main>section:first-child{background:var(--deep);color:#f5f8f2;border-bottom:5px solid var(--green)}
.product-page #main>section:first-child .breadcrumb,.product-page #main>section:first-child .breadcrumb a{color:#cbdcd1}
.product-page .product-detail{align-items:start;gap:clamp(28px,4vw,64px)}
.product-page .product-detail>img{border:1px solid #426054;border-radius:6px}
.product-page .product-detail h1{color:#f5f8f2;letter-spacing:-.025em}
.product-page .product-detail p{color:#dce7df}.product-page .product-detail .eyebrow{color:var(--green)}
.product-page .product-detail .english-name{color:#bbec84}
.product-page .detail-note{background:#1e3a32;border:1px solid #426054;border-radius:6px;padding:22px 24px;color:#f5f8f2}
.product-page .detail-note h2{color:#f5f8f2}.product-page .detail-note li{color:#dce7df}
.product-page .technical{background:#fff}.product-page .technical-subtitle{color:#426054}
.product-page .technical-nav{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-page .technical-nav a{background:#edf3ee;color:#183b2d;border:1px solid #cbdccd;border-radius:4px;padding:8px 14px}
.product-page .technical-copy>section{padding:26px;border:1px solid #d8e3d9;border-radius:6px;margin-bottom:20px}
.product-page .technical-copy>section:nth-child(even){background:#eff5ed}
.product-page .technical-copy h3{border-left:4px solid #54833d;padding-left:13px;color:#14382b}
.product-page .technical-copy p{line-height:1.9;color:#3c554b;margin-bottom:0}
.product-page .technical-sources{background:#17372c;border:1px solid #315443;color:#f3f7ef;border-radius:6px;padding:26px}
.product-page .technical-sources h3,.product-page .technical-sources a:not(.button){color:#edf6e7}
.product-page .technical-sources p{color:#ccddd2}.product-page .technical-sources .button{color:#102623;background:#bbec84}
.product-page .codesign{background:#e7f0e3;border-bottom:1px solid #ccddc5}
.product-page .codesign-steps li{border-top-color:#54833d;border-radius:4px}
.product-page .product-gallery{background:#e7f0e3;border-top:1px solid #ccddc5;border-bottom:1px solid #ccddc5}
.product-page .gallery-photo{background:#fff;border-color:#bccfb7;border-radius:6px;overflow:hidden}
.product-page .gallery-photo span{color:#17372c}.product-page .related{background:#fff}
@media(max-width:600px){.product-page .technical-copy>section,.product-page .technical-sources{padding:20px}.product-page .detail-note{padding:18px}}
/* Supplied ISO certificate: readable scan with a structured, indexable caption. */
.certificate-panel{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin:36px 0 56px;padding:clamp(20px,4vw,46px);background:#f6f8f3;border:1px solid #d6dfd7;border-radius:16px;color:#153a32}.certificate-image{display:block;background:white;box-shadow:0 12px 32px #153a321c}.certificate-image img{display:block;width:100%;height:auto}.certificate-panel h3{font-size:clamp(22px,3vw,32px);line-height:1.35}.certificate-panel dt{font-weight:700;margin-top:18px}.certificate-panel dd{margin:4px 0 24px}.certificate-panel .button{white-space:normal}@media(max-width:650px){.certificate-panel{grid-template-columns:1fr}.certificate-image{max-width:330px;margin:auto}}

/* 頁首 LOGO 與公司名稱大小 */
header .brand {
  font-size: 26px;
  gap: 20px;
}

header .brand img {
  width: 72px;
  height: auto;
  flex-shrink: 0;
}

header .brand small {
  font-size: 15px;
  margin-top: 8px;
}

/* 手機版：保持名稱與選單有足夠空間 */
@media (max-width: 540px) {
  header .brand {
    font-size: 16px;
    gap: 8px;
  }

  header .brand img {
    width: 60px;
    height: auto;
  }

  header .brand small {
    font-size: 14px;
    margin-top: 8px;
  }
}