:root{--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--line:#e2e8f0;--line-2:#cbd5e1;--bg:#fff;--bg-2:#f8fafc;--bg-3:#f1f5f9;--brand:#0b5cab;--brand-2:#084a8a;--brand-soft:#eff6ff;--accent:#ea580c;--ok:#059669;--r:8px;--r-lg:14px;--max:1280px;--shadow:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0d;--shadow-lg:0 4px 12px #0f172a14, 0 16px 40px #0f172a14}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6}img{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;font-weight:700;line-height:1.25}h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem)}h2{font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem)}h3{font-size:1.12rem}p{margin:0 0 1em}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.muted{color:var(--ink-3)}.small{font-size:.85rem}.center{text-align:center}.topbar{background:var(--ink);color:#cbd5e1;padding:6px 0;font-size:.8rem}.topbar .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}header.site{z-index:50;backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.nav{align-items:center;gap:10px;height:64px;display:flex}.logo{color:var(--ink);align-items:center;gap:9px;font-size:1.12rem;font-weight:800;display:flex}.logo:hover{text-decoration:none}.logo .mark{background:linear-gradient(135deg, var(--brand), #1a7fd4);color:#fff;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:800;display:grid}.logo span.dom{color:var(--ink-3);font-size:.82rem;font-weight:500}.menu{align-items:center;gap:2px;margin-left:auto;display:flex}.menu>li{list-style:none;position:relative}.menu>li>a{color:var(--ink-2);white-space:nowrap;border-radius:7px;padding:9px 12px;font-size:.92rem;font-weight:600;display:block}.menu>li>a:hover{background:var(--bg-3);color:var(--ink);text-decoration:none}.menu .cta>a{background:var(--accent);color:#fff;margin-left:8px;padding:9px 16px;box-shadow:0 2px 8px #ea580c47}.menu .cta>a:hover{color:#fff;background:#c2410c}.mega{border:1px solid var(--line);border-radius:var(--r-lg);width:min(1060px,100vw - 40px);box-shadow:var(--shadow-lg);z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:#fff;padding:22px 24px 16px;transition:opacity .12s .15s,visibility 0s linear .27s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.mega:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.menu>li:hover>.mega,.menu>li:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s,visibility linear}.mega-grid{grid-template-columns:repeat(4,1fr);gap:8px 22px;display:grid}.mega h4{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);margin:0 0 8px;font-size:.7rem;font-weight:700}.mega ul{margin:0 0 16px;padding:0;list-style:none}.mega li a{color:var(--ink-2);padding:3px 0;font-size:.9rem;display:block}.mega li a:hover{color:var(--brand)}.mega li a b{color:var(--ink-3);font-size:.78rem;font-weight:500}.mega-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.mega-foot a{font-weight:700}.burger{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:7px;margin-left:auto;padding:7px 11px;font-size:1.1rem;display:none}@media (width<=1080px){.mega-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.burger{display:block}.menu{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 64px);margin:0;padding:10px 16px 18px;display:none;position:absolute;top:64px;left:0;right:0;overflow:auto}.menu.open{display:flex}.mega{width:auto;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;border:none;padding:4px 0 8px 12px;transition:none;display:none;position:static;transform:none}.mega:before{content:none}.menu>li.open>.mega{display:block}.mega-grid{grid-template-columns:1fr}.menu .cta>a{text-align:center;margin-left:0}}.hero{background:radial-gradient(1000px 380px at 80% -10%, #0b5cab1a, transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg));border-bottom:1px solid var(--line);padding:66px 0 60px}.hero h1{max-width:20ch}.hero .lead{color:var(--ink-2);max-width:62ch;font-size:1.08rem}section.hero-media{color:#fff;background:#0b1220;align-items:center;min-height:clamp(520px,62vh,700px);padding:92px 0 84px;display:flex;position:relative;overflow:hidden}section.hero-media>.wrap{z-index:2;width:100%;position:relative}section.hero-media .hero-bg{z-index:0;position:absolute;inset:0}section.hero-media .hero-bg video{object-fit:cover;object-position:center 58%;width:100%;height:100%;display:block}section.hero-media .hero-scrim{background:linear-gradient(90deg,#080c16e0 0%,#080c16b3 42%,#080c1661 100%),linear-gradient(#080c1657 0%,#080c162e 42%,#080c169e 100%);position:absolute;inset:0}section.hero-media h1{color:#fff;text-shadow:0 2px 16px #0006}section.hero-media .lead{color:#ffffffeb;text-shadow:0 1px 10px #00000059}section.hero-media .btn-s{color:#fff;backdrop-filter:blur(6px);background:#ffffff21;border-color:#ffffff8c}section.hero-media .btn-s:hover{background:#ffffff42;border-color:#fff}section.hero-media .stats{border-top-color:#ffffff3d}section.hero-media .stats .n{color:#fff}section.hero-media .stats .l{color:#ffffffbd}section.hero-media .vbtn{z-index:3;color:#fff;cursor:pointer;backdrop-filter:blur(4px);background:#0f172a80;border:1px solid #fff6;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:background .15s,border-color .15s;display:grid;position:absolute;bottom:18px;left:18px}section.hero-media .vbtn:hover{background:#0f172acc;border-color:#fff}section.hero-media .vbtn svg{fill:currentColor;width:15px;height:15px;display:block}section.hero-media .vbtn .ico-play{display:none}section.hero-media .vbtn.is-paused .ico-play{display:block}section.hero-media .vbtn.is-paused .ico-pause{display:none}@media (width<=900px){section.hero-media{min-height:0;padding:72px 0 66px}section.hero-media .hero-bg video{object-position:center 55%}section.hero-media .vbtn{bottom:14px;left:14px}}@media (width<=600px){section.hero-media{padding:60px 0 58px}section.hero-media h1{max-width:none}section.hero-media .hero-scrim{background:linear-gradient(#080c16c7 0%,#080c1699 45%,#080c16cc 100%)}}.btnrow{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{border-radius:var(--r);cursor:pointer;border:1px solid #0000;padding:12px 22px;font-size:.95rem;font-weight:700;display:inline-block}.btn:hover{text-decoration:none}.btn-p{background:var(--accent);color:#fff;box-shadow:0 2px 10px #ea580c4d}.btn-p:hover{background:#c2410c}.btn-s{color:var(--ink);border-color:var(--line-2);background:#fff}.btn-s:hover{border-color:var(--ink-3)}.btn-b{background:var(--brand);color:#fff}.btn-b:hover{background:var(--brand-2)}.stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:40px;margin-top:40px;padding-top:28px;display:flex}.stats .n{color:var(--brand);font-size:1.7rem;font-weight:800;line-height:1.1}.stats .l{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}section.blk{padding:56px 0}section.blk.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sec-head{margin-bottom:28px}.sec-head p{color:var(--ink-3);max-width:70ch}.cats{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px;display:grid}.cat{border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink);background:#fff;padding:18px;transition:all .15s;display:block}.cat:hover{border-color:var(--brand);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.cat .t{margin-bottom:4px;font-weight:700}.cat .c{color:var(--ink-3);font-size:.82rem}.cat .s{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.grid-p{grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink);background:#fff;flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--brand);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.card .ph{aspect-ratio:4/5;background:var(--bg-3);place-items:center;display:grid;overflow:hidden}.card .ph img{object-fit:contain;background:#fff;width:100%;height:100%}.card .ph .noimg{color:var(--line-2);font-size:.8rem}.card .bd{flex-direction:column;flex:1;gap:5px;padding:11px 13px 14px;display:flex}.card .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card .mt{color:var(--ink-3);justify-content:space-between;gap:8px;margin-top:auto;font-size:.76rem;display:flex}.card .sku{color:var(--ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.badge{background:var(--brand-soft);color:var(--brand);border-radius:20px;padding:1px 7px;font-size:.7rem;font-weight:600;display:inline-block}.badge.g{color:var(--ok);background:#ecfdf5}.badge.o{color:var(--accent);background:#fff7ed}.badge.gray{background:var(--bg-3);color:var(--ink-3)}.crumb{color:var(--ink-3);padding:14px 0;font-size:.84rem}.crumb a{color:var(--ink-3)}.crumb span{color:var(--line-2);margin:0 6px}.pd{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (width<=900px){.pd{grid-template-columns:1fr;gap:26px}}.gal .main{border:1px solid var(--line);border-radius:var(--r-lg);aspect-ratio:4/5;background:#fff;place-items:center;display:grid;overflow:hidden}.gal .main img{object-fit:contain;width:100%;height:100%}.thumbs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.thumbs img{object-fit:contain;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;width:62px;height:78px;padding:2px}.thumbs img.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.pd h1{margin-bottom:.3em;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}.pd .sku-line{color:var(--ink-3);margin-bottom:14px;font-family:ui-monospace,monospace;font-size:.85rem}.pd .desc{color:var(--ink-2);white-space:pre-line}.spec{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9rem}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}.spec th{width:40%;color:var(--ink-3);background:var(--bg-2);font-weight:600}.spec tr:last-child th,.spec tr:last-child td{border-bottom:none}.quote{background:var(--brand-soft);border-radius:var(--r-lg);border:1px solid #bfdbfe;margin-top:22px;padding:20px}.quote h3{margin-bottom:.35em}.quote form{gap:9px;margin-top:14px;display:grid}.quote input,.quote textarea,.quote select{border:1px solid var(--line-2);border-radius:var(--r);width:100%;font:inherit;background:#fff;padding:10px 12px;font-size:.9rem}.quote textarea{resize:vertical;min-height:84px}.quote .row2{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:0;display:grid}@media (width<=560px){.quote .row2{grid-template-columns:1fr}}table.tbl{border-collapse:collapse;width:100%;font-size:.9rem}table.tbl th,table.tbl td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}table.tbl thead th{background:var(--bg-3);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:.78rem}table.tbl tbody tr:hover{background:var(--bg-2)}.pager{flex-wrap:wrap;justify-content:center;gap:6px;margin:34px 0 10px;display:flex}.pager a,.pager span{text-align:center;border:1px solid var(--line);min-width:36px;color:var(--ink-2);border-radius:7px;padding:7px 11px;font-size:.88rem}.pager a:hover{border-color:var(--brand);text-decoration:none}.pager span.cur{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.pager span.dis{color:var(--line-2)}.cta-band{background:var(--ink);color:#fff;padding:44px 0}.cta-band h2{color:#fff;margin-bottom:.3em}.cta-band p{color:#94a3b8;margin-bottom:20px}footer.site{color:#94a3b8;background:#0b1220;padding:46px 0 0;font-size:.88rem}footer.site h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.82rem}.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:26px;display:grid}@media (width<=1000px){.fgrid{grid-template-columns:1fr 1fr}}@media (width<=560px){.fgrid{grid-template-columns:1fr}}footer.site ul{margin:0;padding:0;list-style:none}footer.site li{margin-bottom:7px}footer.site a{color:#94a3b8}footer.site a:hover{color:#fff;text-decoration:none}.fbot{border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:34px;padding:18px 0;font-size:.82rem;display:flex}.fbot .links{gap:18px;display:flex}.note{color:#78350f;border-radius:var(--r);background:#fffbeb;border:1px solid #fde68a;margin:16px 0;padding:12px 14px;font-size:.86rem}.empty{text-align:center;color:var(--ink-3);padding:60px 0}.wa{z-index:90;color:#06301b;background:#25d366;border-radius:999px;align-items:center;gap:9px;padding:11px 16px 11px 13px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #25d36661,0 2px 6px #0f172a2e}.wa:hover{color:#06301b;background:#1ebe5b;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 22px #25d36675,0 2px 8px #0f172a33}.wa svg{fill:currentColor;flex:none;width:22px;height:22px;display:block}.wa .wa-txt{white-space:nowrap}@media (width<=700px){.wa{padding:13px;bottom:14px;right:14px}.wa .wa-txt{display:none}}@media print{.wa{display:none}}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.row2{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}@media (width<=560px){.row2{grid-template-columns:1fr}}.formstatus{margin:12px 0 0;font-size:.88rem}.formstatus.ok{color:var(--ok);font-weight:600}.formstatus.err{color:#b91c1c;font-weight:600}form input.invalid,form textarea.invalid,form select.invalid{background:#fef2f2!important;border-color:#dc2626!important}form button[type=submit][disabled]{opacity:.6;cursor:default}.rfqform{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);background:#fff;padding:22px}.rfqgrid{grid-template-columns:1fr;gap:10px;margin-bottom:24px;display:grid}.rfqgrid.cols3{grid-template-columns:repeat(3,1fr)}.rfqrow{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);grid-template-columns:58px minmax(0,1fr) 76px;align-items:center;gap:12px;padding:8px 10px;transition:border-color .15s,background .15s;display:grid}.rfqrow.on{border-color:var(--brand);background:var(--brand-soft)}.rfqph{border:1px solid var(--line);background:#fff;border-radius:6px;width:58px;height:58px;line-height:0;display:block;overflow:hidden}.rfqph img{object-fit:contain;width:100%;height:100%}.rfqph .noimg{height:100%;color:var(--line-2);place-items:center;font-size:.62rem;display:grid}.rfqinfo{min-width:0}.rfqinfo .nm{-webkit-line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;font-size:.84rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rfqinfo .nm:hover{color:var(--brand);text-decoration:none}.rfqinfo .mt{color:var(--ink-3);flex-wrap:wrap;gap:8px;margin-top:3px;font-size:.7rem;display:flex}.rfqinfo .sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rfqqty label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:3px;font-size:.64rem;display:block}.rfqqty input{width:100%;font:inherit;border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:6px;padding:6px 8px;font-size:.86rem}.rfqqty input:focus{outline:2px solid var(--brand);outline-offset:1px}.rfqfoot{border-top:1px solid var(--line);padding-top:20px}.rfqfoot input[type=text],.rfqfoot input[type=email],.rfqfoot textarea{width:100%;font:inherit;border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink);background:#fff;padding:11px 13px;font-size:.92rem}.rfqfoot textarea{resize:vertical;min-height:84px}.rfqfoot input:focus,.rfqfoot textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.rfqsubmit{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.rfqcount{color:var(--ink-3);font-size:.86rem}.rfqcount.on{color:var(--brand);font-weight:600}.showcase{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.showcard{color:var(--ink);display:block}.showcard:hover{text-decoration:none}.showcard .ph{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;place-items:center;padding:10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;overflow:hidden}.showcard:hover .ph{border-color:var(--brand);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.showcard .ph img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.showcard .ph .noimg{color:var(--line-2);font-size:.8rem}.showcard .nm{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:.88rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.showcard:hover .nm{color:var(--brand)}.rfqsplit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;display:flex}.rfqsplit h3{margin:0;font-size:1.02rem}.rfqsplit p{color:var(--ink-3);margin:0;font-size:.84rem}.rfqtools{z-index:20;background:var(--bg-2);border-bottom:1px solid var(--line);margin-bottom:22px;padding:12px 0;position:sticky;top:64px}.rfqtools .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rfqtools input[type=search]{min-width:180px;font:inherit;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;flex:240px;padding:9px 12px;font-size:.9rem}.rfqchips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.rfqchips button{border:1px solid var(--line-2);color:var(--ink-2);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:600}.rfqchips button:hover{border-color:var(--brand);color:var(--brand)}.rfqchips button.on{background:var(--brand);border-color:var(--brand);color:#fff}.rfqsum{color:var(--brand);font-size:.86rem;font-weight:600}.catblock{margin-bottom:26px}.cathead{border-bottom:2px solid var(--line);align-items:baseline;gap:6px;margin:0 0 12px;padding-bottom:8px;font-size:1rem;display:flex}.rfqrow[hidden],.catblock[hidden]{display:none}@media (width<=1080px){.rfqgrid.cols3{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.rfqgrid.cols3{grid-template-columns:1fr}.showcase{grid-template-columns:repeat(2,1fr);gap:12px}.rfqform{padding:16px}.rfqtools{top:0}}