@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap");

:root{--n:#061825;--b:#0b4060;--c:#20c7c7;--w:#fff;--t:#263b49;--m:#f2f7fa}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--t);line-height:1.65}a{color:inherit}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.top{background:#04121c;color:#bcd0da;font-size:13px;padding:7px 0}.top .wrap,.navin{display:flex;justify-content:space-between;align-items:center}.nav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #dce7ed;box-shadow:0 8px 25px #06182516}.navin{height:116px}.logo{width:220px;height:104px;object-fit:contain;object-position:left center}.links{display:flex;gap:21px;align-items:center}.links a{text-decoration:none;font-weight:700;color:#0b2d45}.btn{display:inline-block;background:linear-gradient(135deg,#168ec4,var(--c));color:#03202a!important;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:900}.menu{display:none;font-size:26px}.hero{min-height:680px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,#03121ef2,#07263ec2 55%,#06182533),url('../images/hero-laboratory.jpg') center/cover}.hero h1,.pagehero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-2px;margin:12px 0}.hero p,.pagehero p{font-size:20px;max-width:780px;color:#d7e7ee}.hero .wrap{padding:90px 0}.kick{text-transform:uppercase;letter-spacing:2px;color:#72ece6;font-size:13px;font-weight:900}.section{padding:86px 0}.mist{background:var(--m)}.dark{background:var(--n);color:#d5e3e9}.head{max-width:820px;margin-bottom:36px}.head h2{font-size:clamp(34px,4vw,52px);line-height:1.1;color:#08273b;margin:8px 0}.dark .head h2{color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #dbe7ed;border-radius:20px;padding:27px;box-shadow:0 15px 40px #06182512}.card h3{color:#0b3650}.card p,.card li{color:#617784}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo{min-height:500px;border-radius:26px;background:center/cover;box-shadow:0 25px 60px #06182532}.pagehero{padding:88px 0;color:#fff;background:radial-gradient(circle at 85%,#20c7c733,transparent 25%),linear-gradient(135deg,#061825,#0b4060)}.feature{margin:18px 0;padding-left:20px;border-left:4px solid var(--c)}.explains{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ex{background:linear-gradient(145deg,#0a2639,#0e4a68);border-radius:24px;padding:28px;color:#fff}.cell{height:180px;border:2px solid #ffffff33;border-radius:90px;margin-top:20px;background:linear-gradient(#112d40 0 45%,#297594 46%);position:relative;overflow:hidden}.dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#d8ffff;box-shadow:0 0 14px #fff;animation:f 3s infinite}.d1{left:18%;top:60%}.d2{left:38%;top:50%;animation-delay:1s}.d3{left:60%;top:65%;animation-delay:2s}.d4{left:79%;top:52%;animation-delay:.5s}.chain{position:absolute;left:12%;right:12%;top:45%;height:5px;background:#20c7c7;box-shadow:0 0 18px #20c7c7;animation:p 2s infinite}.drop{position:absolute;width:70px;height:70px;border-radius:50%;background:#c89831;top:70px;left:10%;box-shadow:0 0 0 9px #20c7c766;animation:d 4s infinite alternate}.drop.two{left:55%;width:48px;height:48px;animation-delay:1s}@keyframes f{50%{transform:translateY(-45px);opacity:.45}}@keyframes p{50%{transform:scaleX(.6)}}@keyframes d{to{transform:translateX(120px)}}.cta{background:linear-gradient(120deg,#0a5380,#11a9a5);padding:45px;border-radius:26px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer{background:#03101a;color:#9cb1bd;padding:48px 0 24px}.foot{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:35px}.flogo{width:230px;background:#fff;padding:8px;border-radius:10px}.footer h4{color:#fff}.footer a{display:block;text-decoration:none;margin:7px 0}.legal{border-top:1px solid #ffffff18;margin-top:28px;padding-top:18px;font-size:13px}@media(max-width:950px){.links{display:none;position:absolute;top:116px;left:0;right:0;background:#fff;padding:22px;flex-direction:column}.links.open{display:flex}.menu{display:block}.grid{grid-template-columns:repeat(2,1fr)}.split,.explains,.foot{grid-template-columns:1fr}}@media(max-width:620px){.grid{grid-template-columns:1fr}.navin{height:94px}.logo{width:170px;height:84px}.links{top:94px}.top .wrap{display:block}.cta{display:block}.wrap{width:min(100% - 28px,1200px)}}
/* Version 2.2 branded header descriptor */
.brandblock{display:flex;align-items:center;gap:18px;text-decoration:none;min-width:500px}
.brandtag{display:block;color:#0b3650;font-size:12px;line-height:1.55;font-weight:800;letter-spacing:.45px;text-transform:uppercase;border-left:1px solid #c9dbe4;padding-left:18px;white-space:nowrap}
@media(max-width:1060px){.brandblock{min-width:390px;gap:12px}.logo{width:175px;height:90px}.brandtag{font-size:10px;padding-left:12px}.links{gap:13px}.links a{font-size:13px}}
@media(max-width:950px){.brandblock{min-width:0}.logo{width:180px;height:90px}.brandtag{font-size:10px}}
@media(max-width:620px){.brandblock{gap:8px}.logo{width:125px;height:72px}.brandtag{font-size:8px;letter-spacing:.1px;padding-left:8px;white-space:normal;max-width:145px}}

/* Version 2.3 header and enquiry form */
.brandblock{min-width:650px;gap:14px}.brandtag{white-space:nowrap;font-size:11px;letter-spacing:.25px;padding-left:14px}.logo{width:175px;height:96px}.links{gap:16px}.links a{font-size:13px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:#0b3650;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #cbdce5;border-radius:10px;background:#fff;color:#263b49;font:inherit}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #20c7c755;border-color:#20aeb1}.formnote{font-size:13px;color:#667b89}.hidden-field{position:absolute;left:-9999px}.status{padding:14px 16px;border-radius:10px;margin-bottom:18px}.status.ok{background:#dcf7eb;color:#145b43}.status.error{background:#fee8e8;color:#8a2020}
@media(max-width:1180px){.brandblock{min-width:520px}.brandtag{font-size:9px}.logo{width:145px}.links{gap:11px}.links a{font-size:12px}}
@media(max-width:950px){.brandblock{min-width:0}.brandtag{font-size:10px}.logo{width:175px}.links a{font-size:14px}}
@media(max-width:620px){.brandtag{display:none}.logo{width:155px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* Version 2.4 clean two-row corporate header */
.nav{position:sticky;top:0;background:#fff}.brandrow{height:92px;display:flex;align-items:center;justify-content:space-between}.brandblock{display:flex;align-items:center;gap:20px;min-width:0;text-decoration:none}.logo{width:145px;height:82px;object-fit:contain;flex:0 0 auto}.brandtag{font-size:12px;line-height:1;letter-spacing:.15px;color:#0b3650;font-weight:800;white-space:nowrap;border-left:1px solid #c9dbe4;padding-left:20px;text-transform:none}.menubar{border-top:1px solid #e1ebf0;background:#f8fbfc}.menubar .links{height:54px;display:flex;position:static;align-items:center;justify-content:flex-end;gap:27px;background:transparent;padding:0;box-shadow:none}.menubar .links a{font-size:14px;white-space:nowrap}.menubar .links .btn{padding:9px 18px}.menu{display:none}
/* Keep large section headings balanced */
.head h2{max-width:770px;font-size:clamp(32px,3.5vw,48px);line-height:1.12}.outcome-title{font-size:clamp(32px,3.5vw,46px)!important;max-width:680px!important}
.labgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.labcard{background:#fff;border:1px solid #dbe7ed;border-radius:20px;padding:26px;box-shadow:0 15px 40px #06182512}.labcard h3{color:#0b3650;margin:0 0 8px}.labcard p{color:#617784;margin:0}
@media(max-width:1100px){.brandtag{font-size:10px}.menubar .links{gap:17px}.menubar .links a{font-size:13px}}
@media(max-width:950px){.brandrow{height:90px}.brandtag{white-space:normal;line-height:1.35;max-width:540px}.menu{display:block;color:#0b3650}.menubar .links{display:none;height:auto;position:static;flex-direction:column;align-items:flex-start;padding:18px}.menubar .links.open{display:flex}.labgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.brandtag{display:none}.logo{width:145px;height:78px}.labgrid{grid-template-columns:1fr}.head h2,.outcome-title{font-size:34px!important}.menubar .links{align-items:stretch}.menubar .links .btn{text-align:center}}

/* Version 2.6 final public-site styling */
body{font-family:Inter,Arial,sans-serif}.hero h1,.pagehero h1,.head h2,h1,h2,h3,h4,.brandtag,.links a{font-family:Montserrat,Arial,sans-serif}.brandtag{font-size:12px;font-weight:700;letter-spacing:.1px}.brandrow{height:100px}.logo{width:170px;height:90px}.menubar .links{justify-content:center;gap:30px}.service-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.detail-card{background:#fff;border:1px solid #dbe7ed;border-radius:20px;padding:30px;box-shadow:0 15px 40px rgba(6,24,37,.07)}.detail-card h3{margin:0 0 10px;color:#0b3650}.detail-card p{color:#617784}.detail-card ul{padding-left:20px;color:#526a78}.commercial-hero{max-width:820px}.commercial-hero h1{max-width:800px}.capability-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(6,24,37,.08)}.capability-table th,.capability-table td{padding:14px 17px;border:1px solid #dce8ee;text-align:left}.capability-table th{background:#0b3650;color:#fff}.capability-table td:last-child{color:#087b86;font-weight:800}.whygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.whyitem{padding:23px;border-top:4px solid #20c7c7;background:#fff;border-radius:15px;box-shadow:0 12px 34px rgba(6,24,37,.07)}.whyitem h3{font-size:18px;color:#0b3650}.whyitem p{font-size:14px;color:#617784}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.subnav a{padding:9px 14px;border:1px solid #b7ccd7;border-radius:999px;text-decoration:none;color:#fff;font-weight:700;font-size:13px}.subnav a:hover{background:#0b3650;color:#fff}.hero .btn{font-family:Montserrat,Arial,sans-serif}.pageintro{font-size:18px;color:#617784;max-width:850px}
@media(max-width:1050px){.whygrid{grid-template-columns:repeat(3,1fr)}.menubar .links{gap:18px}.brandtag{font-size:10px}}
@media(max-width:950px){.service-detail{grid-template-columns:1fr}.whygrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.whygrid{grid-template-columns:1fr}.brandtag{display:none}.logo{width:160px}.capability-table{font-size:13px}.capability-table th,.capability-table td{padding:10px}}

/* Version 2.7: improved header logo visibility */
.brandrow{height:122px}
.logo{width:220px;height:112px;object-fit:contain;object-position:left center;display:block}
.brandblock{gap:22px}
.brandtag{padding-left:22px}
@media(max-width:1050px){.brandrow{height:112px}.logo{width:195px;height:102px}.brandtag{font-size:9px;padding-left:15px}}
@media(max-width:950px){.brandrow{height:106px}.logo{width:190px;height:96px}}
@media(max-width:620px){.brandrow{height:96px}.logo{width:180px;height:88px}.brandtag{display:none}}

/* Version 2.8 portals and enhanced responsive navigation */
.menubar .links{gap:18px}.menubar .links a{font-size:12px}.portal-page{min-height:calc(100vh - 280px);background:linear-gradient(135deg,#ecf5f8,#f8fbfc);padding:72px 0}.portal-shell{display:grid;grid-template-columns:.95fr 1.05fr;max-width:980px;margin:auto;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 28px 75px rgba(6,24,37,.16)}.portal-info{padding:48px;color:#fff;background:linear-gradient(145deg,#061825,#0b4c6e)}.portal-info h1{font-size:38px;line-height:1.1}.portal-info p,.portal-info li{color:#cce0e9}.portal-form{padding:48px}.portal-form h2{color:#0b3650;margin-top:0}.loginform{display:grid;gap:17px}.loginform label{font-weight:700;color:#0b3650}.loginform input{width:100%;padding:14px;border:1px solid #c7d9e2;border-radius:10px;font:inherit}.loginform input:focus{outline:2px solid rgba(32,199,199,.3);border-color:#20b4b6}.loginhelp{font-size:13px;color:#647987}.notice{background:#eef8fa;border-left:4px solid #20b4b6;padding:14px 16px;border-radius:8px;color:#415c6a}.portal-actions{display:flex;gap:12px;flex-wrap:wrap}.btn.secondary{background:#fff;border:1px solid #9fb8c5;color:#0b3650!important;box-shadow:none}
@media(max-width:1220px){.menubar .links{gap:11px}.menubar .links a{font-size:11px}.menubar .links .btn{padding:8px 13px}}
@media(max-width:1050px){.menubar .links{display:none;height:auto;position:static;flex-direction:column;align-items:flex-start;padding:18px}.menubar .links.open{display:flex}.menu{display:block;color:#0b3650}.menubar .links a{font-size:14px;width:100%;padding:8px 0}.menubar .links .btn{text-align:center;padding:11px 18px}.brandtag{white-space:normal;line-height:1.35;max-width:620px}}
@media(max-width:800px){.portal-shell{grid-template-columns:1fr}.portal-info,.portal-form{padding:34px}.portal-page{padding:38px 0}}
@media(max-width:480px){.portal-info,.portal-form{padding:25px}.portal-info h1{font-size:31px}.portal-actions .btn{width:100%}.top{font-size:11px}.top .wrap span:last-child{display:block;margin-top:4px}}