:root{
  --ink:#f0f5f2;
  --muted:#8e9e9c;
  --teal:#46d7c6;
  --teal2:#78e7dc;
  --navy:#031016;
  --navy2:#071a20;
  --line:rgba(191,224,219,.14);
  --panel:rgba(9,28,34,.82);
  --display:"Iowan Old Style","Baskerville","Times New Roman",serif;
}

body{
  background:#031016;
  color:var(--ink);
  font-weight:400;
  letter-spacing:-.006em;
  background-image:
    radial-gradient(circle at 74% 7%,rgba(43,156,148,.12),transparent 26%),
    linear-gradient(180deg,#031016 0%,#05151b 42%,#031016 100%);
}

body:before{
  opacity:.42;
  background-size:96px 96px;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
}

.container{width:min(1320px,calc(100% - 80px))}
.section{padding:134px 0}
.ambient{opacity:.45;filter:blur(150px)}

.site-header{
  position:absolute;
  padding:30px 0;
}
.site-header .nav-wrap{
  padding:10px 12px 10px 18px;
  border:1px solid rgba(215,239,235,.12);
  border-radius:999px;
  background:rgba(3,16,22,.52);
  backdrop-filter:blur(22px) saturate(130%);
  box-shadow:0 20px 70px rgba(0,0,0,.18);
}
.brand{gap:11px}
.brand img{width:46px;height:46px}
.brand-type{padding-left:13px;border-color:rgba(255,255,255,.18)}
.brand-type strong{font-size:17px;letter-spacing:.13em;font-weight:650}
.brand-type small{font-size:8px;letter-spacing:.5em;margin-top:8px}
.site-nav{gap:8px}
.site-nav a{
  padding:11px 15px;
  border-radius:999px;
  color:#9fb0ae;
  font-size:11px;
  letter-spacing:.035em;
}
.site-nav a:hover{background:rgba(255,255,255,.045);color:#edf7f5}
.nav-cta{border-radius:999px;background:#ecf6f3;color:#041318;border:0;padding-inline:22px;min-height:43px}
.nav-cta:hover{background:var(--teal2);color:#031016}

.eyebrow{
  margin-bottom:28px;
  color:#aebbb9;
  letter-spacing:.23em;
  font-size:9px;
  font-weight:650;
}
.eyebrow span{width:40px;height:1px;box-shadow:none;background:var(--teal)}

.hero{
  min-height:960px;
  padding:170px 0 82px;
  background:
    radial-gradient(ellipse at 78% 45%,rgba(46,177,166,.15),transparent 32%),
    linear-gradient(112deg,#031016 0%,#06171d 58%,#052129 100%);
}
.hero:before{
  inset:-60% 50% -30% -30%;
  border-color:rgba(125,213,205,.06);
  box-shadow:0 0 0 80px rgba(71,192,182,.012),0 0 0 160px rgba(71,192,182,.008);
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 49.95%,rgba(200,230,226,.07) 50%,transparent 50.05%);
  mask-image:linear-gradient(to bottom,transparent 14%,black 25%,black 82%,transparent 96%);
}
.hero-grid{grid-template-columns:1fr 1fr;min-height:680px;gap:54px}
.hero-copy{padding-top:55px;align-self:center}
.hero h1{
  margin:0 0 34px;
  max-width:680px;
  letter-spacing:-.045em;
  line-height:.9;
  font-family:var(--display);
  font-weight:400;
}
.hero h1 span,.hero h1 em{display:block}
.hero h1 span{font-size:clamp(65px,6.25vw,92px);white-space:nowrap}
.hero h1 em{
  margin-top:11px;
  font-family:var(--sans);
  font-size:clamp(45px,4.6vw,68px);
  line-height:1;
  font-weight:560;
  letter-spacing:-.06em;
  background:linear-gradient(90deg,#f0f7f5 0%,#63dfd1 65%,#2ebdad 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lede{max-width:580px;font-size:16px;line-height:1.8;color:#a4b3b1;margin-bottom:34px}
.hero-actions{margin-bottom:34px}
.button{border-radius:999px;min-height:51px;padding:0 25px;font-size:11px;letter-spacing:.06em;font-weight:650}
.button-primary{background:#e8f5f2;color:#041318;box-shadow:none}
.button-primary:hover{background:var(--teal2);box-shadow:0 15px 50px rgba(44,210,193,.18)}
.button-ghost{background:transparent;border-color:rgba(208,234,230,.18)}
.hero-notation{
  display:flex;
  justify-content:space-between;
  max-width:585px;
  padding:14px 0;
  border-block:1px solid rgba(196,224,220,.1);
  color:#506a69;
  font-size:8px;
  letter-spacing:.19em;
}
.proof-row{max-width:585px;border-top:0;padding-top:24px}
.proof-row>div{flex:1;gap:10px;padding-right:16px;margin-right:16px;border-color:rgba(197,225,221,.1)}
.proof-row svg{width:22px;height:22px;stroke:#7eddd2;stroke-width:1.2}
.proof-row span{font-size:8px;letter-spacing:.12em;color:#617978}
.proof-row b{font-size:9px;color:#c8d6d4;font-weight:600}

.hero-visual{height:680px;align-self:center}
.hero-visual:before{width:520px;height:520px;background:radial-gradient(circle,rgba(52,201,187,.12),transparent 68%)}
.hero-visual img{width:min(650px,46vw);max-height:660px;object-fit:contain;transform:translate(8px,20px);filter:drop-shadow(0 46px 80px rgba(0,0,0,.52)) saturate(.9)}
.orbit-one{width:640px;height:280px;border-color:rgba(115,213,205,.12)}
.orbit-two{width:520px;height:520px;border-color:rgba(255,255,255,.04)}
.spec-label{font-size:8px;letter-spacing:.21em;color:#79908e;border-color:rgba(83,218,206,.7)}
.label-one{right:2%;top:24%}.label-two{left:3%;bottom:26%}
.visual-caption{right:5%;bottom:4%;padding:13px 17px;border-radius:999px;background:rgba(3,14,19,.62);font-size:8px;letter-spacing:.12em}
.pulse{width:6px;height:6px;box-shadow:0 0 0 4px rgba(70,215,198,.1)}

.section-heading{grid-template-columns:1.15fr .65fr;gap:150px;margin-bottom:72px}
.section-heading h2,.quality h2,.research-head h2,.company h2,.faq h2,.contact h2{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(50px,5.2vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
}
.section-heading>p,.research-head>p{font-size:14px;line-height:1.9;color:#839694}

.intro{background:linear-gradient(180deg,#06171d 0%,#071a20 100%)}
.intro:before{
  content:"02";position:absolute;right:4vw;top:90px;
  color:rgba(212,235,231,.035);font-family:var(--display);font-size:210px;line-height:1;
}
.capability-rail{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px;border-block:1px solid rgba(191,224,219,.11)}
.capability-rail span{padding:17px 22px;border-right:1px solid rgba(191,224,219,.09);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#718886}
.capability-rail span:last-child{border-right:0}.capability-rail b{margin-right:13px;color:#64d4c8;font-weight:500}
.capability-grid{display:grid;grid-template-columns:repeat(12,1fr);border:0;border-radius:0;gap:12px;background:transparent}
.capability-card{min-height:510px;padding:27px 30px 30px;border:1px solid rgba(191,224,219,.11)!important;background:linear-gradient(145deg,rgba(11,42,49,.94),rgba(3,16,21,.96));overflow:hidden;display:flex;flex-direction:column;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.capability-card:nth-child(1),.capability-card:nth-child(4){grid-column:span 7}.capability-card:nth-child(2),.capability-card:nth-child(3){grid-column:span 5}
.capability-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(117,213,204,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(117,213,204,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}
.capability-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-130px;background:rgba(53,209,196,.055);filter:blur(4px);pointer-events:none}
.capability-card:hover{transform:translateY(-4px);border-color:rgba(100,216,205,.28)!important;background:linear-gradient(145deg,rgba(12,50,57,.96),rgba(3,18,23,.98));box-shadow:0 28px 70px rgba(0,0,0,.2)}
.capability-meta{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em;color:#5e7776}
.card-index{font-family:var(--sans);font-size:9px;color:#75d8ce}.capability-meta>span:last-child{padding:6px 8px;border:1px solid rgba(113,216,206,.14)}
.capability-visual{height:205px;margin:27px 0 25px;border-block:1px solid rgba(191,224,219,.09);position:relative;z-index:2;overflow:hidden;background:rgba(1,11,15,.23)}
.capability-content{position:relative;z-index:2}.capability-card h3{font-family:var(--display);font-size:31px;font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}.capability-card p{max-width:470px;font-size:12px;line-height:1.75;color:#809391;margin:0}
.capability-card a{position:relative;left:auto;right:auto;bottom:auto;z-index:2;margin-top:auto;padding-top:18px;font-size:8px;letter-spacing:.17em;border-color:rgba(196,224,220,.1)}
.visual-readout{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:end}.visual-readout span,.axis-label{font-size:7px;letter-spacing:.18em;color:#567170}.visual-readout b{font-family:var(--display);font-size:15px;font-weight:400;color:#b8cdca}
.sequence-code{position:absolute;left:18px;top:20px;font-family:var(--display);font-size:15px;letter-spacing:.05em;color:#789996}.sequence-chain{position:absolute;left:8%;right:8%;top:92px;height:18px;display:flex;justify-content:space-between;align-items:center}.sequence-chain:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2fd3c5 12%,#2fd3c5 88%,transparent)}.sequence-chain i{position:relative;width:13px;height:13px;border:1px solid #65d5cb;border-radius:50%;background:#08242b;box-shadow:0 0 0 5px rgba(64,210,198,.035)}.sequence-chain i:nth-child(2),.sequence-chain i:nth-child(5){width:8px;height:8px;background:#49cfc4}.sequence-chain i:nth-child(3){width:18px;height:18px;border-color:#d6e6e4}
.mini-vial{position:absolute;left:50%;top:23px;width:76px;height:112px;transform:translateX(-50%);border:1px solid rgba(137,226,218,.58);border-radius:5px 5px 15px 15px;background:linear-gradient(90deg,rgba(111,215,207,.04),rgba(220,247,243,.12),rgba(111,215,207,.03))}.mini-vial:before{content:"";position:absolute;left:7px;right:7px;top:-12px;height:17px;border:1px solid rgba(203,236,232,.5);background:repeating-linear-gradient(90deg,#163941 0 3px,#294d53 3px 5px)}.mini-vial i{position:absolute;left:10px;right:10px;bottom:9px;height:20px;border-radius:50%;background:radial-gradient(ellipse at center,#e4f0ed 0 35%,#718c89 70%,transparent 72%);filter:blur(.3px)}.freeze-field{position:absolute;inset:22px 16px auto auto;width:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.freeze-field i{width:4px;height:4px;border-radius:50%;background:#5bcbc1;box-shadow:0 0 10px #4bcbbf}.freeze-field i:nth-child(2n){opacity:.35}
.analytics-visual{padding:25px 18px}.analytics-visual .axis-label{position:absolute;top:14px;left:18px}.analytics-visual svg{width:100%;height:125px;margin-top:13px}.visual-grid{fill:none;stroke:rgba(131,204,198,.08);stroke-width:1}.visual-line{fill:none;stroke:#54d9cd;stroke-width:2;filter:drop-shadow(0 0 5px rgba(57,211,198,.5))}.metric-pair{position:absolute;left:18px;right:18px;bottom:12px;display:flex;gap:8px}.metric-pair span{flex:1;font-size:7px;letter-spacing:.15em;color:#5e7b79}.metric-pair b{display:block;margin-top:2px;font-family:var(--display);font-size:15px;font-weight:400;color:#c1d3d0}
.label-stack{position:absolute;left:18px;right:18px;top:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.label-stack i{height:103px;padding:12px;border:1px solid rgba(126,214,207,.15);background:linear-gradient(145deg,rgba(16,55,62,.75),rgba(3,17,22,.8));font-style:normal;display:flex;flex-direction:column;justify-content:space-between}.label-stack i:nth-child(2){transform:translateY(8px)}.label-stack b{font-family:var(--display);font-size:23px;font-weight:400;color:#76d9cf}.label-stack span{font-size:6px;letter-spacing:.14em;color:#63807e}

.quality{padding-block:145px;background:#020c11;border:0}
.quality:before{content:"03 / ANALYTICAL QUALITY";position:absolute;left:40px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;color:#324b4b;font-size:8px;letter-spacing:.25em}
.quality:after{opacity:.55}
.quality-shell{grid-template-columns:.72fr 1.28fr;gap:110px}
.quality h2 em{display:block;margin-top:8px;font-family:var(--sans);font-size:.72em;font-weight:500;letter-spacing:-.05em}
.quality-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#829492}
.check-list{margin:42px 0}
.check-list li{padding:18px 0;border-color:rgba(191,224,219,.1)}
.check-list li>span{font-family:var(--display);font-size:13px}
.check-list b{font-family:var(--display);font-size:18px;font-weight:400}
.check-list small{font-size:10px;letter-spacing:.035em}
.coa-card{border-color:rgba(173,222,215,.17);border-radius:2px;padding:40px;background:linear-gradient(145deg,rgba(13,43,50,.93),rgba(2,14,18,.97));box-shadow:0 60px 140px rgba(0,0,0,.42)}
.coa-card:after{content:"POLYPEAK";position:absolute;right:-15px;bottom:-48px;font-size:108px;font-weight:800;letter-spacing:-.06em;color:rgba(212,237,233,.018);pointer-events:none}
.coa-head h3{font-family:var(--display);font-size:28px;font-weight:400}
.chart-card{border-radius:1px;padding:24px;background:rgba(0,8,12,.5)}
.coa-metrics{border-radius:1px}
.coa-metrics>div{padding:20px}
.coa-metrics strong{font-family:var(--display);font-size:26px;font-weight:400}

.process{background:#06151b}
.process-list{gap:0;border-top:1px solid var(--line)}
.process-list:before{display:none}
.process-list li{min-height:250px;padding:28px 28px 0;border-right:1px solid var(--line)}
.process-list li:last-child{border:0}
.process-list li>span{font-family:var(--display);font-size:16px;color:#6ed4ca}
.process-dot{width:7px;height:7px;margin:43px 0 32px;border:0;background:#7cddd3;box-shadow:0 0 0 8px rgba(70,215,198,.06)}
.process-list h3{font-family:var(--display);font-size:25px;font-weight:400}
.process-list p{font-size:11px;line-height:1.8;color:#718583}

.research{background:linear-gradient(180deg,#071a20,#06151b)}
.research-head{grid-template-columns:.42fr 1.08fr .6fr;gap:60px;margin-bottom:72px}
.research-grid{grid-template-columns:repeat(12,1fr);gap:12px}
.research-card{min-height:430px;border-color:rgba(193,224,220,.11);border-radius:2px;padding:32px;background:linear-gradient(150deg,rgba(12,41,48,.75),rgba(4,18,23,.88))}
.research-card:nth-child(1),.research-card:nth-child(4){grid-column:span 7}.research-card:nth-child(2),.research-card:nth-child(3){grid-column:span 5}
.research-card h3{font-family:var(--display);font-size:32px;font-weight:400;margin-top:145px;max-width:390px}
.research-card p{max-width:440px;font-size:12px;line-height:1.8}
.research-card a{font-size:8px;letter-spacing:.16em}
.molecule{width:210px;height:210px;opacity:.58;border-color:rgba(74,214,202,.19)}

.company{background:#041219}
.company-grid{grid-template-columns:.95fr 1.05fr;gap:130px}
.company-visual{height:650px;border-radius:2px;border-color:rgba(196,225,221,.12);background:radial-gradient(circle,rgba(31,188,175,.11),transparent 51%),linear-gradient(150deg,#0b252d,#041217)}
.company-visual img{width:auto;height:68%;max-width:64%;object-fit:contain;transform:translateY(-4%);filter:drop-shadow(0 40px 60px rgba(0,0,0,.42)) saturate(.88);position:relative;z-index:2}
.company-visual .ring{width:470px;height:470px;border-color:rgba(71,213,201,.1);box-shadow:0 0 0 70px rgba(65,210,198,.015),0 0 0 140px rgba(65,210,198,.009)}
.company-visual>span{z-index:3}
.company-copy .large{font-family:var(--display);font-size:24px;line-height:1.65;color:#aebdbb}
.company-points>div{grid-template-columns:190px 1fr;padding:21px 0;border-color:rgba(191,224,219,.1)}
.company-points b{font-family:var(--display);font-size:17px;font-weight:400}

.faq{background:#06171d}
.faq-grid{grid-template-columns:.68fr 1.32fr;gap:140px}
.accordion summary{padding:30px 0;font-family:var(--display);font-size:20px;font-weight:400}
.accordion details{border-color:rgba(191,224,219,.1)}
.accordion details p{font-size:12px;line-height:1.9;color:#819290}

.contact{padding-block:150px;background:#031016}
.contact-shell{grid-template-columns:.88fr 1.12fr;border-radius:2px;border-color:rgba(186,223,217,.14);background:linear-gradient(135deg,rgba(10,35,42,.9),rgba(2,13,18,.92));box-shadow:0 50px 130px rgba(0,0,0,.3)}
.contact-copy{padding:72px;background:radial-gradient(circle at 0 100%,rgba(55,201,190,.08),transparent 48%)}
.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}
.enquiry-form{padding:70px;background:rgba(0,8,12,.24)}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border-radius:1px;border-color:rgba(178,218,212,.12);background:rgba(0,8,11,.46);padding:16px}
.form-submit{background:#eaf5f2}

.site-footer{padding-top:54px;background:#020c11;border-color:rgba(191,224,219,.09)}
.footer-bottom{border-color:rgba(191,224,219,.07)}

@media(max-width:1100px){
  .container{width:min(100% - 48px,1320px)}
  .site-nav{gap:0}.site-nav a{padding-inline:10px}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:70px}
  .hero h1 span{white-space:normal}.hero-visual{height:600px;margin-top:-10px}.hero-visual img{width:min(620px,86vw);max-height:580px;transform:translate(0,12px)}
  .hero:after{display:none}
  .section-heading,.quality-shell,.company-grid,.faq-grid,.contact-shell{grid-template-columns:1fr;gap:70px}
  .capability-grid{grid-template-columns:1fr 1fr}.capability-card:nth-child(n){grid-column:auto}.capability-card{min-height:500px}
  .research-head{grid-template-columns:1fr;gap:28px}
  .quality:before{display:none}
}

@media(max-width:760px){
  .container{width:calc(100% - 32px)}
  .section{padding:104px 0}
  .site-header{padding:14px 0}.site-header .nav-wrap{border-radius:18px;padding:8px 10px 8px 12px}
  .brand img{width:42px;height:42px}.brand-type strong{font-size:14px}.brand-type small{font-size:7px}
  .site-nav{top:70px;left:0;right:0;border-radius:14px;background:rgba(3,15,20,.98)}
  .hero{padding:130px 0 50px}
  .hero-copy{padding-top:26px}
  .hero h1{margin-bottom:27px}.hero h1 span{font-size:51px;line-height:.94}.hero h1 em{font-size:41px;line-height:.97;margin-top:10px}
  .hero-lede{font-size:14px;line-height:1.75}
  .hero-actions{gap:10px}.hero-notation{font-size:6px;letter-spacing:.12em}
  .proof-row{grid-template-columns:1fr 1fr 1fr;gap:6px}.proof-row>div{display:block;margin:0;padding:0 6px;border-right:1px solid var(--line)}.proof-row svg{margin-bottom:8px}.proof-row span{display:block}
  .hero-visual{height:380px;margin-top:0}.hero-visual img{width:min(440px,120vw);max-height:390px;transform:translate(0,10px)}
  .visual-caption{right:2%;bottom:1%}.label-one{right:2%}.label-two{left:2%}
  .section-heading{gap:28px;margin-bottom:48px}.section-heading h2,.quality h2,.research-head h2,.company h2,.faq h2,.contact h2{font-size:47px}
  .capability-rail{display:flex;overflow-x:auto}.capability-rail span{min-width:220px;padding:14px 16px}.capability-grid{grid-template-columns:1fr}.capability-card:nth-child(n){grid-column:auto}.capability-card{min-height:470px;padding:24px}.capability-visual{height:185px;margin:22px 0}.capability-card h3{font-size:28px}.capability-card a{left:auto;right:auto}
  .quality{padding-block:110px}.quality-shell{gap:55px}.coa-card{padding:20px}.coa-card:after{font-size:62px}
  .process-list{grid-template-columns:1fr}.process-list li{min-height:auto;display:grid;grid-template-columns:38px 12px 92px 1fr;gap:12px;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.process-dot{margin:5px 0}.process-list h3{font-size:20px;margin:0}.process-list p{margin:0}
  .research-grid{display:grid;grid-template-columns:1fr}.research-card:nth-child(n){grid-column:auto;min-height:380px}.research-card h3{font-size:30px;margin-top:130px}
  .company-grid{gap:55px}.company-visual{height:430px}.company-visual img{height:64%;max-width:76%;transform:translateY(-5%)}.company-visual .ring{width:320px;height:320px}
  .company-copy .large{font-size:20px}.company-points>div{grid-template-columns:1fr;gap:8px}
  .faq-grid{gap:50px}.accordion summary{font-size:18px}
  .contact{padding-block:100px}.contact-copy,.enquiry-form{padding:36px 24px}
}
