:root{font-family:Arial,Helvetica,sans-serif;color:#102b50}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.wrap{max-width:1510px;padding:0 48px;margin:auto}.nav{height:63px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 1px 10px #102b5020}.brand{display:flex;align-items:center;gap:9px}.brandmark{font-size:48px;line-height:1;color:#092958;font-weight:900;letter-spacing:-.2em;padding-right:12px}.brandname{font-size:38px;font-weight:850;line-height:.9;letter-spacing:.02em}.brandsub{font-size:9px;font-weight:700;margin-top:6px;letter-spacing:.06em}.navlinks{display:flex;align-items:center;gap:27px}.navlinks a{font-size:13px;font-weight:650;padding:22px 0 18px;border-bottom:3px solid transparent}.navlinks .active{color:#0964dc;border-bottom-color:#0964dc}.tools{display:flex;gap:20px;align-items:center}.tools select{border:1px solid #d3dce8;border-radius:5px;padding:9px 10px;color:#102b50;background:white}.menu{display:none}.hero{height:294px;position:relative;background:#122b43;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a2ce8,#0b2239d4 37%,#0b223951 77%,#0b223917)}.hero-inner{position:relative;z-index:1;color:#fff;padding-top:31px}.kicker{font-size:11px;letter-spacing:.03em;font-weight:700}.hero h1{font-size:39px;line-height:1.09;margin:13px 0 10px;letter-spacing:-.02em}.hero p{font-size:13px;line-height:1.7;max-width:480px;margin:0}.buttons{display:flex;gap:14px;margin-top:15px}.btn{font-size:13px;font-weight:700;border-radius:5px;padding:12px 19px;background:#0767d8;color:white;display:inline-block}.btn.outline{border:1px solid #d6e4f6a8;background:#172a3e7a}.products{padding:15px 0}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.card{border:1px solid #dce5f0;border-radius:5px;overflow:hidden;display:block}.card img{width:100%;height:117px;object-fit:cover;display:block}.cardtext{padding:11px 13px 12px;min-height:58px;position:relative}.card strong{font-size:13px;display:block;padding-right:24px}.card small{font-size:11px;color:#526881;display:block;margin-top:6px}.arrow{position:absolute;right:10px;top:14px;border:1px solid #b9d3f8;color:#0865d8;border-radius:50%;width:25px;height:25px;text-align:center;line-height:23px}.overview{background:linear-gradient(110deg,#eff6ff,#f7fbff);padding:22px 0}.overviewgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.overview h2,.process h2{font-size:22px;letter-spacing:-.02em;margin:0 0 19px}.benefits{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:0 13px 0 0;margin-right:13px;border-right:1px solid #d5e1f0}.benefit:last-child{border:0}.benefit .ico{font-size:34px;color:#0864d4;line-height:1.1}.benefit strong{font-size:13px;display:block;margin:12px 0 6px}.benefit p,.about p{font-size:12px;line-height:1.55;color:#50647e;margin:0}.about{border-left:1px solid #d3e1f0;padding-left:25px;display:flex;align-items:center;gap:18px}.aboutcopy{flex:1}.about h2{margin-bottom:10px}.about a{display:inline-block;margin-top:13px;background:#e5efff;padding:10px 19px;color:#085cc8;font-size:12px;font-weight:700}.about img{width:29%;height:170px;object-fit:cover;border-radius:4px}.process{padding:22px 0}.processrow{display:grid;grid-template-columns:220px 1fr 170px;gap:20px;align-items:center}.process h2{margin:0 0 6px}.process p{font-size:12px;color:#60758f;margin:0}.steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.step{position:relative}.step:after{content:'→';position:absolute;right:2px;top:10px;color:#9cb0c8}.step:last-child:after{display:none}.number{background:#e7f0ff;color:#075dc7;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;margin-bottom:6px}.step span:last-child{font-size:11px;line-height:1.45;display:block;max-width:108px}.detail{background:#082e71;color:white;text-align:center;padding:13px 16px;border-radius:5px;font-size:13px;font-weight:700}.footer{background:#0b223c;color:white;padding:22px 0 12px}.footergrid{display:grid;grid-template-columns:1.05fr 1.45fr .9fr 1.05fr;gap:25px}.footcol{border-right:1px solid #8ea5c05b;padding-right:18px}.footcol:last-child{border:0}.footer .brandname{font-size:34px}.footer .brandsub{font-size:8px}.footer strong{font-size:12px}.footer p{font-size:11px;line-height:1.65;color:#d6e1f0;margin:7px 0}.footer button{color:#eaf2ff;background:transparent;border:0;padding:0;cursor:pointer}.legal{font-size:11px}.bottom{border-top:1px solid #a8bcd344;margin-top:15px;padding-top:9px;color:#b9c7d9;font-size:10px}.dev{background:#fff6e2;color:#765b2d;font-size:11px;padding:7px;text-align:center}.logofoot{display:flex;align-items:center;gap:9px}.copy{font-size:11px}.hidden{display:none}
@media(max-width:1100px){.wrap{padding:0 24px}.navlinks{gap:13px}.brandname{font-size:31px}.brandmark{font-size:38px}.overviewgrid{grid-template-columns:1fr}.about{border-left:0;border-top:1px solid #d3e1f0;padding:16px 0 0}.processrow{grid-template-columns:1fr}.detail{max-width:180px}.footergrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wrap{padding:0 16px}.nav{height:61px;gap:9px}.navlinks{display:none}.brandmark{font-size:32px}.brandname{font-size:25px}.brandsub{font-size:6px}.tools{gap:7px}.tools select{max-width:95px;font-size:11px;padding:7px 3px}.menu{display:block;position:relative}.menu summary{border:1px solid #d5e0ed;border-radius:5px;padding:7px;font-size:12px;cursor:pointer}.menulinks{position:absolute;right:0;top:36px;background:white;border:1px solid #d5e0ed;box-shadow:0 12px 25px #092b4b33;width:175px;display:flex;flex-direction:column;padding:9px}.menulinks a{padding:9px;font-size:12px}.hero{height:auto;min-height:325px}.hero img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#071a2cf0,#10283cd4 80%,#10283c73)}.hero-inner{padding:27px 0}.hero h1{font-size:35px}.hero p{font-size:12px}.btn{font-size:12px;padding:11px 12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card img{height:112px}.cardtext{min-height:79px;padding:10px}.card strong{font-size:12px}.card small{font-size:10px}.overview h2,.process h2{font-size:21px}.benefits{grid-template-columns:repeat(2,1fr);gap:18px 7px}.benefit:nth-child(2){border:0}.about img{width:34%;height:155px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 5px}.step span:last-child{font-size:10px}.footergrid{grid-template-columns:1fr;gap:16px}.footcol{border-right:0;border-bottom:1px solid #8ea5c05b;padding-bottom:14px}.footcol:last-child{border:0}}

.pagehero{background:#eff6ff;padding:43px 0 38px}.pagehero h1{font-size:35px;margin:0 0 10px}.pagehero p{max-width:780px;line-height:1.7;color:#4b637f}.section{padding:35px 0 50px}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pgrid .card img{height:170px}.panelgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.panel{border:1px solid #d7e3f1;border-radius:7px;padding:22px}.panel h2{font-size:20px;margin:0 0 12px}.panel li{margin:8px 0;font-size:14px;line-height:1.5}.pills{display:flex;flex-wrap:wrap;gap:9px;padding:16px 0}.pills a{border:1px solid #d0deed;border-radius:5px;padding:10px;font-size:12px}.pills a.on{background:#083a80;color:white}.stepcard{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #d7e3f1}.stepcard h2{margin:0 0 9px}.stepcard p,.article p{font-size:14px;line-height:1.8;color:#4d637e}.cta-strip{background:#0a3579;color:white;padding:25px 0}.cta-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-strip h2{margin:0}.formgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.inquiryform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiryform label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:bold}.inquiryform input,.inquiryform textarea{padding:12px;border:1px solid #cdd9e8;border-radius:5px;font:inherit}.inquiryform .full{grid-column:1/-1}.inquiryform textarea{min-height:125px}.inquiryform button{border:0;cursor:pointer}.contactbox{background:#eef5ff;padding:24px;border-radius:7px}.contactbox p{line-height:1.7}.contactbox button{border:0;background:none;color:#0a5ac1;cursor:pointer}.article{max-width:850px}.article h2{margin-top:30px}.articlecards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.articlecards article{border:1px solid #d7e3f1;border-radius:6px;padding:21px}.articlecards p{font-size:13px;color:#526983;line-height:1.6}.aboutgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.aboutgrid img{width:100%;height:240px;object-fit:cover}.aboutgrid p{line-height:1.75}.aboutlist{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.aboutlist>div{padding:20px;background:#eef5ff}.aboutlist p{line-height:1.6;font-size:13px}.footergrid{grid-template-columns:1fr 1.3fr .95fr 1fr}.footer a:hover{color:#8abaff}.footer button{font-size:11px}.small{font-size:12px;color:#657a92}.breadcrumbs{font-size:12px;margin-bottom:16px}.breadcrumbs a{color:#075bc5}.footer .bottom{font-size:11px}
@media(max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}.formgrid,.aboutgrid{grid-template-columns:1fr}.articlecards{grid-template-columns:1fr}}
@media(max-width:720px){.pagehero{padding:27px 0}.pagehero h1{font-size:28px}.pgrid{grid-template-columns:repeat(2,1fr)}.pgrid .card img{height:120px}.panelgrid,.aboutlist,.inquiryform{grid-template-columns:1fr}.inquiryform .full{grid-column:auto}.cta-strip .wrap{display:block}.cta-strip a{margin-top:16px}.footergrid{grid-template-columns:1fr}}

.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.inquiryform button:disabled{opacity:.6;cursor:wait}#rfq-status{font-weight:600;color:#0a3d72;min-height:1.5em}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #2d79e3;outline-offset:3px}
/* Preserve the approved layout while supporting longer translations and accessibility. */
:focus-visible{outline:3px solid #1676dd;outline-offset:4px}.btn:disabled{opacity:.55;cursor:not-allowed}.hero{height:auto;min-height:294px}.hero-inner{padding-bottom:28px}.cardtext{overflow-wrap:anywhere}.panel{min-width:0}.panel li{overflow-wrap:anywhere}#rfq-status{min-height:2em}.inquiryform input[type=file]{max-width:100%}.skip-link{position:absolute;left:12px;top:-80px;z-index:99;background:#fff;padding:12px}.skip-link:focus{top:8px}.privacy-note{line-height:1.6}.menulinks{max-height:75vh;overflow:auto}
@media(max-width:900px){.navlinks{display:none}.menu{display:block}.nav{height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}.tools{gap:10px}}
@media(max-width:480px){.wrap{padding-left:18px;padding-right:18px}.brandname{font-size:28px}.brandsub{font-size:7px}.brand img{width:38px;height:auto}.tools select{max-width:102px}.hero h1{font-size:31px}.buttons{flex-wrap:wrap}.footergrid{overflow-wrap:anywhere}}

/* Integration: prevent narrow fields and translated copy from overflowing. */
.formgrid>*{min-width:0}.inquiryform label{min-width:0}.inquiryform input,.inquiryform textarea{min-width:0;max-width:100%}.contactbox{overflow-wrap:anywhere}
@media(min-width:721px) and (max-width:1100px){.footergrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.card small{padding-right:24px}.footer .brand img{filter:brightness(0) invert(1)}
/* Technical catalogue library */
.resourcegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resourcegrid article{padding:24px 0;border-bottom:1px solid #cdd9e8}.resourcegrid h2{font-size:21px}.resourcegrid a,.category-resources a{color:#075bc5;text-decoration:underline;text-underline-offset:3px}.resourcegrid p{line-height:1.6}.resource-search{margin-top:40px}.resource-search label{display:block;font-size:20px;font-weight:bold;margin-bottom:12px}.resource-search input{width:100%;max-width:600px;font:inherit;padding:14px;border:1px solid #879ab2;border-radius:5px}.resource-list{columns:3;padding-left:20px;line-height:1.7}.resource-list li{break-inside:avoid;margin:10px 0}.category-resources{margin:16px 0 30px;padding:24px;background:#eef5ff;border-radius:6px}.category-resources ul{list-style:none;padding:0;display:flex;gap:24px;flex-wrap:wrap}.category-resources li{flex:1 1 240px;line-height:1.7}.category-resources .btn{color:white}.spec-product{scroll-margin-top:100px;margin:0 0 45px}.spec-product>p{line-height:1.7}.table-scroll{overflow-x:auto;max-width:100%;margin:22px 0}.spec-table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px;color:#102b50}.spec-table caption{text-align:left;font-size:18px;font-weight:bold;margin-bottom:12px}.spec-table th{background:#153754;color:white;padding:12px 9px;text-align:left;vertical-align:top}.spec-table td{padding:10px 9px;border:1px solid #d1dce7;vertical-align:top;white-space:normal;min-width:65px}.spec-table tbody tr:nth-child(even){background:#eff5fa}.spec-product .btn{margin-top:8px}.navlinks{gap:18px}
@media(max-width:1100px){.resourcegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-list{columns:2}.navlinks{gap:12px}.navlinks a{font-size:12px}}
@media(max-width:720px){.resourcegrid{grid-template-columns:1fr}.resource-list{columns:1}.category-resources{padding:18px}.spec-table{font-size:12px}.table-scroll{border-right:2px solid #9cb0c8}}

.rfq-receipt{margin-top:18px;padding:18px;border:1px solid #bad4ee;border-left:4px solid #1260a8;border-radius:6px;background:#edf5fd;color:#102c4b;font-weight:700;overflow-wrap:anywhere}.rfq-receipt[hidden]{display:none}

.chemical-spec{width:100%;min-width:0;table-layout:fixed}.chemical-spec th{width:25%;white-space:normal}.chemical-spec td{white-space:normal;overflow-wrap:anywhere}.technical-note{padding:16px 20px;border-left:3px solid #1260a8;background:#f3f7fc;line-height:1.7}@media(max-width:600px){.chemical-spec th{width:32%}.chemical-spec th,.chemical-spec td{padding:12px 10px}}