:root{--navy:#07172a;--navy2:#0d243e;--ice:#8ee5ff;--white:#f2f7fc;--muted:#a6b8ca;--ink:#102a43;--line:#ffffff22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--navy);color:var(--white);font-family:'Microsoft JhengHei','PingFang TC',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1baad1;outline-offset:5px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}p{color:var(--muted)}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,4.3vw,4.4rem);margin:20px 0 25px}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:16px 0 25px}h3{font-size:1.2rem}header{display:flex;align-items:center;gap:30px;padding:22px 4.4%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:#07172af2;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:700;white-space:nowrap;line-height:1.25}.brand b{color:var(--ice);font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:#9cbed5;margin-top:8px;font-weight:400}.diamond{font-size:50px;font-weight:300;color:var(--ice);line-height:1}header nav{display:flex;gap:26px;margin-left:auto;font-size:13px}header nav a{color:#b8c7d7;white-space:nowrap}header nav a:hover,header nav a[aria-current]{color:var(--ice)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ice);background:var(--ice);color:#07243b;padding:13px 23px;font-size:14px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.button:hover{background:#c1f0ff;transform:translateY(-2px)}.button.small{font-size:12px;padding:9px 17px}.button.outline{background:transparent;color:var(--ice)}.menu{display:none;background:none;border:1px solid var(--line);color:white;padding:4px 12px}.wrap{width:min(1280px,90%);margin:auto}.section{padding:95px 0}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--ice);font-weight:600;display:block}.hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;min-height:650px;padding-top:60px;padding-bottom:65px;gap:35px}.hero h1{font-size:clamp(3rem,5.5vw,5.7rem);line-height:1.17;font-weight:600;letter-spacing:-.06em}.hero h1 span{color:var(--ice)}.hero-text>p{font-size:16px;line-height:2}.hero .eyebrow{font-size:9px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--ice);border-radius:50%;margin-right:8px;box-shadow:0 0 15px var(--ice)}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:30px 0}.text-link{font-size:13px;border-bottom:1px solid #8ee5ff55;padding-bottom:4px}.hero-note{display:flex;gap:18px;color:#7f99b0;font-size:11px;letter-spacing:.1em;margin-top:45px}.hero-note span+span{border-left:1px solid #566d81;padding-left:18px}.hero-visual{position:relative;min-width:0;padding-top:35px}.hero-visual:before{content:'';position:absolute;inset:-35px;background:radial-gradient(ellipse,#1884b63d 0,transparent 65%);z-index:-1}.hero-visual img{width:100%;mix-blend-mode:screen;border-radius:8px;filter:contrast(1.05);background:white}.technical-label{display:block;color:#6387a6;font-size:8px;letter-spacing:.2em;margin-bottom:15px}.hero-caption{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;color:#d8e6f2;font-size:13px}.hero-caption small{font-size:8px;color:#6d8aa3;letter-spacing:.15em;margin-left:15px}.hero-caption a{font-size:11px;color:var(--ice)}.ticker{display:flex;justify-content:space-around;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 4%;font-size:11px;letter-spacing:.15em;background:#0a1d33;color:#9ab3c8}.ticker i{color:var(--ice)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px}.section-heading>a{font-size:12px;color:inherit}.collection-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.collection{background:linear-gradient(145deg,#17324b,#0d243d);padding:30px;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.collection:hover{transform:translateY(-4px);border-color:#8ee5ff88}.collection h3{font-size:24px;margin:12px 0}.collection p{font-size:12px}.collection>span:last-child,.collection.large div>span:last-child{font-size:12px;color:var(--ice)}.collection img{height:210px;width:100%;object-fit:contain;margin:25px 0;mix-blend-mode:screen;background:white}.collection.large{min-height:400px}.collection.large img{height:230px}.light-section{background:#edf3f8;color:var(--ink)}.light-section p{color:#536b80}.light-section .eyebrow{color:#33718a}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:#fff;color:var(--ink);border:1px solid #dce5ec;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-width:0}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 32px #06182a1a}.product-image{height:210px;display:flex;align-items:center;justify-content:center;padding:25px;background:#fff}.product-image img{width:100%;height:100%;object-fit:contain}.card-copy{padding:22px;border-top:1px solid #edf1f5;flex:1;display:flex;flex-direction:column}.card-copy .eyebrow{color:#48839c;letter-spacing:.08em;font-size:10px}.card-copy h3{font-size:17px;font-weight:600;margin:10px 0 25px;overflow-wrap:anywhere}.card-link{display:flex;justify-content:space-between;font-size:11px;color:#5c768b;margin-top:auto}.card-link b{font-size:17px;color:#194b69}.workflow{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.workflow>div>p{font-size:14px}.service-stack{display:grid;gap:14px}.service-stack a{display:block;border-top:1px solid #3d5972;padding:27px 10px;transition:background .2s}.service-stack a:hover{background:#15304a}.service-stack span{font-size:9px;letter-spacing:.14em;color:#87b7d0}.service-stack h3{font-size:23px;font-weight:500}.service-stack p{font-size:13px}.faq details{border-top:1px solid var(--line);padding:23px 4px}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:17px;list-style:none;padding-right:35px;position:relative}summary:after{content:'+';position:absolute;right:6px;color:var(--ice)}details[open] summary:after{content:'−'}.faq p{font-size:14px;max-width:900px}.contact-band{padding:75px max(5%,calc((100% - 1280px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:linear-gradient(115deg,#0b314d,#145374);border-top:1px solid #5584a0}.contact-band h2{font-size:clamp(2rem,3vw,3rem)}.contact-band p{font-size:13px;color:#b5cbdc}.contact-data{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-data>a:not(.button){font-size:24px;letter-spacing:.06em}.contact-data>a.email{font-size:14px;letter-spacing:0}.contact-data>small{font-size:11px;color:#b2c7d7}footer{padding:60px 5% 25px;background:#04101e}footer p{font-size:12px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px}.footer-top>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#9cb2c8}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:#6d859b;display:flex;justify-content:space-between;gap:20px}.floating{position:fixed;bottom:24px;right:25px;background:#a9efff;color:#06273d;padding:12px 18px;border-radius:50px;font-size:12px;font-weight:700;z-index:50;box-shadow:0 5px 20px #0003}.page-intro{padding-top:85px;padding-bottom:40px;max-width:1280px}.page-intro p{max-width:720px;font-size:16px}.listing{padding-top:30px}.filters{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:25px;background:#102a43;border:1px solid var(--line);border-radius:5px}.filters label{font-size:11px;color:#a5c3d9}input,select,textarea{display:block;width:100%;padding:12px 14px;border:1px solid #52708a;background:#0c2239;color:#e8f3fc;border-radius:3px;margin-top:8px;font-size:14px}select option{color:#e8f3fc}input::placeholder,textarea::placeholder{color:#8da7bd}.result-count{font-size:12px;margin:24px 0}.breadcrumb{font-size:11px;color:#8cabc1;padding-top:28px}.detail-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:45px;padding-bottom:40px}.detail-photo{background:#fff;border-radius:6px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:390px}.detail-photo img{width:100%;max-height:440px;object-fit:contain}.detail-hero h1{font-size:clamp(2rem,3.4vw,3.4rem);overflow-wrap:anywhere}.detail-hero p{font-size:14px}.availability{font-size:12px;border:1px solid #5787a4;padding:6px 11px;display:inline-block;color:#9ed1e6}.fine{font-size:11px!important;color:#91a9bd}.note{padding:16px 20px;border-left:2px solid var(--ice);background:#153149;font-size:13px}.specs{max-width:1050px}.table-scroll{overflow:auto;margin:30px 0;border:1px solid #385670;border-radius:4px}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid #385670;vertical-align:top;min-width:120px;overflow-wrap:anywhere}th{background:#14304a;color:#b1d5e8;width:23%;font-weight:500}td{color:#bed0df;background:#0d2339}tr:last-child>*{border-bottom:0}td+td{border-left:1px solid #385670}.source{font-size:11px;line-height:1.9;overflow-wrap:anywhere}.source a{text-decoration:underline;text-underline-offset:3px;color:#92d0ea}.order-check{padding:30px;margin:40px 0;background:#112e48;border:1px solid #345773;border-radius:5px}.order-check h3{margin-top:0}.order-check p{font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:35px 0}.steps span{font-size:40px;color:#4b7796;font-weight:300}.steps h3{font-size:20px}.steps p{font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-box{display:block;padding:32px;background:#102a43;border:1px solid #2f4c65;border-radius:5px}.service-box:hover{border-color:#8ee5ff}.service-box h2{font-size:24px}.service-box p{font-size:14px}.service-box>span:last-child{color:var(--ice);font-size:12px}.prose{max-width:850px;padding-top:30px}.prose h2{margin-top:50px;font-size:27px}.prose p,.prose li{color:#aebfd0;line-height:2}.prose li{margin-bottom:12px}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:75px;padding-top:20px}.contact-layout form label{display:block;font-size:13px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-panel{padding:35px;background:#102b44;border:1px solid #34556f;align-self:start;border-radius:5px}.contact-panel h2{font-size:22px}.contact-panel>a:not(.button){display:block;margin-bottom:15px;font-size:23px}.contact-panel>a.email{font-size:14px;overflow-wrap:anywhere}.contact-panel .button{margin-top:20px}.contact-panel p{font-size:12px}#quote-result{padding-top:35px}.sitemap-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:40px;padding-top:15px}.sitemap-grid h2{font-size:23px}.sitemap-grid ul{padding-left:18px;font-size:13px;color:#a6c8dc}.sitemap-grid li{margin:10px 0}.skip{position:fixed;top:-70px;left:10px;background:white;color:#123;padding:10px;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){header{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}}@media(max-width:1100px){header{gap:18px;padding:18px 4%}header nav{gap:15px;font-size:11px}.brand{font-size:18px}.brand small{font-size:7px}.diamond{font-size:40px}.hero{min-height:570px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-grid{grid-template-columns:1.2fr 1fr 1fr}.collection{padding:20px}.collection h3{font-size:20px}.collection img{height:160px}.workflow{gap:40px}.detail-hero{gap:35px}.contact-layout{gap:35px}}@media(max-width:800px){header{padding:14px 5%;gap:12px}.brand{font-size:17px}.brand small{font-size:6px}.diamond{font-size:35px}.menu{display:block;margin-left:auto}header>.button{font-size:10px;padding:8px 12px}header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 5%;background:#0b233b;border-bottom:1px solid #36536d;flex-direction:column;gap:0}header nav.open{display:flex}header nav a{font-size:15px;padding:12px 0}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:40px}.hero h1{font-size:clamp(3rem,10vw,4.6rem)}.hero .eyebrow{font-size:8px}.hero-visual{padding-top:15px}.hero-visual img{max-height:420px;object-fit:contain}.hero-note{margin-top:30px}.hero-caption{padding:15px 0}.ticker{flex-wrap:wrap;font-size:8px;padding:16px 3%;gap:10px}.ticker span:last-child,.ticker i:last-of-type{display:none}.section{padding:60px 0}.section-heading{align-items:start;gap:20px}.section-heading>p{display:none}.section-heading>a{font-size:11px;max-width:120px}.collection-grid{grid-template-columns:1fr 1fr}.collection.large{grid-column:1/-1;min-height:280px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.collection.large img{height:230px;margin:0}.collection img{height:160px}.collection.large h3{font-size:27px}.collection .eyebrow{font-size:7px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-image{height:180px;padding:20px}.card-copy{padding:18px}.card-copy h3{font-size:16px}.workflow{grid-template-columns:1fr;gap:30px}.service-stack h3{font-size:21px}.contact-band{grid-template-columns:1fr;padding:55px 5%}.contact-data{justify-self:start}.footer-top{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column}.page-intro{padding-top:55px;padding-bottom:25px}.page-intro p{font-size:14px}.filters{padding:18px}.detail-hero,.split{grid-template-columns:1fr;gap:30px}.detail-hero{padding-top:25px}.detail-photo{min-height:280px;padding:25px}.detail-photo img{max-height:330px}.detail-hero h1{font-size:2.5rem}.specs{padding-top:40px}table{font-size:12px}th,td{padding:12px}.steps{gap:24px}.steps h3{font-size:17px}.steps p{font-size:12px}.service-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:40px}.sitemap-grid{grid-template-columns:1fr 1fr}.sitemap-grid>div:last-child{grid-column:1/-1}.sitemap-grid>div:last-child ul{columns:2}.floating{bottom:17px;right:15px;padding:10px 15px}.prose h2{font-size:23px}.prose p,.prose li{font-size:14px}}@media(max-width:450px){.brand{font-size:15px;gap:7px}.brand small{font-size:5.5px}.diamond{font-size:31px}header{gap:10px}header>.button{padding:7px 9px}.menu{font-size:15px;padding:4px 9px}.hero-text>p{font-size:14px}.actions{gap:18px}.hero .button{font-size:12px;padding:12px 18px}.hero .text-link{font-size:11px}.collection.large{grid-template-columns:1fr}.collection.large img{height:190px}.collection{padding:18px}.collection h3{font-size:18px}.collection img{height:125px;margin:20px 0}.product-image{height:145px;padding:15px}.card-copy{padding:15px}.card-copy h3{font-size:14px}.card-link{font-size:10px}.filters{grid-template-columns:1fr;gap:13px}.steps{grid-template-columns:1fr;gap:10px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps span{font-size:30px}.steps p{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.contact-panel{padding:25px}.sitemap-grid{grid-template-columns:1fr}.sitemap-grid>div:last-child ul{columns:1}.section-heading h2{font-size:1.65rem}.hero-caption small{display:block;margin-left:0}.contact-data>a:not(.button){font-size:22px}.footer-top>div:last-child{grid-template-columns:1fr 1fr;font-size:11px}.detail-hero h1{font-size:2rem}.contact-band .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Silver / ice-blue edition — 2026-11-11 */
:root{--navy:#f7fafc;--navy2:#edf5fb;--ice:#007da7;--white:#17354d;--muted:#526b7d;--ink:#17354d;--line:#cbdce8}
body{background:#f9fbfd;color:var(--ink)}
header{background:#ffffffed;border-bottom-color:#d9e5ee;box-shadow:0 3px 20px #204d7410}
.brand{color:#153950}.brand b,.diamond{color:#0587b1}.brand small{color:#5c7f96}header nav a{color:#425f74}header nav a:hover,header nav a[aria-current]{color:#007da7}
.button{background:#087fad;color:#fff;border-color:#087fad;border-radius:8px;box-shadow:0 5px 16px #087fad20}.button:hover{background:#06678e;border-color:#06678e}.button.outline{background:white;color:#08769f}.menu{color:#234c65;border-color:#c4d8e5;background:#f3f9fd;border-radius:5px}
.hero{position:relative}.hero:before{content:'';position:absolute;inset:0 -5.5%;background:radial-gradient(ellipse at 85% 35%,#c7edff90,transparent 60%);z-index:-1}.hero h1{color:#123950}.hero h1 span{background:linear-gradient(100deg,#037eae,#32a8c8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .eyebrow{color:#31728e}.eyebrow i{background:#199bc1;box-shadow:0 0 12px #40b8db55}.hero-note{color:#526e82}.hero-note span+span{border-color:#b5cfdf}.hero-visual:before{background:radial-gradient(ellipse,#b6e6fa80,transparent 68%)}.hero-visual img{mix-blend-mode:normal;filter:none;border:1px solid #e0edf4;border-radius:20px;box-shadow:0 25px 65px #225c8216}.technical-label{color:#527c97}.hero-caption{color:#244f69;border-bottom-color:#c8dce9}.hero-caption small{color:#5f839a}.hero-caption a{color:#007da7}
.ticker{background:#e9f5fc;border-color:#d0e6f2;color:#47748f}.ticker i{color:#0792ba}
.collection{background:linear-gradient(140deg,#fff,#edf7fd);border-color:#d7e5ef;border-radius:14px;box-shadow:0 8px 25px #205b7c09}.collection:hover{border-color:#62b4d1;box-shadow:0 12px 32px #205b7c15}.collection img{mix-blend-mode:multiply;background:transparent}.collection p{color:#536f82}.collection>span:last-child,.collection.large div>span:last-child{color:#087da3}
.light-section{background:linear-gradient(135deg,#eaf5fc,#f0f6fa);border-top:1px solid #dfebf3;border-bottom:1px solid #dfebf3}.product-card{border-color:#d9e5ee;border-radius:12px;box-shadow:0 3px 12px #204c6c05}.product-card:hover{box-shadow:0 16px 30px #204c6c15}.card-copy{border-top-color:#e7eff5}.card-copy .eyebrow{color:#267191}.card-link{color:#536e82}
.service-stack a{border-color:#c6dbe8;border-radius:9px;padding-left:20px;padding-right:20px}.service-stack a:hover{background:#eaf5fc}.service-stack span{color:#397b99}.service-stack h3{color:#204b65}.service-stack p{color:#536c7f}.faq details{border-color:#cddfea}.faq details:last-child{border-color:#cddfea}.faq summary{color:#244b64}.faq p{color:#526b7d}
.contact-band{background:linear-gradient(115deg,#e2f3fd,#d3edf9);border-color:#c2e0ef;color:#153e59}.contact-band p{color:#466b82}.contact-data>a:not(.button){color:#1c526f}.contact-data>small{color:#476d83}
footer{background:#edf3f8;color:#254a63;border-top:1px solid #d4e2ed}.footer-top>div:last-child{color:#44677f}.footer-bottom{color:#5a7689;border-color:#cedeea}.floating{background:#087fac;color:#fff;box-shadow:0 6px 25px #087fac33}
.filters{background:#edf6fc;border-color:#d0e3ef;border-radius:12px}.filters label{color:#3c6179}input,select,textarea{background:#fff;color:#183b53;border-color:#b7cfdf;border-radius:7px}select option{color:#183b53;background:#fff}input::placeholder,textarea::placeholder{color:#718a9d}.breadcrumb{color:#577d96}.detail-photo{border:1px solid #dfebf3;box-shadow:0 10px 35px #224f6e09;border-radius:16px}.availability{color:#24728d;border-color:#acd6e7;background:#edf9fe;border-radius:5px}.fine{color:#607d92}.note{background:#eaf5fc;border-left-color:#189ac0;color:#365d77}.table-scroll{border-color:#c8dce9;border-radius:10px}th,td{border-color:#d6e4ef}th{background:#e7f3fb;color:#25536d}td{background:#fff;color:#3a596e}td+td{border-color:#d6e4ef}.source{color:#607b8e}.source a{color:#087b9e}.order-check{background:#eaf5fc;border-color:#c8e1ef;border-radius:12px}.steps span{color:#6fa9c5}.service-box{background:linear-gradient(145deg,#fff,#eff8fe);border-color:#d2e4ef;border-radius:14px;box-shadow:0 8px 28px #20547708}.service-box:hover{border-color:#67b4d2}.service-box h2{color:#214b65}.service-box p{color:#506d81}.service-box>span:last-child{color:#087ba1}.prose p,.prose li{color:#4b687e}.contact-panel{background:linear-gradient(145deg,#edf8ff,#e4f1fa);border-color:#cee3ef;border-radius:14px}.sitemap-grid ul{color:#3c6a87}.text-link{border-bottom-color:#86bfd5}
@media(max-width:800px){header nav{background:#fff;border-color:#d2e3ee;box-shadow:0 15px 24px #153c5510}.hero:before{inset:0 -5.5%;background:linear-gradient(160deg,#f9fcff,#e8f6fe)}.steps article{border-color:#cbdfea}}