:root{--bg:#020406;--panel:#060b10;--ice:#a9e1ff;--line:#172b39;--muted:#718797;--white:#eaf6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.cursorGlow{position:fixed;width:500px;height:500px;border-radius:50%;background:#3eaef512;filter:blur(70px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}header{position:fixed;top:0;width:100%;height:80px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#020406c9;backdrop-filter:blur(20px);border-bottom:1px solid #10212d}.wordmark{letter-spacing:.24em;font-size:17px}.wordmark strong{color:var(--ice)}nav{display:flex;gap:26px;font-size:9px;letter-spacing:.2em}nav a:hover{color:var(--ice)}.access{border:1px solid #31536a;padding:11px 14px;font-size:9px;letter-spacing:.14em}.menuBtn{display:none;background:none;border:0;color:white}.hero{min-height:880px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;padding:130px 4vw 70px;background:radial-gradient(circle at 75% 25%,#0e2d44 0,#040a0f 30%,#020406 65%)}.micro{font-size:9px;letter-spacing:.3em;color:#6eb8e6}.hero h1,.heading h2,.science h2,.faq h2,.contact h2{font-size:clamp(60px,8vw,125px);font-weight:200;letter-spacing:-.07em;line-height:.78;margin:28px 0}.hero h1 i{font-style:normal;font-weight:800;background:linear-gradient(#fff,#6b8fa6);background-clip:text;color:transparent}.lede{max-width:430px;color:#8193a1;line-height:1.8}.solid,.line{display:inline-block;margin:22px 8px 0 0;padding:15px 18px;font-size:9px;letter-spacing:.16em}.solid{background:#dff5ff;color:#061018}.line{border:1px solid #294354}.heroImage{position:relative}.heroImage img{width:100%;max-height:650px;object-fit:cover;border:1px solid #173040;box-shadow:0 60px 150px #000}.hud{position:absolute;right:15px;bottom:15px;background:#02070bcc;border:1px solid #24495f;padding:13px;font:8px/1.8 monospace;color:#7d9bad}.hud b{color:#83e2b1}.marquee{border-block:1px solid #11232f;overflow:hidden;padding:19px 0;color:#5d7586;font-size:9px;letter-spacing:.25em;white-space:nowrap}.marquee div{animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-40%)}}.products{padding:110px 4vw}.heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10vw}.heading>p{color:#718391;line-height:1.8;max-width:550px}.toolbar{display:flex;justify-content:space-between;margin:45px 0 24px;gap:20px}.toolbar button{background:#050b10;color:#647b8b;border:1px solid #172c3b;padding:10px 13px;font-size:8px;letter-spacing:.15em;cursor:pointer}.toolbar button.active{border-color:#68acd4;color:#cbeeff}.toolbar input{width:250px;background:#04090d;border:1px solid #172c3b;color:white;padding:11px}.productGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product{position:relative;min-height:450px;background:linear-gradient(150deg,#081018,#030609);border:1px solid #122532;overflow:hidden;cursor:pointer;transition:.35s}.product:hover{transform:translateY(-7px);border-color:#5793b8;box-shadow:0 30px 80px #000}.product img{width:100%;height:320px;object-fit:cover;transition:.4s;filter:contrast(1.1)}.product:hover img{transform:scale(1.035)}.productText{padding:17px}.productText h3{font-size:13px;letter-spacing:.11em;margin:0 0 7px}.productText .dose{color:#80c9f3;font-size:10px;letter-spacing:.18em}.productText small{display:block;color:#607786;margin-top:10px;line-height:1.5}.productText .arrow{position:absolute;right:15px;bottom:15px;font-size:18px;color:#648398}.science{padding:120px 7vw;min-height:760px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:radial-gradient(circle at 18% 50%,#0c2639,#03070a 35%)}.orbital{width:min(38vw,480px);aspect-ratio:1;position:relative;display:grid;place-items:center}.ring{position:absolute;width:100%;height:42%;border:1px solid #5fb9ec55;border-radius:50%;box-shadow:0 0 40px #52bdf122}.r1{transform:rotate(35deg)}.r2{transform:rotate(-35deg)}.nucleus{width:130px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid #73c7f077;box-shadow:0 0 80px #43b4f044 inset;font-size:60px}.scienceCopy>p{max-width:620px;color:#778b99;line-height:1.8}.statRow{display:flex;gap:45px;margin-top:40px}.statRow b{font-size:30px;font-weight:200;color:#9cdbff}.statRow span{display:block;color:#597080;font-size:7px;letter-spacing:.2em;margin-top:8px}.about{padding:120px 5vw;border-block:1px solid #112430}.giant{font-size:clamp(70px,12vw,190px);line-height:.73;letter-spacing:-.08em;margin:60px 0}.giant span{color:#648ca5}.aboutText{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.aboutText p{color:#738694;line-height:1.8}.faq{padding:110px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq details{border-top:1px solid #1a2c38;padding:22px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;letter-spacing:.08em}.faq details p{color:#748795;line-height:1.7}.contact{padding:110px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#050a0e}.contact>div>p:last-child{color:#728694}.contact form{display:grid;gap:12px;align-content:center}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact input,.contact select,.contact textarea{background:#020507;border:1px solid #18303f;padding:16px;color:#dff4ff}.contact textarea{height:140px}.contact form button{padding:16px;border:0;background:#d8f2ff;color:#061018;letter-spacing:.15em;font-size:9px;cursor:pointer}.modal{position:fixed;inset:0;background:#010304ed;backdrop-filter:blur(18px);z-index:80;display:none;place-items:center;padding:4vw}.modal.show{display:grid}.modalCard{width:min(1080px,100%);display:grid;grid-template-columns:1fr 1fr;background:#060d13;border:1px solid #29495d;position:relative;box-shadow:0 60px 180px #000}.modalVisual{position:relative;background:#020609}.modalVisual img{width:100%;height:650px;object-fit:cover}.modalVisual span{position:absolute;left:15px;bottom:15px;font:8px monospace;color:#78a0b7}.modalInfo{padding:60px;align-self:center}.modalInfo h2{font-size:42px;letter-spacing:-.04em;margin:20px 0 5px}.modalInfo h3{color:#83cffa;letter-spacing:.16em;font-weight:300}.modalInfo>p{color:#778c9a;line-height:1.7}.researchBox{border-block:1px solid #1b3341;padding:20px 0;margin:30px 0}.researchBox b,.researchBox span{display:block}.researchBox b{font-size:10px;letter-spacing:.18em}.researchBox span{font-size:9px;color:#657b8a;margin-top:8px}.modalActions{display:flex;gap:8px}.modalActions button{padding:13px;background:#d9f3ff;border:0;color:#061018;font-size:8px;letter-spacing:.12em;cursor:pointer}.modalActions button+button{background:none;border:1px solid #29495d;color:#8eacbd}.x{position:absolute;right:15px;top:12px;background:none!important;border:0!important;color:white!important;font-size:28px!important;z-index:2;cursor:pointer}.infoCard{width:min(760px,100%);max-height:80vh;overflow:auto;background:#070e14;border:1px solid #29495d;padding:55px;position:relative}.infoCard h2{font-size:40px}.infoCard p,.infoCard li{color:#8093a0;line-height:1.75}.infoCard h3{margin-top:30px}footer{padding:60px 5vw;display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:5vw;border-top:1px solid #142632;color:#607786;font-size:9px}.footerNav{display:flex;flex-direction:column;gap:11px}.footerNav b{color:#a3bfce;letter-spacing:.15em}.footerNav button{padding:0;background:none;border:0;color:#607786;text-align:left;font-size:9px;cursor:pointer}.footerNav button:hover,.footerNav a:hover{color:#b9e8ff}.gate{position:fixed;inset:0;z-index:100;background:radial-gradient(circle,#0d293d,#010304 65%);display:grid;place-items:center;padding:20px}.gatePanel{width:min(570px,100%);padding:50px;background:#050b10ee;border:1px solid #294a60;box-shadow:0 60px 180px #000;text-align:center}.atomLogo{width:85px;height:85px;border:1px solid #67b8e877;border-radius:50%;margin:auto;display:grid;place-items:center;box-shadow:0 0 60px #40b8ff33 inset}.atomLogo span{font-size:34px}.gatePanel h1{font-weight:200;letter-spacing:.08em;font-size:42px}.gatePanel>input{width:100%;padding:15px;background:#020507;border:1px solid #1d3545;color:white}.gatePanel label{display:block;text-align:left;color:#78909f;font-size:10px;line-height:1.5;margin:15px 0}.gatePanel button{width:100%;padding:16px;background:#d9f2ff;border:0;color:#061018;letter-spacing:.15em;font-size:9px}.gatePanel #gateError{color:#8fcff3;font-size:10px}@media(max-width:1100px){.productGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){header nav{position:absolute;top:80px;left:0;right:0;background:#03070a;display:none;flex-direction:column;padding:30px}.menuBtn{display:block}.access{display:none}.hero,.science,.faq,.contact{grid-template-columns:1fr}.heroImage{order:-1}.heading,.aboutText{grid-template-columns:1fr}.productGrid{grid-template-columns:repeat(2,1fr)}.orbital{width:75vw}.modalCard{grid-template-columns:1fr;max-height:92vh;overflow:auto}.modalVisual img{height:360px}.modalInfo{padding:35px}footer{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.toolbar input{width:100%}}@media(max-width:500px){.productGrid{grid-template-columns:1fr}.product img{height:410px}.hero h1{font-size:62px}.hero{min-height:auto}.statRow{flex-wrap:wrap}.twocol{grid-template-columns:1fr}footer{grid-template-columns:1fr}.modal{padding:8px}}
/* INNOVATION PASS */
body{
 background:
 radial-gradient(circle at 15% 18%,rgba(35,135,205,.16),transparent 23%),
 radial-gradient(circle at 82% 12%,rgba(49,151,218,.12),transparent 25%),
 radial-gradient(circle at 50% 75%,rgba(18,78,124,.14),transparent 30%),
 #020406;
}
body:before{content:"";position:fixed;inset:0;z-index:-3;opacity:.26;background-image:
 linear-gradient(rgba(94,184,235,.08) 1px,transparent 1px),
 linear-gradient(90deg,rgba(94,184,235,.08) 1px,transparent 1px);
 background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
 radial-gradient(circle at 8% 35%,rgba(143,218,255,.65) 0 1px,transparent 2px),
 radial-gradient(circle at 27% 63%,rgba(143,218,255,.45) 0 1px,transparent 2px),
 radial-gradient(circle at 66% 24%,rgba(143,218,255,.5) 0 1px,transparent 2px),
 radial-gradient(circle at 92% 52%,rgba(143,218,255,.55) 0 1px,transparent 2px);
 background-size:210px 180px,270px 240px,310px 230px,250px 290px}
.hero{position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(1,4,7,.96) 0%,rgba(2,7,12,.78) 44%,rgba(2,9,15,.32) 100%),
 url("assets/approved-futuristic-direction.png") center/cover no-repeat}
.hero:after{content:"DNA // MOLECULAR SYSTEMS // QBX";position:absolute;right:-110px;top:50%;transform:rotate(90deg);font:9px monospace;letter-spacing:.4em;color:#83d5ff55}
.heroImage{display:none}
.heroCopy{max-width:760px;position:relative;z-index:2}
.heroCopy:after{content:"";position:absolute;width:380px;height:380px;left:-180px;top:-100px;border:1px solid #66c9ff33;border-radius:50%;box-shadow:0 0 90px #3bbcff22 inset}
.products{position:relative;background:linear-gradient(rgba(2,6,10,.83),rgba(2,6,10,.94)),url("assets/approved-futuristic-direction.png") center 20%/cover fixed}
.products:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 48%,rgba(102,202,255,.05) 49%,transparent 50% 100%);background-size:140px 140px}
.productGrid,.heading,.toolbar{position:relative;z-index:1}
.product{background:linear-gradient(160deg,rgba(8,18,27,.92),rgba(2,6,10,.96));border-color:#1a3c52;box-shadow:inset 0 0 35px rgba(63,171,233,.035)}
.product:before{content:"";position:absolute;inset:8px;border:1px solid rgba(91,190,243,.08);pointer-events:none;z-index:2}
.product img{height:340px;object-fit:contain!important;object-position:center!important;padding:20px;background:radial-gradient(circle at center,rgba(41,130,184,.18),rgba(2,6,10,.92) 65%)}
.product:hover img{transform:scale(1.025)}
.science{position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(2,7,11,.96),rgba(4,14,22,.82)),
 url("assets/approved-futuristic-direction.png") center/cover fixed}
.science:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 20% 50%,transparent 0 42px,rgba(94,190,244,.035) 43px 44px)}
.about{background:radial-gradient(circle at 85% 35%,rgba(36,129,188,.18),transparent 25%),linear-gradient(135deg,#020507,#061019)}
.faq{background:linear-gradient(135deg,rgba(2,6,10,.96),rgba(5,18,28,.94));position:relative}
.faq:after{content:"";position:absolute;width:480px;height:480px;right:-220px;top:60px;border:1px solid #65c4f322;border-radius:50%;box-shadow:0 0 80px #47baff11 inset;pointer-events:none}
.contact{background:linear-gradient(rgba(2,8,13,.9),rgba(2,8,13,.96)),url("assets/approved-futuristic-direction.png") center bottom/cover}
.modalVisual{background:radial-gradient(circle,#0d2a3e,#020609 70%)}
.modalVisual img{object-fit:contain!important;padding:25px}
@media(max-width:800px){.hero{background-position:58% center}.product img{height:390px}.products,.science{background-attachment:scroll}}

.scienceHud{position:fixed;left:16px;bottom:14px;z-index:35;display:flex;gap:16px;font:7px monospace;letter-spacing:.18em;color:#5fa5ca88;pointer-events:none}.scienceHud span:before{content:"◈ ";color:#80d4ff}
@media(max-width:650px){.scienceHud{display:none}}