@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:oklch(.2 .052 251);--blue:oklch(.54 .18 252);--paper:oklch(.985 .008 218);--ice:oklch(.95 .025 220);--muted:oklch(.45 .03 238);--line:oklch(.82 .025 228);--dark:oklch(.17 .052 251);--cyan:oklch(.83 .11 185);--shell:min(100% - 3rem,80rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.seo-shell{width:var(--shell);margin-inline:auto}.seo-nav{position:relative;z-index:20;padding:1.5rem}.seo-nav-inner{min-height:5.5rem;display:flex;align-items:center;gap:2rem;padding:.65rem 1.5rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 8px 8px rgba(8,38,70,.07)}.seo-brand img{display:block;width:10rem;height:4rem;object-fit:contain}.seo-nav-links{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);margin-left:auto;color:var(--muted);font:600 .78rem "Chakra Petch",sans-serif}.seo-nav-links a:hover{color:var(--blue)}.seo-nav-cta{min-height:2.75rem;display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.25rem;border:1px solid color-mix(in oklch,var(--blue) 60%,white);border-radius:4px;background:white;color:var(--ink);font:700 .72rem "Chakra Petch",sans-serif;text-transform:uppercase}.seo-nav-cta:hover{color:white;background:var(--blue)}.seo-overline{color:var(--blue);font:700 .67rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase}.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:3rem;color:var(--muted);font-size:.72rem}.seo-breadcrumb a:hover{color:var(--blue)}.seo-product-hero,.seo-directory-hero{padding:clamp(4rem,9vw,8rem) 0;background:linear-gradient(135deg,var(--paper),var(--ice))}.seo-product-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.42fr);gap:clamp(2rem,7vw,7rem);align-items:end}.seo-product-heading h1,.seo-directory-hero h1,.seo-article h1{max-width:16ch;margin:1rem 0 0;font:600 clamp(2.8rem,6.2vw,6rem)/.95 "Chakra Petch",sans-serif;letter-spacing:-.035em;text-wrap:balance}.seo-product-heading h1 span{display:block;margin-top:1rem;color:var(--blue);font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.02em}.seo-cn-name{margin:1rem 0 0;color:var(--muted);font-size:1.1rem}.seo-rfq{padding:1.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-rfq p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.7}.seo-rfq a{display:inline-flex;margin-top:1.2rem;color:var(--blue);font:700 .72rem "Chakra Petch",sans-serif;text-transform:uppercase}.seo-parameters{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:4rem 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.seo-parameters div{min-height:7rem;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-parameters dt{color:var(--muted);font:700 .65rem "Chakra Petch",sans-serif;text-transform:uppercase}.seo-parameters dd{margin:1.4rem 0 0;font-weight:600}.seo-content,.seo-directory,.seo-related{padding:clamp(5rem,9vw,9rem) 0}.seo-content-grid,.seo-article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.34fr);gap:clamp(3rem,8vw,8rem);align-items:start}.seo-content h2,.seo-related h2,.seo-side-block h2{margin:4rem 0 1rem;font:600 clamp(1.7rem,3vw,2.6rem)/1 "Chakra Petch",sans-serif}.seo-content h2:first-child{margin-top:0}.seo-content p,.seo-side-block p{color:var(--muted);line-height:1.85}.seo-side-block{padding:1.3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-side-block h2{margin:0 0 1rem;font-size:1rem}.seo-tags{display:flex;flex-wrap:wrap;gap:.4rem}.seo-tags span{padding:.35rem .55rem;border-radius:999px;background:var(--ice);font-size:.68rem}.seo-related{color:var(--paper);background:var(--dark)}.seo-related h2{margin-top:0;color:white}.seo-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));border-top:1px solid color-mix(in oklch,var(--cyan) 30%,transparent)}.seo-link-grid a{min-height:10rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;border-right:1px solid color-mix(in oklch,var(--cyan) 30%,transparent);border-bottom:1px solid color-mix(in oklch,var(--cyan) 30%,transparent)}.seo-link-grid span{color:var(--cyan);font-size:.72rem}.seo-directory-hero h1{max-width:13ch}.seo-directory-hero>div>p:not(.seo-overline){max-width:44rem;color:var(--muted);line-height:1.8}.seo-directory-hero form{max-width:42rem;margin-top:2.5rem}.seo-directory-hero label{display:block;margin-bottom:.6rem;color:var(--muted);font-size:.72rem}.seo-directory-hero form div{display:flex}.seo-directory-hero input{min-width:0;flex:1;padding:1rem;border:1px solid var(--line);background:white;font:inherit}.seo-directory-hero button{padding:0 1.4rem;border:0;color:white;background:var(--ink);font:700 .7rem "Chakra Petch",sans-serif}.seo-category-strip{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:2rem}.seo-category-strip a{padding:.6rem .8rem;border:1px solid var(--line);font-size:.72rem}.seo-directory-head{display:flex;justify-content:flex-end;color:var(--muted);font-size:.72rem}.seo-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.seo-catalog-card{min-height:15rem;display:flex;flex-direction:column;padding:1.2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:color .2s,background .2s}.seo-catalog-card:hover{color:var(--blue);background:white}.seo-catalog-card>span,.seo-note-card time{color:var(--muted);font:600 .64rem "Chakra Petch",sans-serif}.seo-catalog-card h2{margin:2rem 0 .7rem;font:600 1.25rem/1.1 "Chakra Petch",sans-serif}.seo-catalog-card p{margin:0;color:var(--muted);font-size:.76rem}.seo-catalog-card b{margin-top:auto;font:700 .67rem "Chakra Petch",sans-serif;text-transform:uppercase}.seo-pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:3rem}.seo-pagination a{min-width:2.5rem;min-height:2.5rem;display:grid;place-items:center;border:1px solid var(--line);font-size:.75rem}.seo-pagination a[aria-current]{color:white;background:var(--blue);border-color:var(--blue)}.seo-empty{padding:5rem 0;text-align:center}.seo-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.seo-note-card{background:var(--paper)}.seo-note-card img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.seo-note-card>div{padding:1.5rem}.seo-note-card h2{margin:1rem 0;font:600 clamp(1.6rem,3vw,2.5rem)/1 "Chakra Petch",sans-serif}.seo-note-card p{color:var(--muted);line-height:1.7}.seo-text-link{color:var(--blue);font:700 .7rem "Chakra Petch",sans-serif;text-transform:uppercase}.seo-article>header{padding:clamp(4rem,9vw,8rem) 0}.seo-article h1{max-width:17ch}.seo-article-excerpt{max-width:48rem;color:var(--muted);font-size:1.08rem;line-height:1.8}.seo-article-meta{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;color:var(--muted);font-size:.72rem}.seo-article-cover{width:100%;max-height:44rem;object-fit:cover}.seo-article-grid{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(5rem,9vw,9rem)}.seo-article-body{font-size:1.02rem;line-height:1.85}.seo-article-body h2{margin:5rem 0 1rem;font:600 clamp(2rem,4vw,3.5rem)/1 "Chakra Petch",sans-serif}.seo-article-body h3{margin:3rem 0 1rem;color:var(--blue);font:600 1.55rem "Chakra Petch",sans-serif}.seo-article-body h4{margin:2rem 0 .8rem;font:600 1.12rem "Chakra Petch",sans-serif}.seo-article-body p,.seo-article-body li{color:var(--muted)}.seo-article-body blockquote{margin:2rem 0;padding:1.4rem;border:1px solid var(--line);background:var(--ice)}.seo-article-body a{color:var(--blue);text-decoration:underline}.seo-footer{padding:3rem 0;color:oklch(.85 .02 220);background:var(--dark)}.seo-footer>.seo-shell{display:flex;align-items:center;gap:2rem}.seo-footer img{width:9rem;filter:brightness(0) invert(1)}.seo-footer p{margin-left:auto;font-size:.7rem}.seo-footer div div{display:flex;gap:1rem;font-size:.7rem}
@media(max-width:960px){.seo-nav-links{display:none}.seo-product-heading,.seo-content-grid,.seo-article-grid{grid-template-columns:1fr}.seo-note-grid{grid-template-columns:1fr}.seo-nav-cta{margin-left:auto}.seo-product-heading h1,.seo-directory-hero h1,.seo-article h1{font-size:clamp(2.7rem,10vw,5rem)}}
@media(max-width:620px){:root{--shell:min(100% - 2rem,42rem)}.seo-nav{padding:.75rem}.seo-nav-inner{min-height:4.5rem;padding:.4rem .75rem}.seo-brand img{width:7.5rem;height:3.2rem}.seo-nav-cta{padding:.65rem .75rem;font-size:.62rem}.seo-product-hero,.seo-directory-hero{padding-top:3rem}.seo-parameters{grid-template-columns:1fr 1fr}.seo-footer>.seo-shell{align-items:flex-start;flex-direction:column}.seo-footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}