:root{--navy:#153e6f;--ink:#16263c;--teal:#2aa7a5;--cyan:#46bfe3;--iris:#5e6ad2;--coral:#e77b65;--amber:#d9a441;--mint:#75c8b1;--line:#dbe7ee;--muted:#60728a;--mist:#f1faf7}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#f7fbfb;position:relative;isolation:isolate}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:80px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{height:48px;width:auto}.brand span{font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--navy)}.desktop-nav{display:flex;gap:20px;align-items:center}.desktop-nav a{font-size:14px;font-weight:750;color:#3a4658}.desktop-nav a:hover,.desktop-nav a.active{color:var(--teal)}.contact-button,.btn{border:1px solid #c9dce7;border-radius:8px;padding:13px 18px;font-weight:800;color:var(--navy);background:#fff}.menu-button{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:24px;width:44px;height:44px}.mobile-nav{display:none;border-top:1px solid var(--line);padding:14px 20px;background:#fff}.mobile-nav a{display:block;padding:12px 4px;font-weight:800;color:#3a4658}.home-section{min-height:calc(100vh - 80px);display:grid;align-items:center;padding:26px 0;background:radial-gradient(circle at 12% 12%,rgba(117,200,177,.18),transparent 28%),radial-gradient(circle at 86% 18%,rgba(231,123,101,.1),transparent 24%),linear-gradient(135deg,#fff,#eef6ff)}.home-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.eyebrow{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.home-title,.page-hero h1{color:var(--navy);font-size:clamp(2.05rem,3.75vw,4rem);font-weight:900;line-height:.98;margin:14px 0}.accent-line{height:3px;width:78px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--amber),var(--coral),var(--iris));margin:24px 0}.home-tagline{font-size:22px;color:#60728a;line-height:1.5}.home-copy,.lead{color:#60728a;font-size:18px;line-height:1.75}.card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.84);box-shadow:0 18px 60px rgba(21,62,111,.08);backdrop-filter:blur(16px);padding:24px}.home-visual{padding:16px}.home-visual svg{width:100%;max-height:250px}.home-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.nav-tile{display:block;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.86);padding:12px;box-shadow:0 18px 60px rgba(21,62,111,.08)}.nav-tile span{display:block;height:6px;width:64px;border-radius:999px;margin-bottom:9px;background:linear-gradient(90deg,var(--teal),var(--cyan))}.nav-tile.iris span{background:linear-gradient(90deg,var(--cyan),var(--iris))}.nav-tile.coral span{background:linear-gradient(90deg,var(--coral),var(--amber))}.nav-tile.mint span{background:linear-gradient(90deg,var(--mint),var(--teal))}.nav-tile.amber span{background:linear-gradient(90deg,var(--amber),var(--coral))}.nav-tile strong{display:block;color:var(--navy);font-size:16px}.nav-tile em{display:block;margin-top:5px;font-style:normal;color:#60728a;font-weight:650;font-size:13px;line-height:1.55}.page-hero,.band{background:radial-gradient(circle at 12% 12%,rgba(117,200,177,.2),transparent 28%),radial-gradient(circle at 86% 18%,rgba(231,123,101,.12),transparent 24%),linear-gradient(180deg,#f8fcfb,#fff)}.page-hero{padding:88px 0}.page-hero h1{max-width:980px}.page-hero .lead{max-width:780px}.section{padding:86px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.card-grid{display:grid;gap:20px}.card-grid.two{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.five{grid-template-columns:repeat(5,1fr)}.card h3{color:var(--navy);font-size:22px;margin:10px 0}.card p{color:#60728a;line-height:1.7}.role{font-weight:900;color:var(--teal)!important}.icon-dot{display:inline-block;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--mint),var(--cyan),var(--iris));opacity:.85}.rounded-img{width:100%;border-radius:8px;border:1px solid var(--line);box-shadow:0 18px 60px rgba(21,62,111,.08);background:#fff;padding:12px}.list-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 60px rgba(21,62,111,.08);padding:22px 28px}.list-card li{padding:14px 0;border-bottom:1px solid var(--line);font-weight:750;color:#3a4658}.list-card li:last-child{border-bottom:0}.pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.pill-grid span{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;font-weight:800;color:#3a4658}.stack{display:grid;gap:16px}.avatar{width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,var(--mist),#fff);display:grid;place-items:center;color:var(--navy);font-size:24px;font-weight:900;border:1px solid var(--line)}.timeline{display:grid;gap:18px;border-left:4px solid var(--teal);padding-left:24px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:900;color:var(--navy)}input,textarea{border:1px solid var(--line);border-radius:8px;padding:13px;font:inherit}.contact-form button{border:0;border-radius:8px;background:linear-gradient(135deg,var(--navy),var(--iris));color:#fff;font-weight:900;padding:14px 18px;width:max-content}.site-footer{border-top:1px solid var(--line);background:#f7fcfe}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:44px;padding:54px 0}.footer-logo{height:64px;width:auto}.footer-grid p{color:#60728a;line-height:1.7}.footer-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--navy)}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-links a{color:#60728a;font-weight:700}.copyright{text-align:center;border-top:1px solid var(--line);padding:18px;color:#60728a;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.diagram .card{box-shadow:none}@media(max-width:1180px){.desktop-nav,.contact-button{display:none}.menu-button{display:inline-grid;place-items:center}.mobile-nav.open{display:block}.brand span{display:none}.home-grid,.split{grid-template-columns:1fr}.home-section{min-height:auto}.home-tile-grid{grid-template-columns:repeat(2,1fr)}.card-grid.three,.card-grid.four,.card-grid.five,.pill-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.header-inner{height:72px}.home-section{padding:42px 0}.home-tile-grid,.card-grid.two,.card-grid.three,.card-grid.four,.card-grid.five,.pill-grid,.footer-grid{grid-template-columns:1fr}.page-hero,.section{padding:60px 0}.brand img{height:44px}.home-copy,.lead{font-size:16px}.footer-links{grid-template-columns:1fr}}


/* Enhanced MedTech backdrop and image treatments */
body{
  background:
    linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.96)),
    url("../images/lab-backdrop.svg") top center/100% auto no-repeat,
    #fff;
}
.page-hero,.home-section{
  position:relative;
  overflow:hidden;
}
.page-hero::after,.home-section::after{
  content:"";
  position:absolute;
  inset:auto -8% -120px auto;
  width:52%;
  height:280px;
  background:url("../images/lab-backdrop.svg") center/cover no-repeat;
  opacity:.17;
  pointer-events:none;
  border-radius:32px;
  filter:saturate(1.1);
}
.home-section .container,.page-hero .container{position:relative;z-index:1}
.home-section{
  background:
    linear-gradient(120deg,rgba(255,255,255,.72),rgba(255,255,255,.82)),
    radial-gradient(circle at 11% 16%,rgba(117,200,177,.34),transparent 30%),
    radial-gradient(circle at 72% 10%,rgba(231,123,101,.18),transparent 28%),
    radial-gradient(circle at 86% 82%,rgba(94,106,210,.20),transparent 28%),
    radial-gradient(circle at 38% 88%,rgba(217,164,65,.18),transparent 26%),
    url("../images/lab-backdrop.svg") center/cover no-repeat,
    linear-gradient(135deg,#f9fdfb,#eef6ff 52%,#fff7f4);
}
.home-section::before{
  content:"";
  position:absolute;
  inset:94px 2.5% 48px 2.5%;
  border:1px solid rgba(219,231,238,.74);
  border-radius:28px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.50),rgba(255,255,255,.20)),
    repeating-linear-gradient(90deg,rgba(42,167,165,.045) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(0deg,rgba(94,106,210,.035) 0 1px,transparent 1px 46px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 30px 90px rgba(21,62,111,.08);
  pointer-events:none;
}
.home-section::after{
  opacity:.28;
}
.home-grid{
  position:relative;
  z-index:1;
}
.dna-drop-card{
  display:grid;
  place-items:center;
  padding:16px;
  min-height:330px;
  background:
    radial-gradient(circle at 50% 48%,rgba(70,191,227,.18),transparent 48%),
    linear-gradient(145deg,rgba(255,255,255,.56),rgba(241,250,247,.44));
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.dna-drop-img{
  width:min(100%,430px);
  height:auto;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 24px 62px rgba(21,62,111,.15);
}
.product-showcase{
  background:
    linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.96)),
    url("../images/lab-backdrop.svg") center top/cover no-repeat;
}
.product-image-frame{
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 60px rgba(21,62,111,.10);
  padding:18px;
}
.product-instrument-img{
  display:block;
  width:100%;
  max-height:430px;
  object-fit:contain;
  border-radius:8px;
  background:#fff;
}
.product-intro{
  max-width:860px;
  margin:34px auto 24px;
  text-align:center;
}
.product-intro h2{
  color:var(--navy);
  font-size:clamp(1.9rem,3vw,3.1rem);
  line-height:1.08;
  margin:10px 0;
}
.workflow-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.workflow-strip article{
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  padding:18px;
  box-shadow:0 18px 50px rgba(21,62,111,.08);
}
.workflow-strip span{
  color:var(--teal);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.workflow-strip h3{
  color:var(--navy);
  margin:8px 0;
  font-size:18px;
}
.workflow-strip p{
  color:#60728a;
  line-height:1.6;
  margin:0;
  font-size:14px;
}
.visual-card{
  padding:14px;
}
.visual-card img{
  display:block;
  width:100%;
  border-radius:8px;
}
@media(max-width:1180px){
  .workflow-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .workflow-strip{grid-template-columns:1fr}
  .dna-drop-img{height:250px}
  .dna-drop-card{min-height:260px}
}


/* Team and collaborator portrait system */
.profile-card{
  overflow:hidden;
  padding-top:18px;
}
.profile-photo-wrap{
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--mist),#fff);
  border:1px solid var(--line);
  box-shadow:0 16px 42px rgba(21,62,111,.10);
  margin-bottom:18px;
}
.profile-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.collaborator-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  align-items:start;
}
.collab-photo-wrap{
  width:150px;
  aspect-ratio:1 / 1;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--mist),#fff);
  border:1px solid var(--line);
  box-shadow:0 16px 42px rgba(21,62,111,.10);
}
.collab-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@media(max-width:720px){
  .collaborator-card{
    grid-template-columns:1fr;
  }
  .collab-photo-wrap{
    width:100%;
    max-width:220px;
  }
}

/* Site-wide seven-layer visual field: base light, medical blue wash, teal wash, warm accessibility accent, life-contrast facility image, fine diagnostic grid, and soft foreground veil. */
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,252,250,.96)),
radial-gradient(circle at 8% 12%,rgba(42,167,165,.16),transparent 24%),
radial-gradient(circle at 88% 8%,rgba(94,106,210,.12),transparent 22%),
radial-gradient(circle at 78% 88%,rgba(217,164,65,.12),transparent 28%),
url("../images/humanity-facility.png") center top/cover no-repeat,
repeating-linear-gradient(90deg,rgba(21,62,111,.035) 0 1px,transparent 1px 58px),
linear-gradient(135deg,rgba(255,255,255,.74),rgba(238,248,255,.68));background-blend-mode:normal,normal,normal,normal,soft-light,normal,normal}
.site-header{box-shadow:0 8px 28px rgba(21,62,111,.06)}
.page-hero,.band,.home-section{background:rgba(255,255,255,.78)}
.section{background:rgba(255,255,255,.66)}
.public-pram-image{width:100%;border-radius:8px;border:1px solid var(--line);background:#fff;padding:14px;box-shadow:0 18px 60px rgba(21,62,111,.08)}
.mission-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}
.mission-strip span{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.84);padding:14px;text-align:center;font-weight:900;color:var(--navy)}
.people-stage{display:grid;gap:26px}
.stage-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.stage-number{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--iris));color:#fff;font-weight:900}
.role-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.role-list article{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.86);padding:20px}
.opening-count{display:inline-block;margin-top:8px;color:var(--teal);font-weight:900}
.small-note{font-size:13px!important;color:#6e7f94!important;line-height:1.6!important}
.patent-line{font-size:13px!important;font-weight:800;color:#3a4658!important}
.status-pill{display:inline-block;border:1px solid rgba(42,167,165,.35);border-radius:999px;background:rgba(241,250,247,.88);color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;margin-bottom:10px}
.human-purpose img{aspect-ratio:16/9;object-fit:cover}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(70,191,227,.72);outline-offset:3px}
@media(max-width:900px){.mission-strip,.role-list{grid-template-columns:1fr}.desktop-nav{gap:13px}.desktop-nav a{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

input,textarea{width:100%;min-width:0}
.contact-form button{max-width:100%}