.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:8px;z-index:10000;background:var(--brand-700);color:#fff;padding:10px 18px;border-radius:0 0 var(--r-md) var(--r-md);font-size:var(--fs-sm);font-weight:600;text-decoration:none;transition:top var(--t-fast) var(--ease)}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}:root{--brand-50:#eef4ff;--brand-100:#dbe6fe;--brand-200:#bfd3fe;--brand-300:#93b4fd;--brand-400:#608bfa;--brand-500:#3b63f5;--brand-600:#2a4ae8;--brand-700:#1f37c4;--brand-800:#1e3097;--brand-900:#1d2d78;--brand-950:#151c4a;--ink-950:#070b16;--ink-900:#0b1120;--ink-800:#121a2e;--ink-700:#1c2740;--bg:#ffffff;--bg-subtle:#f6f8fc;--surface:#ffffff;--surface-2:#eef1f7;--text:#0b1120;--text-2:#4a5568;--muted:#6b7688;--faint:#9aa4b5;--line:#e2e8f0;--line-strong:#cbd5e1;--ok:#0e9f6e;--ok-bg:#e6f7f0;--warn:#b45309;--warn-bg:#fdf3e3;--danger:#d92d20;--danger-bg:#fdecea;--info:#2563eb;--info-bg:#eaf1fe;--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Noto Sans",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;--fs-4xl:44px;--fs-5xl:56px;--lh-tight:1.25;--lh-snug:1.45;--lh-relaxed:1.65;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--sh-1:0 1px 2px rgba(11,17,32,.05),0 1px 3px rgba(11,17,32,.06);--sh-2:0 2px 4px rgba(11,17,32,.05),0 4px 12px rgba(11,17,32,.08);--sh-3:0 8px 24px rgba(11,17,32,.10),0 2px 6px rgba(11,17,32,.06);--sh-focus:0 0 0 3px rgba(59,99,245,.18);--container:1200px;--container-narrow:860px;--header-h:64px;--ease:cubic-bezier(.2,.7,.2,1);--t-fast:120ms;--t-md:200ms;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-snug);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}svg{max-width:100%}a{color:var(--brand-600);text-decoration:none}a:hover{color:var(--brand-700)}h1,h2,h3,h4,h5{line-height:var(--lh-tight);font-weight:650;letter-spacing:-.01em;margin:0 0 var(--sp-4)}p{margin:0 0 var(--sp-4)}::selection{background:var(--brand-100)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-6)}.container-narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--sp-6)}.section{padding-block:var(--sp-16)}.section-sm{padding-block:var(--sp-10)}.hero{padding-block:var(--sp-16);background:var(--bg)}.hero-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-8);align-items:center}.hero-copy{min-width:0}.hero-visual{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--bg-subtle)}.hero-visual img,.hero-visual picture{display:block;width:100%;height:auto}.hero-visual img{aspect-ratio:4/5;object-fit:cover;max-height:min(72vh,560px)}@media (max-width:900px){.hero-split{grid-template-columns:1fr;gap:var(--sp-6)}.hero-visual{order:-1}.hero-visual img{aspect-ratio:16/9}}.mat-card,.service-card{overflow:hidden}.mat-thumb{aspect-ratio:1/1;overflow:hidden;background:var(--bg-subtle);border-bottom:1px solid var(--line)}.sol-thumb,.oem-thumb{aspect-ratio:4/3;overflow:hidden;background:var(--bg-subtle);border-bottom:1px solid var(--line)}.mat-thumb img,.sol-thumb img,.oem-thumb img{width:100%;height:100%;object-fit:cover;display:block}.factory-strip{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--ink-900)}.factory-strip img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:min(42vh,420px)}.page-visual{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--bg-subtle)}.page-visual .mat-thumb{aspect-ratio:1/1;border-bottom:0;max-height:min(72vh,620px)}.page-visual .sol-thumb,.page-visual .oem-thumb{aspect-ratio:16/9;border-bottom:0;max-height:min(48vh,420px)}@media (max-width:900px){.detail-split{grid-template-columns:1fr !important}.detail-split .page-visual{order:-1}}.color-dots{display:inline-flex;align-items:center;gap:4px;margin-right:8px;vertical-align:middle}.color-dots i{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);display:inline-block;flex:none}.cert-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4)}@media (max-width:960px){.cert-wall{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cert-wall{grid-template-columns:1fr}}.h-display{font-size:var(--fs-5xl);font-weight:700;letter-spacing:-.02em}.h-hero{font-size:var(--fs-4xl);font-weight:700;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.h-sec{font-size:var(--fs-2xl);font-weight:650;letter-spacing:-.015em}.h-sub{font-size:var(--fs-lg);font-weight:600}.lead{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-2)}.muted{color:var(--muted)}.faint{color:var(--faint)}.eyebrow{font-size:var(--fs-xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600)}.center{text-align:center}.overline-deco{display:flex;align-items:center;gap:var(--sp-3);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:600 var(--fs-md)/1 var(--font-sans);padding:11px 18px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);user-select:none}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700);color:#fff}.btn-accent{background:var(--ink-900);color:#fff}.btn-accent:hover{background:var(--ink-950);color:#fff}.btn-outline{background:transparent;border-color:var(--line-strong);color:var(--text)}.btn-outline:hover{border-color:var(--brand-400);color:var(--brand-700);background:var(--brand-50)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b42318;color:#fff}.btn-sm{padding:7px 12px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{padding:14px 24px;font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn-block{display:flex;width:100%}.btn[disabled],.btn.disabled{opacity:.5;pointer-events:none}.btn .ico{width:16px;height:16px;flex:none}.field{display:grid;gap:6px;margin-bottom:var(--sp-4)}.field>label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.input,.select,.textarea{width:100%;font:var(--fs-md)/1.4 var(--font-sans);color:var(--text);background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:10px 12px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.textarea{min-height:96px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7688' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.check,.radio{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-2);cursor:pointer}.check input,.radio input{width:16px;height:16px;accent-color:var(--brand-600);cursor:pointer}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:38px;height:22px;border-radius:var(--r-pill);background:var(--line-strong);transition:background var(--t-md);flex:none}.switch input:checked+.track{background:var(--brand-600)}.switch .track::after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;margin:2px;transition:transform var(--t-md) var(--ease);box-shadow:var(--sh-1)}.switch input:checked+.track::after{transform:translateX(16px)}.input-icon{position:relative}.input-icon .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint)}.input-icon .input{padding-left:36px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:650;padding:3px 9px;border-radius:var(--r-pill);letter-spacing:.01em;line-height:1.5}.badge-brand{background:var(--brand-50);color:var(--brand-700)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--text-2)}.badge-outline{background:#fff;border:1px solid var(--line);color:var(--text-2)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:550;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;color:var(--text-2);cursor:pointer;transition:all var(--t-fast)}.chip:hover{border-color:var(--brand-300);color:var(--brand-700)}.chip.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.card-hover{transition:transform var(--t-md) var(--ease),box-shadow var(--t-md) var(--ease),border-color var(--t-md)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--line-strong)}.card-pad{padding:var(--sp-6)}.card-title{font-size:var(--fs-lg);font-weight:650;margin:0 0 var(--sp-2)}.card-media{aspect-ratio:16/9;background:var(--bg-subtle);display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:var(--sp-5)}.card-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);background:var(--bg-subtle)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:12px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--line);font-weight:650}.table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-subtle)}.table .num{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--fs-sm)}.table-compare td:first-child,.table-compare th:first-child{font-weight:600;color:var(--text);background:var(--bg-subtle);position:sticky;left:0}.table td.yes{color:var(--ok);font-weight:700}.table td.no{color:var(--danger)}.stepper{display:flex;align-items:flex-start;gap:0;margin:var(--sp-8) 0}.step{flex:1;display:grid;gap:6px;position:relative}.step::before{content:"";position:absolute;top:14px;left:calc(-50% + 15px);right:calc(50% + 15px);height:2px;background:var(--line)}.step:first-child::before{display:none}.step .dot{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:2px solid var(--line-strong);display:grid;place-items:center;font-size:var(--fs-xs);font-weight:700;color:var(--muted);z-index:1}.step.done::before{background:var(--brand-300)}.step.done .dot{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.step.now::before{background:var(--brand-300)}.step.now .dot{background:#fff;border-color:var(--brand-600);color:var(--brand-600);box-shadow:0 0 0 4px var(--brand-100)}.step .sl{font-size:var(--fs-sm);font-weight:600}.step .sd{font-size:var(--fs-xs);color:var(--muted)}.site-head{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-head .bar{display:flex;align-items:center;gap:clamp(8px,1vw,16px);height:var(--header-h);min-width:0}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:var(--fs-lg);color:var(--ink-900);letter-spacing:-.01em;flex:0 1 auto;min-width:0;max-width:220px}.brand .logo-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;flex:none}.brand .brand-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-main{display:flex;align-items:center;justify-content:center;gap:2px;list-style:none;margin:0;padding:0;flex:1 1 auto;flex-wrap:nowrap;min-width:0;overflow:visible;scrollbar-width:none}.nav-main > li{flex:0 0 auto}.nav-main::-webkit-scrollbar{display:none}.nav-main a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px clamp(8px,.72vw,11px);border-radius:var(--r-sm);font-weight:550;font-size:clamp(13px,.95vw,15px);line-height:1.2;color:var(--text-2);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.nav-main .i{flex:none}.nav-main li:first-child a{padding-left:clamp(8px,.72vw,11px)}@media (max-width:1400px) and (min-width:1181px){.nav-main{gap:0}.nav-main a{padding-inline:7px;font-size:13.5px}.head-actions{gap:8px}.head-actions .btn{padding:7px 11px;font-size:13px}.lang-trigger--head{padding:5px 9px}.lang-switch{gap:0}}@media (max-width:1200px){.brand-name{display:none}}.nav-main a:hover{color:var(--ink-950);background:var(--bg-subtle)}.nav-main a.active{color:var(--brand-700);background:var(--brand-50)}.head-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3);flex:none}.lang-switch{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:var(--r-pill);padding:2px;background:#fff}.lang-link{padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:650;color:var(--text-2);white-space:nowrap}.lang-link:hover{color:var(--brand-700)}.lang-link.active{background:var(--brand-50);color:var(--brand-700)}.drawer-only{display:none}.head-burger{display:none;border:0;background:none;cursor:pointer;padding:11px;border-radius:var(--r-sm)}.head-burger:hover{background:var(--bg-subtle)}.head-burger span{display:block;width:22px;height:2px;background:var(--ink-900);margin:5px 0;border-radius:2px}@media (max-width:1180px){.site-head .bar{gap:8px}.nav-main{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:8px var(--sp-4) 14px;border-bottom:1px solid var(--line);box-shadow:var(--sh-2);max-height:calc(100vh - var(--header-h));overflow-y:auto}.nav-main > li.nav-item{width:100%;margin:0 0 2px}.nav-main > li.nav-item > a.nav-link,.nav-main > li.nav-item:first-child > a.nav-link{width:100%;padding:12px;display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:15px;border-radius:8px}.nav-main > li.nav-item > a.nav-link:hover{background:var(--bg-subtle)}.head-burger{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;padding:0}.head-actions{display:none}.nav-toggle-cb:checked ~ .nav-main{display:flex}.nav-toggle-cb:checked ~ .nav-main .drawer-only{display:block}.drawer-only{padding:10px 0 0;margin:10px 0 0;border-top:1px solid var(--line)}.drawer-auth .flex-auth{display:flex;gap:10px;flex-wrap:wrap}.drawer-lang .lang-trigger--drawer{width:100%;padding:12px}.drawer-lang .lang-switch{justify-content:center;padding:4px}}.site-foot{border-top:1px solid var(--line);background:var(--ink-950);color:#c7cede;margin-top:var(--sp-24)}.site-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-8);padding-block:var(--sp-16)}.site-foot h4{color:#fff;font-size:var(--fs-md);margin-bottom:var(--sp-4)}.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.site-foot a{color:#aab4c8;font-size:var(--fs-sm)}.site-foot a:hover{color:#fff}.site-foot .brandline{display:flex;flex-direction:column;gap:var(--sp-4)}.site-foot .legal{border-top:1px solid rgba(255,255,255,.08);padding-block:var(--sp-5);display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;font-size:var(--fs-xs);color:#8b96ab}@media (max-width:960px){.site-foot .cols{grid-template-columns:1fr 1fr;gap:var(--sp-6)}}.grid{display:grid;gap:var(--sp-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex;align-items:center;gap:var(--sp-4)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.wrap{flex-wrap:wrap}.grow{flex:1}.mt-0{margin-top:0}.mt-1{margin-top:var(--sp-4)}.mt-2{margin-top:var(--sp-8)}.mt-3{margin-top:var(--sp-12)}.mt-4{margin-top:var(--sp-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--sp-4)}.mb-2{margin-bottom:var(--sp-8)}.mb-3{margin-bottom:var(--sp-12)}.divider{height:1px;background:var(--line);border:0;margin-block:var(--sp-8)}.divider-soft{height:1px;background:var(--line);border:0;margin-block:var(--sp-6)}.pill-num{display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:6px;border-radius:var(--r-pill);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-xs);font-weight:700}kbd,.mono{font-family:var(--font-mono)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1199px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.grid-3,.grid-2{grid-template-columns:1fr}.h-display{font-size:var(--fs-4xl)}.h-hero{font-size:var(--fs-3xl)}}@media (max-width:560px){.grid-4{grid-template-columns:1fr}.h-display{font-size:var(--fs-3xl)}.h-hero{font-size:var(--fs-2xl)}}.preview-flag{background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-xs);font-weight:650;letter-spacing:.02em;text-align:center;padding:7px 14px;word-break:break-word;overflow-wrap:anywhere}.metlang{font-size:var(--fs-sm);color:var(--text-2)}.metlang a,.metlang .met_navbtn{color:var(--text-2);cursor:pointer}.metlang a:hover{color:var(--brand-600)}.gallery{background:var(--bg-subtle);min-height:100vh;padding:var(--sp-16) 0}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.swatch{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}.swatch .chipcolor{height:56px}.swatch .meta{padding:8px 10px;font-size:var(--fs-xs)}.swatch .meta b{display:block;font-weight:650}.swatch .meta code{color:var(--muted)}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:4px}.nav-caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.5;transition:transform var(--t-fast) var(--ease);margin-left:2px}.nav-item:hover .nav-caret{transform:rotate(180deg);opacity:1}.nav-dropdown{position:absolute;top:100%;left:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:var(--sp-5);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--t-md) var(--ease),transform var(--t-md) var(--ease),visibility var(--t-md);z-index:60}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-inner{display:flex;flex-direction:column;gap:var(--sp-3)}.dropdown-blurb{font-size:var(--fs-xs);color:var(--muted);margin:0 0 var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line);line-height:1.5}.dropdown-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.dropdown-list a{display:block;padding:6px 8px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-2);transition:all var(--t-fast)}.dropdown-list a:hover{background:var(--brand-50);color:var(--brand-700)}.nav-cta{margin-left:var(--sp-2)}@media (max-width:1180px){.nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:2px 0 4px 24px;min-width:0}.dropdown-top{display:none}.dropdown-blurb{display:none}.dropdown-inner{gap:0}.dropdown-list{gap:2px}.dropdown-list a{padding:10px 8px;font-size:var(--fs-md);border-radius:8px}}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--brand-700)}.breadcrumb span{color:var(--faint)}.breadcrumb strong{color:var(--text);font-weight:600}.hero-sm{padding-block:var(--sp-8) var(--sp-6)}.hero-sm .eyebrow{display:inline-block;margin-bottom:var(--sp-2)}.hero-products,.hero-solutions,.hero-materials,.hero-oem,.hero-support,.hero-about{background:linear-gradient(180deg,var(--brand-50) 0%,transparent 100%);border-radius:var(--r-xl);padding:var(--sp-12) var(--sp-6);margin-bottom:var(--sp-8)}@media (max-width:960px){.hero-products,.hero-solutions,.hero-materials,.hero-oem,.hero-support,.hero-about{padding:var(--sp-8) var(--sp-4);border-radius:var(--r-lg)}}.text-brand{color:var(--brand-600)}.text-brand:hover{color:var(--brand-700)}.body-text{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text-2)}.align-start{align-items:flex-start}.gap-2{gap:var(--sp-4)}.gap-3{gap:var(--sp-6)}.gap-4{gap:var(--sp-8)}.hr-soft{height:1px;background:var(--line);border:0;margin:var(--sp-6) 0}.my-3{margin-block:var(--sp-6)}.h-card{font-size:var(--fs-lg);font-weight:650;margin:0}.product-card{display:flex;flex-direction:column;height:100%}.product-card .card-body{flex:1;display:flex;flex-direction:column}.product-spec-mini{display:flex;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap}.product-spec-mini .spec{font-size:var(--fs-xs);color:var(--muted);background:var(--bg-subtle);padding:3px 8px;border-radius:var(--r-sm);font-weight:550}.product-type-card{text-align:center}.product-type-icon{font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}.featured-product{border:2px solid var(--brand-200);box-shadow:var(--sh-2)}.featured-product .badge-brand{position:absolute;top:var(--sp-3);right:var(--sp-3)}.scenario-card{display:flex;flex-direction:column;height:100%;overflow:hidden}.scenario-card .card-body{flex:1}.scenario-icon{font-size:var(--fs-2xl);margin-bottom:var(--sp-2)}.needs-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.needs-list li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-2)}.tool-card{text-align:center;height:100%}.tool-icon{font-size:var(--fs-2xl);margin-bottom:var(--sp-2);color:var(--brand-600)}.compare-table{overflow-x:auto}.database-table{overflow-x:auto}.guide-entries{display:grid;gap:var(--sp-4)}.guide-entry{border-left:3px solid var(--brand-300)}.check-mark{display:inline-block;width:16px;height:16px;flex:none;position:relative;margin-top:2px}.check-mark::before{content:"";position:absolute;top:2px;left:3px;width:5px;height:9px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}.card-icon{font-size:var(--fs-xl);color:var(--brand-600);margin-bottom:var(--sp-2)}.config-wrap{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-6);align-items:start}.config-steps{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-6)}.config-step-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;font-size:var(--fs-sm);font-weight:550;color:var(--text-2);cursor:pointer;transition:all var(--t-fast)}.config-step-tab:hover{border-color:var(--brand-300);color:var(--brand-700)}.config-step-tab.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.config-step-tab.done{border-color:var(--brand-300);color:var(--brand-700)}.config-nav{display:flex;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-5)}.config-panel{display:none}.config-panel.active{display:block}.config-option{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-sm);font-weight:550;color:var(--text-2);transition:all var(--t-fast);background:#fff}.config-option:hover{border-color:var(--brand-300)}.config-option.selected{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700)}.config-summary{position:sticky;top:calc(var(--header-h) + var(--sp-4))}.config-summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.config-summary-item:last-child{border-bottom:0}.config-summary-item .label{color:var(--muted)}.config-summary-item .value{font-weight:600;color:var(--text)}@media (max-width:960px){.config-wrap{grid-template-columns:1fr}.config-summary{position:static}}.process-flow{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center}.badge-lg{font-size:var(--fs-sm);font-weight:600;padding:8px 14px;border-radius:var(--r-md);background:var(--bg-subtle);color:var(--text-2)}.arrow{color:var(--faint);font-size:var(--fs-md);padding:0 var(--sp-1)}.process-timeline{display:grid;gap:var(--sp-4)}.process-step{display:flex;gap:var(--sp-4);align-items:flex-start}.process-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand-600);color:#fff;font-weight:700;font-size:var(--fs-sm);flex:none}.process-label{font-size:var(--fs-md);font-weight:600;color:var(--text);margin-bottom:4px}.process-connector{width:2px;min-height:24px;background:var(--line);margin-left:17px}.flow-steps{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.flow-step{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;border-radius:var(--r-pill);background:var(--bg-subtle);font-size:var(--fs-sm);color:var(--text-2)}.flow-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-size:var(--fs-xs);font-weight:700}.flow-arrow{color:var(--faint)}.metric{font-size:var(--fs-3xl);font-weight:750;color:var(--ink-900);line-height:1;letter-spacing:-.02em}.metric small{font-size:var(--fs-md);font-weight:600;color:var(--muted);margin-left:2px}.metric-sm{font-size:var(--fs-xl);font-weight:700;color:var(--ink-900);line-height:1}.step-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--text-2);font-weight:700;font-size:var(--fs-sm);flex:none;border:2px solid var(--line-strong)}.step-num-brand{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.about-card{text-align:left;height:100%}.about-icon{font-size:var(--fs-xl);color:var(--brand-600);margin-bottom:var(--sp-1)}.cert-card{text-align:center}.cert-badge{display:inline-block;padding:var(--sp-2) var(--sp-4);border:2px solid var(--brand-200);background:var(--brand-50);color:var(--brand-700);border-radius:var(--r-md);font-weight:700;font-size:var(--fs-sm)}.support-card{text-align:left;height:100%}.support-icon{font-size:var(--fs-xl);color:var(--brand-600);margin-bottom:var(--sp-1)}.faq-list{display:grid;gap:var(--sp-3);max-width:800px;margin:0 auto}.faq-item{transition:border-color var(--t-fast)}.faq-item[open]{border-color:var(--brand-300)}.faq-item summary{list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item .faq-toggle{transition:transform var(--t-md) var(--ease)}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.quote-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-6);border-bottom:2px solid var(--line);padding-bottom:0}.quote-tab{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm) var(--r-sm) 0 0;font-size:var(--fs-sm);font-weight:550;color:var(--text-2);cursor:pointer;transition:all var(--t-fast);border-bottom:2px solid transparent;margin-bottom:-2px}.quote-tab:hover{color:var(--brand-700);background:var(--brand-50)}.quote-tab.active{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:650}.quote-tab-icon{font-size:var(--fs-lg)}.quote-tab-label{white-space:nowrap}.quote-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-6);align-items:start}.quote-main{min-width:0}.quote-sidebar{position:sticky;top:calc(var(--header-h) + var(--sp-4))}@media (max-width:960px){.quote-layout{grid-template-columns:1fr}.quote-sidebar{position:static}.quote-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.quote-tabs::-webkit-scrollbar{display:none}}.field-label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text-2);margin-bottom:6px;margin-top:var(--sp-3)}.field-label:first-child{margin-top:0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-2)}.checkbox-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);background:#fff}.checkbox-item:hover{border-color:var(--brand-300);color:var(--brand-700)}.checkbox-item input{width:16px;height:16px;accent-color:var(--brand-600);cursor:pointer}.checkbox-item:has(input:checked){border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700)}.service-card{text-align:left;height:100%}.service-icon{font-size:var(--fs-xl);color:var(--brand-600);margin-bottom:var(--sp-1)}@media (max-width:768px){.config-wrap,.quote-layout{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}.quote-tab-label{font-size:var(--fs-xs)}}:root{--ink-900:#06142B;--ink-800:#0b2048;--ink-700:#122c5a;--brand-600:#0A4A9B;--brand-700:#083D82;--brand-50:#EAF0FA;--brand-100:#d6e4f9;--paper:#FAF8F3;--paper-2:#F1ECE2;--stroke:rgba(6,20,43,.10);--stroke-2:rgba(6,20,43,.18);--font-sans:Inter,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,Arial,sans-serif;--font-display:"Playfair Display","Noto Serif SC",Georgia,"Source Han Serif SC","Times New Roman",serif;--font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15.5px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:30px;--fs-3xl:40px;--fs-4xl:54px;--fs-5xl:72px;--r-xs:3px;--r-sm:5px;--r-md:8px;--r-lg:12px;--r-xl:20px;--sh-e1:0 1px 0 0 rgba(6,20,43,.06);--sh-e2:0 20px 40px -24px rgba(6,20,43,.35),0 2px 6px rgba(6,20,43,.05);--max-w:1320px;}html{font-family:var(--font-sans)}body{background:var(--paper);color:var(--ink-900)}.container{max-width:var(--max-w);margin-inline:auto;padding-inline:24px}a{color:inherit}.hair{height:1px;background:linear-gradient(90deg,transparent,var(--stroke-2),transparent)}.hair-hard{height:1px;background:var(--stroke)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-600);line-height:1}.display{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.02}.small-caps{font-variant:small-caps;letter-spacing:.08em;text-transform:lowercase;color:var(--muted)}.rule-title{display:flex;align-items:center;gap:14px}.rule-title::after{content:"";flex:1;height:1px;background:var(--stroke)}.site-foot{position:relative;margin-top:96px;background:radial-gradient(1200px 300px at 85% -10%,rgba(10,74,155,.18),transparent 60%),linear-gradient(180deg,#06142B 0%,#041022 100%);color:#d7dde9;border-top:1px solid rgba(255,255,255,.06);padding:72px 0 0;font-family:var(--font-sans);}.site-foot::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#b48c50 0%,#0A4A9B 45%,#c8a76e 100%)}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr 1fr;gap:36px;padding:0 0 48px}.foot-col h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9fb0cf;margin:0 0 20px;font-weight:500;display:flex;align-items:center;gap:10px}.foot-col h5::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.foot-col a{color:#c3cbdd;text-decoration:none;font-size:13.5px;line-height:1.4;transition:color .15s ease,transform .15s ease;display:flex;align-items:center;gap:10px}.foot-col a:hover{color:#fff;transform:translateX(2px)}.foot-col a .i{color:#9fb0cf;transition:color .15s ease;flex-shrink:0}.foot-col a:hover .i{color:var(--brand-400,#608bfa)}.foot-brand .brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin-bottom:18px}.foot-brand .logo-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(145deg,#0A4A9B,#1a2e5b);color:#fff;font-family:var(--font-display);font-size:22px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 25px -15px rgba(10,74,155,.6)}.foot-brand .brand-name{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.01em}.foot-brand p.lead{color:#8fa1c0;font-size:13.5px;line-height:1.7;margin:0 0 24px;max-width:44ch}.foot-contact{display:grid;gap:12px;font-size:13px;color:#a4b0c7;margin:0}.foot-contact .ct{display:flex;gap:10px;align-items:flex-start}.foot-contact .i{margin-top:2px;color:#8899b8;flex-shrink:0}.foot-contact a{color:#a4b0c7;text-decoration:none}.foot-contact a:hover{color:#fff}.foot-brand{display:flex;flex-direction:column}.foot-follow{margin-top:auto;padding-top:32px}.foot-follow h5{margin-bottom:14px}.foot-follow .social-pill{margin-bottom:0}.social-pill{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.social-pill a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#c3cbdd;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:all .18s ease}.social-pill a:hover{color:#fff;background:#0A4A9B;border-color:#0A4A9B;transform:translateY(-2px)}.social-pill a.wa:hover{background:#1fa457;border-color:#1fa457}.social-pill a.wx:hover{background:#09B83E;border-color:#09B83E}.social-pill a.wb:hover{background:#E6162D;border-color:#E6162D}.social-pill a.li:hover{background:#0A66C2;border-color:#0A66C2}.social-pill a.tw:hover{background:#111;border-color:#333}.social-pill a.yt:hover{background:#FF0000;border-color:#FF0000}.social-pill a.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:transparent;color:#fff}.foot-legal{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;font-size:12.5px;color:#8a96b0;background:rgba(0,0,0,.18);}.foot-legal .row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;align-items:center}.foot-legal .left{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;justify-content:center}.foot-legal .left .sep{opacity:.2}.foot-legal .left a{color:#a6b1c7;text-decoration:none}.foot-legal .left a:hover{color:#fff}.foot-legal .lang-mini{display:inline-flex;gap:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:3px;border-radius:6px}.foot-legal .lang-mini a{padding:4px 9px;color:#a6b1c7;text-decoration:none;border-radius:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.foot-legal .lang-mini a.active{background:#0A4A9B;color:#fff}.foot-legal .tech-support a{color:#a6b1c7;text-decoration:none;font-weight:500}.foot-legal .tech-support a:hover{color:#fff;text-decoration:underline}@media (max-width:1100px){.foot-grid{grid-template-columns:1.2fr 1fr 1fr}}@media (max-width:780px){.site-foot{padding-top:48px;margin-top:56px}.foot-grid{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:36px}.foot-brand{grid-column:span 2}}@media (max-width:520px){.foot-grid{grid-template-columns:1fr}.foot-brand{grid-column:auto}}.head-actions{display:flex;align-items:center;gap:10px}.head-actions .lang-switch{position:relative}.desktop-lang-group{display:inline-flex;border:1px solid var(--stroke);border-radius:999px;background:#fff;padding:3px;box-shadow:0 1px 0 rgba(0,0,0,.02);gap:2px}.desktop-lang-group a{--fw:500;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-2,#4a5568);text-decoration:none;transition:all .15s ease;font-family:var(--font-mono);letter-spacing:.05em}.desktop-lang-group a:hover{background:var(--brand-50,#eaf0fa);color:var(--brand-700)}.desktop-lang-group a.active{background:linear-gradient(180deg,#1f65c5,#0A4A9B);color:#fff;box-shadow:0 6px 16px -10px rgba(10,74,155,.8),inset 0 1px 0 rgba(255,255,255,.18)}.desktop-lang-group a .flag-dot{width:18px;height:12px;border-radius:2px;display:inline-block;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.1)}.desktop-lang-group a.en .flag-dot{background:linear-gradient(180deg,#3c3b6e 50%,#b22234 50%)}.desktop-lang-group a.zh .flag-dot{background:linear-gradient(#de2910,#de2910)}@media (max-width:860px){.desktop-lang-group{display:none}.mobile-lang-select{display:inline-flex!important}}.mobile-lang-select{display:none;position:relative}.mobile-lang-select summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--stroke);border-radius:8px;background:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--text-2)}.mobile-lang-select[open] summary{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.mobile-lang-select .mlg{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;background:#fff;border:1px solid var(--stroke);border-radius:10px;padding:6px;box-shadow:var(--sh-e2);z-index:50}.mobile-lang-select .mlg a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:var(--text-2,#4a5568);text-decoration:none;font-size:13px}.mobile-lang-select .mlg a:hover{background:var(--brand-50);color:var(--brand-700)}.mobile-lang-select .mlg a.active{background:var(--brand-600);color:#fff}.lang-switch .lang-link{padding:6px 10px;border-radius:6px;color:var(--text-2,#4a5568);font-size:12.5px;text-decoration:none;font-family:var(--font-mono);letter-spacing:.05em}.lang-switch .lang-link.active{background:var(--brand-600);color:#fff}.dropdown-list li a{display:inline-flex;align-items:center;gap:9px;padding:7px 0;color:var(--ink-900);text-decoration:none;font-size:13.5px;position:relative}.dropdown-list li a .i{color:var(--brand-600)}.dropdown-list li a .chev{margin-left:auto;opacity:0;transform:translateX(-4px);transition:all .15s ease;color:var(--brand-600)}.dropdown-list li a:hover{color:var(--brand-700);padding-left:4px}.dropdown-list li a:hover .chev{opacity:1;transform:translateX(0)}.contact-bar{position:fixed;right:18px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:10px}.contact-bar .cb-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--sh-e2);text-decoration:none;position:relative;transition:transform .15s ease;backdrop-filter:saturate(140%) blur(2px)}.contact-bar .cb-btn:hover{transform:translateY(-2px) scale(1.03)}.contact-bar .cb-btn .cb-tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#06142B;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s ease}.contact-bar .cb-btn:hover .cb-tip{opacity:1;right:calc(100% + 14px)}.contact-bar .cb-top .cb-tip{opacity:1;right:calc(100% + 14px)}.cb-whatsapp{background:linear-gradient(180deg,#28c966,#1fa457)}.cb-wechat{background:linear-gradient(180deg,#2ec100,#2aa61f)}.cb-mail{background:linear-gradient(180deg,#3b63f5,#2a4ae8)}.cb-phone{background:linear-gradient(180deg,#b48c50,#9a7137)}.cb-top{background:#06142B}.cb-wechat .qr-pop{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);display:none;background:#fff;padding:12px;border-radius:10px;box-shadow:var(--sh-e2);width:150px;text-align:center;color:#0b1120;font-size:11px;line-height:1.5}.cb-wechat:hover .qr-pop{display:block}.cb-wechat .qr-pop .ph{width:120px;height:120px;background:conic-gradient(from 180deg,#000 0 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/20px 20px;margin:0 auto 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono);font-size:12px}@media (max-width:760px){.contact-bar{right:12px;bottom:14px;gap:8px}.contact-bar .cb-btn{width:44px;height:44px;border-radius:12px}}.cookie-bar{position:fixed;left:20px;right:20px;bottom:20px;max-width:640px;margin:0 auto;z-index:90;background:#06142B;color:#dbe2f2;border-radius:16px;padding:18px 22px;display:none;align-items:flex-start;gap:16px;box-shadow:0 30px 60px -20px rgba(6,20,43,.7);border:1px solid rgba(255,255,255,.08)}.cookie-bar.show{display:flex}.cookie-bar .i{color:#9db3d4;margin-top:2px;flex-shrink:0}.cookie-bar .ct{flex:1;font-size:13px;line-height:1.6}.cookie-bar .ct a{color:#9fc0f1}.cookie-bar .btns{display:flex;gap:8px;align-items:center;flex-shrink:0}.cookie-bar button{cursor:pointer;border-radius:8px;font-size:12.5px;padding:8px 14px;border:1px solid transparent;font-family:inherit;transition:all .15s ease}.cookie-bar .btn-acc{background:#0A4A9B;color:#fff;border-color:#0A4A9B}.cookie-bar .btn-acc:hover{background:#0f5dc1}.cookie-bar .btn-dec{background:transparent;color:#aab5ce;border-color:rgba(255,255,255,.15)}.cookie-bar .btn-dec:hover{background:rgba(255,255,255,.05);color:#fff}@media (max-width:520px){.cookie-bar{left:12px;right:12px;bottom:12px;padding:14px 16px;flex-direction:column}.cookie-bar .btns{align-self:stretch;justify-content:space-between}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.reveal.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}@media (prefers-contrast:more){:root{--brand-600:#0033cc;--text:#000;--text-2:#000;--muted:#333;--line:#666;--line-strong:#000}a{text-decoration:underline}.skip-link{background:#000;border:2px solid #fff}.btn,.nav-link,.portal-card{border:2px solid currentColor}.reveal{opacity:1!important;transform:none!important}}@media (forced-colors:active){.skip-link,.btn,.nav-link{border:1px solid CanvasText}svg[aria-hidden="true"]{forced-color-adjust:auto}}@media print{.site-head,.site-foot,.contact-bar,.cookie-bar,.head-burger{display:none!important}}.i{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;line-height:0;vertical-align:-0.125em;color:currentColor;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.i-12{width:12px;height:12px;}.i-14{width:14px;height:14px;}.i-16{width:16px;height:16px;}.i-18{width:18px;height:18px;}.i-20{width:20px;height:20px;}.i-24{width:24px;height:24px;}.i-28{width:28px;height:28px;}.i-32{width:32px;height:32px;}.i.chev{margin-inline-start:auto;opacity:.55;width:14px;height:14px;transition:transform .18s ease,opacity .18s ease;}a:hover > .i.chev,button:hover > .i.chev,li:hover > a > .i.chev{opacity:1;transform:translateX(3px);}.i.i-wechat,.i.i-weibo,.i.i-xiaohongshu,.i.i-bilibili,.i.i-zhihu,.i.i-douyin,.i.i-tiktok,.i.i-linkedin,.i.i-twitter,.i.i-facebook,.i.i-youtube,.i.i-instagram,.i.i-github,.i.i-rss,.i.i-cookie,.i.i-qr,.i.i-logo{fill:currentColor;stroke:none;}.i.i-cart,.i.i-map-marker,.i.i-phone,.i.i-mail,.i.i-whatsapp,.i.i-target,.i.i-badge,.i.i-clock,.i.i-check-circle,.i.i-lifebuoy,.i.i-globe,.i.i-truck,.i.i-scale{fill:none;stroke:currentColor;}.dropdown-list{display:block;padding:0;margin:0;list-style:none;}.dropdown-list li{list-style:none;margin:2px 0;}.dropdown-list > li > a{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;line-height:1.25;color:var(--ink,#0b1830);text-decoration:none;transition:background .18s ease,color .18s ease,transform .12s ease;}.dropdown-list > li > a > span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dropdown-list > li > a:hover{background:linear-gradient(180deg,rgba(13,61,176,.06),rgba(13,61,176,.10));color:var(--brand-700,#0d3db0);transform:translateX(2px);}.dropdown-list > li > a:hover .i:first-child{color:var(--brand-600,#1b56d6);}.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}.foot-col ul > li{list-style:none;}.foot-col ul > li > a{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-inline:-10px;border-radius:8px;font-size:13.5px;line-height:1.4;color:var(--foot-link,#8592ae);text-decoration:none;transition:background .18s ease,color .18s ease,transform .12s ease;}.foot-col ul > li > a > span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.foot-col ul > li > a:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px);}.foot-col ul > li > a:hover .i:first-child{color:#b8cdfb;}@media (max-width:520px){.dropdown-list > li > a{padding:9px 6px;}.foot-col ul > li > a{padding:8px 4px;margin-inline:0;}}html body .site-head .nav-main .nav-cta > a.nav-cta-link,html body .site-head .nav-main .nav-item.nav-cta a.nav-link.nav-cta-link,html body .nav-main a.nav-cta-link,html body a.nav-cta-link{background:#2a4ae8 !important;color:#ffffff !important;fill:#ffffff !important;border-radius:8px;padding:8px 14px !important;font-weight:650 !important;box-shadow:0 1px 3px rgba(42,74,232,.25);border:1px solid rgba(255,255,255,.15);}html body .site-head .nav-main .nav-cta > a.nav-cta-link:hover,html body .site-head .nav-main .nav-cta > a.nav-cta-link:focus-visible,html body .nav-main a.nav-cta-link:hover,html body a.nav-cta-link:hover,html body a.nav-cta-link:focus-visible{background:#1f37c4 !important;color:#ffffff !important;fill:#ffffff !important;}html body .site-head .nav-main .nav-cta > a.nav-cta-link.active,html body .nav-main a.nav-cta-link.active,html body a.nav-cta-link.active{background:#1f37c4 !important;color:#ffffff !important;fill:#ffffff !important;}html body .site-head .nav-main .nav-cta a.nav-cta-link > svg,html body .site-head .nav-main .nav-cta a.nav-cta-link .i,html body .site-head .nav-main .nav-cta a.nav-cta-link .nav-caret,html body a.nav-cta-link svg,html body a.nav-cta-link .i,html body a.nav-cta-link .nav-caret{color:#ffffff !important;fill:#ffffff !important;stroke:#ffffff !important;opacity:1 !important;}@media (max-width:1180px){html body .site-head .nav-main li.nav-cta > a.nav-link.nav-cta-link{width:100%;justify-content:flex-start !important;padding:12px !important;}}.article-body{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.article-body img{max-width:100%;height:auto;display:block;margin:1rem 0}.article-body table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:1rem 0}.article-body table td,.article-body table th{border:1px solid var(--line);padding:8px 12px}.article-body iframe{max-width:100%}.article-body blockquote{border-left:4px solid var(--brand-300);padding-left:16px;margin-left:0;color:var(--text-2);font-style:italic}.article-body pre{background:var(--bg-subtle);padding:12px 16px;border-radius:var(--r-sm);overflow-x:auto;font-family:var(--font-mono);font-size:13px}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin:1.5em 0 .75em;line-height:1.3}.article-body p{margin:0 0 1em;line-height:1.8}.article-body ul,.article-body ol{padding-left:2em;margin:0 0 1em}.article-body a{color:var(--brand-600);text-decoration:underline}.edui-container{max-width:100%!important}.edui-editor-body{word-wrap:break-word}.met-showproduct .hero-split{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:var(--sp-12)!important}.met-showproduct .product-gallery .main-image img{transition:opacity .3s ease}.met-showproduct .thumb-btn{transition:border-color .2s ease!important}.met-showproduct .thumb-btn:hover{border-color:var(--brand-400)!important}.met-showproduct .product-info-sidebar{position:sticky;top:var(--sp-6)}.met-showproduct .product-specs{border-top:1px solid var(--line)}.met-showproduct .product-tabs{border-bottom:2px solid var(--line);display:flex;gap:var(--sp-6);overflow-x:auto}.met-showproduct .tab-link{padding:var(--sp-2) 0;border:none;background:none;cursor:pointer;font-size:var(--fs-md);font-weight:600;white-space:nowrap}.met-showproduct .tab-link.active{color:var(--brand-600)}.met-showproduct .tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.met-showproduct .product-sidebar{position:sticky;top:var(--sp-6)}@media (max-width:991px){.met-showproduct .hero-split{grid-template-columns:1fr!important;gap:var(--sp-6)!important}.met-showproduct .product-info-sidebar{position:static!important}}@media (max-width:767px){.met-showproduct .container{padding-inline:var(--sp-4)!important}.met-showproduct h1.h-hero{font-size:var(--fs-2xl)!important}.met-showproduct .product-detail-content .card{padding:var(--sp-4)!important}.met-showproduct .product-sidebar{position:static!important}.met-showproduct .product-detail-content,.met-showproduct .product-sidebar{grid-column:1!important}.met-showproduct section[style*="grid-template-columns:minmax(0,1fr) 300px"]{grid-template-columns:1fr!important}.met-showproduct section[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.met-showproduct section[style*="repeat(4,1fr)"],.met-showproduct div[style*="repeat(4,1fr)"]{grid-template-columns:1fr!important}.met-showproduct .thumb-btn{width:60px!important;height:60px!important}}@media (max-width:768px){.btn{min-height:44px;padding:10px 20px}.btn-sm{min-height:36px;padding:8px 14px}.input,.select,.textarea{min-height:44px;padding:12px 14px}.select{padding-right:40px;background-position:right 14px center}.input-icon .input{padding-left:42px}.input-icon .ico{width:18px;height:18px;left:14px}.check input,.radio input{width:20px;height:20px}.nav-link{min-height:44px;display:inline-flex;align-items:center}.dropdown-list li a{min-height:44px;display:flex;align-items:center}}

/* ==========================================================================
   FilamentLab colour system v2  (2026-09) — restrained industrial palette
   Section tints use 3-6% brand hues; saturated colour is reserved for
   accents (icon tiles, family dots, top hairlines).
   ========================================================================== */
:root{
  --tint-blue:#eef4ff;--tint-mint:#e9f8f2;--tint-violet:#f3eeff;--tint-amber:#fdf4e7;--tint-slate:#f7f9fc;
  --c-pla:#2a4ae8;--c-petg:#0ea5a4;--c-abs:#f59e0b;--c-asa:#8b5cf6;--c-tpu:#ec4899;
  --c-pa:#14b8a6;--c-pc:#6366f1;--c-cf:#334155;--c-gf:#0f766e;--c-support:#64748b;--c-eng:#7c3aed;
}
.sec-tint-blue{background:linear-gradient(135deg,var(--tint-blue) 0%,#fff 66%)}
.sec-tint-mint{background:linear-gradient(135deg,var(--tint-mint) 0%,#fff 66%)}
.sec-tint-violet{background:linear-gradient(135deg,var(--tint-violet) 0%,#fff 66%)}
.sec-tint-amber{background:linear-gradient(135deg,var(--tint-amber) 0%,#fff 66%)}
.sec-tint-slate{background:var(--tint-slate)}
.hero-glow{position:relative;overflow:hidden}
.hero-glow::before{content:"";position:absolute;top:-42%;right:-14%;width:56vw;height:56vw;background:radial-gradient(circle at 35% 35%,rgba(42,74,232,.18),rgba(42,74,232,0) 60%);pointer-events:none;z-index:0}
.hero-glow::after{content:"";position:absolute;bottom:-46%;left:-10%;width:42vw;height:42vw;background:radial-gradient(circle at 50% 50%,rgba(14,159,110,.14),rgba(14,159,110,0) 62%);pointer-events:none;z-index:0}
.hero-glow>.container{position:relative;z-index:1}
.mat-card{position:relative;overflow:hidden}
.mat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--fam,var(--c-pla));z-index:2}
.mat-card .mat-thumb img{transition:transform .35s ease}
.mat-card:hover .mat-thumb img{transform:scale(1.03)}
.mat-badge{font-size:11px}
.fam-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--fam,var(--c-pla));vertical-align:middle}
.fam-pla{--fam:var(--c-pla)}.fam-petg{--fam:var(--c-petg)}.fam-abs{--fam:var(--c-abs)}.fam-asa{--fam:var(--c-asa)}
.fam-tpu{--fam:var(--c-tpu)}.fam-pa{--fam:var(--c-pa)}.fam-pc{--fam:var(--c-pc)}.fam-cf{--fam:var(--c-cf)}
.fam-gf{--fam:var(--c-gf)}.fam-support{--fam:var(--c-support)}.fam-eng{--fam:var(--c-eng)}
.sol-card{position:relative;overflow:hidden}
.sol-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--solc,var(--brand-500));z-index:2}
.sol-card .i{color:var(--solc,var(--brand-500))}
.sol-prototyping{--solc:#2a4ae8}.sol-industrial{--solc:#0ea5a4}.sol-automotive{--solc:#f59e0b}.sol-robotics{--solc:#8b5cf6}
.sol-education{--solc:#14b8a6}.sol-architecture{--solc:#ec4899}.sol-consumer{--solc:#6366f1}.sol-farms{--solc:#0f766e}
.oem-card{position:relative;overflow:hidden}
.oem-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6d28d9,#2a4ae8);z-index:2}
.oem-card .i{color:#6d28d9}
.band-dark{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1120 0%,#151c4a 62%,#0e2a3a 100%)}
.band-dark::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#2a4ae8,#0ea5a4,#8b5cf6)}
.cta-card{position:relative;overflow:hidden}
.cta-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#2a4ae8,#0ea5a4,#8b5cf6)}
.site-foot{position:relative}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2a4ae8,#0ea5a4,#8b5cf6)}
.pd-page .pd-stat:nth-child(1) .i{color:#2a4ae8}
.pd-page .pd-stat:nth-child(2) .i{color:#0e9f6e}
.pd-page .pd-stat:nth-child(3) .i{color:#b45309}
.pd-page .pd-stat:nth-child(4) .i{color:#6d28d9}
.sec-tint-amber .card{border-color:#f2e2c8}
@media (max-width:900px){.hero-glow::before,.hero-glow::after{display:none}}


/* ==========================================================================
   FilamentLab colour system v2 — phase 2 (list & content pages, buttons)
   ========================================================================== */
.btn-primary{background:linear-gradient(135deg,var(--brand-600) 0%,var(--brand-500) 100%);box-shadow:0 10px 24px -18px rgba(42,74,232,.95)}
.btn-primary:hover{background:linear-gradient(135deg,var(--brand-700) 0%,var(--brand-600) 100%);transform:translateY(-1px)}
.btn-outline:hover{border-color:var(--brand-300);background:var(--brand-50);color:var(--brand-700)}
.product-card,.product-type-card{position:relative;overflow:hidden}
.product-card::before,.product-type-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--fam,linear-gradient(90deg,var(--brand-500),#0ea5a4));z-index:2}
.product-card:hover,.product-type-card:hover{border-color:var(--brand-200)}
.tool-card{position:relative;overflow:hidden}
.tool-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0ea5a4,#2a4ae8);z-index:2}
.tool-card:hover{border-color:#b7e4da}
.hero-support{background:linear-gradient(135deg,var(--tint-blue) 0%,#fff 62%)}
.hero-sm{background:linear-gradient(135deg,var(--tint-slate) 0%,#fff 72%)}
.faq-list details.card{border-left:3px solid var(--brand-200);transition:border-color .2s ease,background .2s ease}
.faq-list details.card[open]{border-left-color:var(--brand-500);background:linear-gradient(135deg,var(--brand-50) 0%,#fff 74%)}
.sec-tint-blue .card:hover,.sec-tint-mint .card:hover,.sec-tint-violet .card:hover{border-color:var(--brand-200)}@media (max-width:1180px){html body .site-head .head-actions{display:none !important}html body .site-head .head-burger{display:grid !important}}@media (min-width:1181px){html body .site-head .head-burger{display:none !important}html body .site-head .head-actions{display:flex !important}}