:root{--blue:#235ea6;--ink:#1b2633;--pale:#dfeafb;--line:#73869c;--gold:#fff1a8}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#edf4fc;font-size:16px;line-height:1.5}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
.site-header{height:94px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;box-shadow:0 1px 7px #0002}
.logo{width:330px;max-height:82px;object-fit:contain;object-position:left center}.menu-btn{border:0;background:transparent;font-size:40px;cursor:pointer;color:#222}
.nav{position:fixed;right:0;top:76px;width:min(360px,90vw);background:#fff;box-shadow:0 10px 25px #0004;padding:18px 26px;display:none;z-index:30}.nav.open{display:block}.nav a{display:block;padding:8px 0;border-bottom:1px solid #dde4ed;font-weight:600}
.hero{min-height:230px;background:linear-gradient(#000000a6,#000000a6),url('bioprocess.jpg') center/cover;display:flex;align-items:center}.hero .inner{width:min(1100px,90vw);margin:auto;color:#fff}.hero h1{font-size:clamp(20px,2.6vw,34px);font-weight:600;letter-spacing:.4px;line-height:1.15;margin:0 0 14px;max-width:850px}.hero p{font-size:18px;max-width:700px}.hero.lab{background-image:linear-gradient(#000000a6,#000000a6),url('lab-calibration.jpg')}.hero.elec{background-image:linear-gradient(#000000a6,#000000a6),url('electrical-calibration.png')}.hero.pip{background-image:linear-gradient(#000000a6,#000000a6),url('pipette-calibration.png')}.hero.pres{background-image:linear-gradient(#000000a6,#000000a6),url('pressure-calibration.png')}.hero.temp{background-image:linear-gradient(#000000a6,#000000a6),url('thermometer.png')}.compact-h2 .section h2{font-size:24px}.tight-top .container{padding-top:24px}.page{background:#dce9f7;min-height:calc(100vh - 94px)}
.container{width:min(1100px,92vw);margin:auto;padding:44px 0}.section{padding:30px 0;border-bottom:1px solid #8da0b544}.section:last-child{border:0}.section h1,.section h2,.section h3{line-height:1.15;margin-top:0}.section h1{font-size:38px}.section h2{font-size:28px}.section h3{font-size:21px}.lead{font-size:18px}.grid{display:grid;gap:28px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}
.card{background:#ffffffd9;border:1px solid #9aacbf;border-radius:5px;padding:23px;box-shadow:0 3px 10px #2341}.card h3{margin-bottom:8px}.card ul{margin-top:8px;padding-left:22px}.feature{background:#fff;padding:0;overflow:hidden}.feature img{display:block;width:100%;aspect-ratio:2.4/1;object-fit:cover}.feature .copy{padding:18px 22px}.button{display:inline-block;background:var(--blue);color:#fff;padding:11px 17px;border-radius:3px;font-weight:bold}.button:hover{text-decoration:none;filter:brightness(.93)}
.banner-image{width:100%;max-height:560px;object-fit:cover;display:block;background:#fff}.section h2.section-title{font-size:25px;font-weight:600;letter-spacing:.5px;margin-top:20px}.callout{background:var(--gold);display:inline;padding:2px 4px}.service-menu{border:1px solid #6b7d92;border-radius:5px;padding:16px;background:#dce9f799}.service-menu ul{columns:2;margin:7px 0}.faq{margin:18px 0}.faq h3{margin-bottom:4px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{background:#fff;padding:14px 16px;border-left:4px solid var(--blue)}
form{max-width:690px;margin:auto;background:#ffffffc7;padding:24px;border:1px solid #46566a;border-radius:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-weight:700;font-size:14px}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;padding:10px;border:1px solid #8794a3;background:#fff;font:inherit}textarea{min-height:100px}.radio label{display:flex;align-items:flex-start;gap:9px;font-weight:400;margin:8px 0}.radio input{width:auto;flex:none;margin:3px 0 0}.submit{width:100%;border:0;background:#2869c7;color:#fff;padding:12px;font-weight:bold;cursor:pointer}.submit:disabled{opacity:.6;cursor:default}.form-error{color:#b00020;font-weight:600;margin-top:12px}
.footer{background:#d3e0f0;padding:22px 0;font-size:13px}.footer .inner{width:min(1100px,92vw);margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:20px;text-align:center}.footer div:first-child{text-align:left}.footer div:last-child{text-align:right}
@media(max-width:760px){.grid.three,.grid.two,.checks,.form-grid{grid-template-columns:1fr}.service-menu ul{columns:1}.footer .inner{grid-template-columns:1fr;text-align:left}.footer div:last-child{text-align:left}.hero{min-height:190px}.container{padding-top:28px}}