@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--forest:#063b2a;--evergreen:#005b38;--green:#067b49;--lime:#a4edb8;--ink:#102c26;--muted:#657b77;--pale:#f1f7f5;--mist:#e5f1ee;--line:#dbe7e2;--white:#fff;--wrap:1240px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans','Manrope',Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}img,video,svg{max-width:100%}img{display:block}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h2{font-weight:700;letter-spacing:-.065em;line-height:1.08;font-size:clamp(40px,5.4vw,79px)}h2 em{color:#1d9870;font-style:normal}::selection{background:var(--lime);color:var(--forest)}.wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.section-space{padding:clamp(100px,11vw,174px) 0}section[id]{scroll-margin-top:88px}.page-line{position:fixed;height:3px;top:0;left:0;right:0;z-index:1001;pointer-events:none}.page-line span{height:100%;background:#1dc67e;display:block;transform:scaleX(0);transform-origin:left center}.eyebrow{display:flex;gap:10px;align-items:center;letter-spacing:.19em;color:#287b60;font-weight:800;font-size:11px;text-transform:uppercase}.eyebrow i{height:6px;width:6px;border-radius:50%;background:#12bd71;box-shadow:0 0 0 4px #e5f4ea}.eyebrow-light{color:#c2f2d8}.eyebrow-light i{box-shadow:0 0 0 4px #1b694f}.button{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;min-height:56px;padding:0 22px;border-radius:3px;background:var(--forest);font-size:13px;color:#fff;font-weight:700;transition:background .3s,transform .3s,box-shadow .3s;border:none}.button span{font-size:19px;font-weight:400}.button:hover{background:#168d5c;transform:translateY(-3px);box-shadow:0 12px 34px #044a342e}.button-white{background:#fff;color:var(--forest)}.button-white:hover{background:var(--lime);color:var(--forest)}.text-arrow{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid var(--green);padding:0 0 11px;color:var(--green);font-weight:800;font-size:14px}.text-arrow span{font-size:20px;transition:transform .3s}.text-arrow:hover span{transform:translate(5px,-4px)}
/* Header */
.header{height:86px;display:flex;align-items:center;padding:0 max(42px,calc((100vw - var(--wrap))/2));position:fixed;top:0;left:0;width:100%;z-index:1000;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e3eeec;box-shadow:0 5px 30px #05291c09;gap:35px;transition:height .3s}.header.scrolled{height:74px}.brand{display:block;flex:0 0 auto}.brand img{width:226px;height:auto}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{font-size:12px;font-weight:750;color:#264b3c;white-space:nowrap;transition:color .2s}.nav a:hover{color:#139768}.nav-cta{background:var(--forest);font-weight:700;color:white;font-size:12px;padding:15px 19px;display:flex;gap:22px;align-items:center;white-space:nowrap}.nav-cta span{font-size:17px}.nav-cta:hover{background:#138756}.mobile-toggle{display:none;border:0;background:none;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px}.mobile-toggle span{display:block;width:25px;height:2px;background:var(--forest)}
/* Hero: video always plays; the poster is its graceful static fallback */
.hero{height:min(880px,max(710px,100svh));min-height:680px;position:relative;isolation:isolate;background:#092a23;margin-top:86px;overflow:hidden;color:#fff}.hero-video,.hero-image-fallback,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{z-index:0;filter:saturate(.84) contrast(1.1) brightness(.82)}.hero-image-fallback{z-index:-1;background:url('hero-poster.jpg') center/cover}.hero-overlay{background:linear-gradient(90deg,#04251fe8 0%,#05271ecc 34%,#0b423b66 76%,#062d2a5b 100%),linear-gradient(0deg,#06271dbb 0%,transparent 36%);z-index:1}.hero-light-rays{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.hero-light-rays i{position:absolute;width:1px;height:140%;top:-20%;background:linear-gradient(transparent,#afffd554,transparent);filter:blur(2px);transform:rotate(22deg);animation:rayShift 11s ease-in-out infinite alternate}.hero-light-rays i:nth-child(1){left:58%}.hero-light-rays i:nth-child(2){left:70%;animation-delay:-3s}.hero-light-rays i:nth-child(3){left:82%;animation-delay:-5s}@keyframes rayShift{from{translate:-20px 0;opacity:.1}to{translate:45px 0;opacity:.85}}.hero-content{height:100%;z-index:2;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:22px}.hero-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#c3f1dd;display:flex;gap:15px;align-items:center;margin:0 0 39px}.live-dot{width:7px;height:7px;background:#82fdaf;box-shadow:0 0 0 6px #40f3ab26;border-radius:50%;animation:livePulse 2.3s infinite}@keyframes livePulse{50%{box-shadow:0 0 0 12px #40f3ab09}}.hero-headline{font-size:clamp(72px,9.25vw,150px);line-height:.93;letter-spacing:-.082em;max-width:1150px;margin:0 0 42px;font-weight:750}.hero-word{display:block;overflow:hidden;padding:0 10px 4px 0;animation:heroRise 1s var(--ease) both}.hero-word:nth-child(2){animation-delay:.13s}.hero-word:nth-child(3){animation-delay:.26s}.hero-word.outlined{-webkit-text-stroke:1.5px #d8fff0;color:transparent}.green-stop{color:#92f4b1}.hero-bottom-content{display:flex;gap:50px;align-items:center;max-width:880px}.hero-bottom-content p{max-width:395px;font-size:16px;line-height:1.8;color:#d6e8e0;margin:0}.hero-foot{position:absolute;left:52px;right:52px;bottom:34px;display:flex;align-items:center;justify-content:space-between;color:#c8e3d8;font-size:9px;letter-spacing:.17em;font-weight:700;z-index:4}.hero-foot a{display:flex;align-items:center;gap:15px}.scroll-mouse{height:24px;width:14px;border:1px solid #c7f0db;border-radius:8px;position:relative}.scroll-mouse:after{content:'';position:absolute;top:5px;left:5px;width:2px;height:5px;background:#8bffb6;animation:mouseTick 1.6s infinite}@keyframes mouseTick{to{transform:translateY(7px);opacity:0}}@keyframes heroRise{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}
/* BIG scroll sequence: pinned canvas, moving apparatus, filling fluid, and zoom-in arrival */
.science-transition{height:255svh;position:relative;z-index:5;--p:0;--fill:0%;--stream-opacity:0;--arrival-opacity:0;--arrival-scale:1.28;--intro-opacity:1;--tube-opacity:1;--tube-scale:1;--tube-x:0px;--tube-y:0px;--halo-scale:1}.science-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#ebfcf5 0%,#d4f1e6 45%,#f5fcf8 85%);isolation:isolate;display:grid;place-items:center}.pin-mesh{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(#a6d1c122 1px,transparent 1px),linear-gradient(90deg,#a6d1c122 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 48%,#000,transparent 76%)}.pin-intro{position:absolute;z-index:4;top:50%;left:clamp(38px,9vw,160px);transform:translateY(-50%) translateX(calc(var(--p)*-50px));opacity:var(--intro-opacity);pointer-events:none;max-width:530px}.pin-intro h2{font-size:clamp(45px,5vw,81px);margin:20px 0}.pin-intro h2 em{font-style:normal;color:#07834f}.pin-intro p{color:#65867b;font-size:17px;max-width:280px;line-height:1.6}.pin-intro .overline{font-size:11px;letter-spacing:.17em;font-weight:800;color:#168258}.liquid-halo{position:absolute;left:50%;top:53%;height:min(58vw,580px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(var(--halo-scale));background:radial-gradient(circle,#46e69b28 0%,#49db9021 32%,#b5ebd138 40%,transparent 67%);pointer-events:none}.testtube-rig{z-index:6;position:absolute;top:47%;left:58%;width:158px;height:510px;transform:translate(-50%,-50%) translate3d(var(--tube-x),var(--tube-y),0) scale(var(--tube-scale));opacity:var(--tube-opacity);will-change:transform,opacity;filter:drop-shadow(12px 19px 18px #24523d27)}.tube-frame{width:142px;height:390px;position:absolute;bottom:22px;left:7px}.tube-photo{height:100%;width:100%;object-fit:fill;position:absolute;inset:0;z-index:3;pointer-events:none;filter:contrast(1.1) brightness(1.02)}.tube-content{position:absolute;top:3%;bottom:3.5%;left:20%;right:18%;z-index:1;border-radius:0 0 47% 47% / 0 0 11% 11%;overflow:hidden;background:#cee7de33;box-shadow:inset 6px 0 13px #ffffff8f,inset -4px 0 8px #21624329}.tube-liquid{position:absolute;bottom:0;left:0;right:0;height:var(--fill);background:linear-gradient(90deg,#006c35 0%,#07b352 18%,#27ec79 35%,#0c8c43 72%,#015f34 100%);border-radius:0 0 49% 49% / 0 0 6% 6%;box-shadow:inset 4px 0 10px #93ff9c8f,inset -9px 0 13px #054e34a3,0 -6px 14px #21ea6988;will-change:height}.liquid-wave{position:absolute;top:-5px;left:-15%;width:130%;height:13px;opacity:.95;border-radius:50%;background:radial-gradient(ellipse,#a6ffbb 0%,#65ffc2 28%,#14c56e 68%,#117b4d 100%);animation:wave 1.15s ease-in-out infinite alternate;box-shadow:0 0 12px 3px #82ffaf}.liquid-wave:after{content:'';position:absolute;inset:2px -2%;background:#b9ffd060;border-radius:50%;transform:rotate(4deg)}@keyframes wave{to{transform:translateY(3px) rotate(-2deg)}}.bubble{position:absolute;width:5px;height:5px;border-radius:50%;background:#eefff8d6;box-shadow:0 0 5px #b8ffe3;animation:bubbleRise 3s linear infinite}.b-a{left:30%;bottom:8%;animation-delay:-2s}.b-b{left:53%;bottom:15%;height:8px;width:8px;animation-delay:-1s}.b-c{left:68%;bottom:25%;animation-delay:-2.4s}.b-d{left:40%;bottom:4%;animation-delay:-.6s;width:3px;height:3px}.b-e{left:75%;bottom:7%;animation-delay:-1.5s}@keyframes bubbleRise{to{transform:translateY(-205px);opacity:0}}.tube-specular{position:absolute;left:22%;top:2%;height:83%;width:11%;background:linear-gradient(90deg,#fff0,#ffffffb8,#fff0);border-radius:30px;z-index:4;opacity:.7}.pipette{position:absolute;width:26px;height:127px;top:-41px;left:66px;z-index:7;transform:translateY(-13px);background:linear-gradient(90deg,#b7dad6,#f9ffff 45%,#bdd4d3);border:1px solid #acd4c7;border-radius:6px 6px 13px 13px;box-shadow:inset 2px 0 6px #fff}.pipette:before{content:'';position:absolute;height:48px;left:7px;top:-46px;width:10px;border-radius:8px;background:#647e7a;box-shadow:2px 1px 2px #fff inset}.pipette-tip{position:absolute;bottom:-20px;left:9px;height:22px;width:6px;background:linear-gradient(90deg,#678f87,#d4ece5);clip-path:polygon(0 0,100% 0,60% 100%,40% 100%)}.liquid-stream{position:absolute;top:103px;left:77px;height:54px;width:5px;transform-origin:top center;opacity:var(--stream-opacity);background:linear-gradient(#6dffba,#0fc46c,#cbffd8);z-index:8;border-radius:4px;box-shadow:0 0 13px #28ef93aa;transform:scaleY(.85)}.drop{position:absolute;z-index:9;left:74px;top:135px;height:11px;width:11px;opacity:var(--stream-opacity);background:radial-gradient(circle at 28% 20%,#e3fff5,#19d568 50%,#02744d 90%);border-radius:55% 55% 60% 60%;box-shadow:0 0 13px #19e877a1;transform:translateY(var(--drop-y,0px)) scale(var(--drop-scale,1))}.drop-two{left:76px;width:7px;height:7px}.drop-three{left:79px;width:5px;height:5px}.tube-ground{position:absolute;bottom:10px;left:-24px;width:210px;height:22px;background:radial-gradient(ellipse,#30755440,transparent 70%);filter:blur(7px)}.transition-beacon{position:absolute;right:11%;top:47%;height:220px;aspect-ratio:1;border:1px solid #21ab7439;border-radius:50%;transform:translateY(-50%) scale(var(--beacon-scale,.7));opacity:calc(.8 - var(--p));pointer-events:none}.transition-beacon:before,.transition-beacon:after{content:'';position:absolute;inset:17px;border:1px dashed #13986155;border-radius:50%;animation:beaconSpin 20s linear infinite}.transition-beacon:after{inset:42px;border-style:solid;animation-direction:reverse}.beacon-orbit{position:absolute;width:8px;height:8px;border-radius:50%;background:#14ba74;top:50%;left:-4px;box-shadow:0 0 10px #03ae57}@keyframes beaconSpin{to{transform:rotate(360deg)}}.transition-beacon span{position:absolute;inset:55px;border-radius:50%;background:radial-gradient(circle,#5bebb147,transparent)}.arrival-stage{position:absolute;inset:-2%;z-index:5;overflow:hidden;border-radius:8px;opacity:var(--arrival-opacity);transform:scale(var(--arrival-scale));pointer-events:none;will-change:transform,opacity}.arrival-image{position:absolute;inset:0;background:url('about-lab.jpg') center 45%/cover}.arrival-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#052c24ee, #0a4934bd 45%, #09292030)}.arrival-content{position:absolute;bottom:18%;left:9%;color:white}.arrival-content span{display:block;font-size:10px;letter-spacing:.22em;color:#acffce;font-weight:800;margin-bottom:23px}.arrival-content strong{font-size:clamp(42px,6.2vw,102px);line-height:1;letter-spacing:-.08em;font-weight:800}.pin-bottom-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#d4e7dc;z-index:10}
/* About - editorial composition */
.about{background:#f9fcfb;position:relative}.about-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center}.about-heading h2{margin:27px 0 30px}.about-heading .serif-word{font-style:italic;font-weight:400;font-family:Georgia,'Times New Roman',serif;color:#0d9a68;letter-spacing:-.06em}.about-heading p{font-size:17px;color:var(--muted);line-height:1.85;max-width:425px;margin:0 0 30px}.about-visual{height:590px;position:relative;padding:28px}.about-photo{position:absolute;inset:0 28px 24px 0;background:url('lab-precision-hd.png') 51% center/cover;border-radius:180px 6px 6px 6px;transition:filter .5s}.about-visual:hover .about-photo{filter:saturate(1.25)}.about-border{position:absolute;inset:20px 0 0 20px;border:1px solid #5fac8a;border-radius:180px 5px 5px 5px;pointer-events:none}.about-caption{position:absolute;right:-18px;bottom:-5px;background:var(--forest);color:white;display:flex;gap:14px;align-items:center;padding:28px 33px;font-size:14px;line-height:1.5;z-index:2;box-shadow:0 18px 36px #052c211b}.mini-asterisk{font-size:48px;font-weight:100;color:#6af6ac;animation:beaconSpin 25s linear infinite}.about-decor-circle{position:absolute;left:-45px;top:70px;width:110px;height:110px;border:1px solid #62aa7a;border-radius:50%;z-index:2;mix-blend-mode:multiply}.metric-ribbon{display:grid;grid-template-columns:repeat(4,1fr);margin-top:115px;border-top:1px solid #d4e5df;border-bottom:1px solid #d4e5df}.metric{padding:30px 22px 32px 0;position:relative}.metric:not(:last-child):after{content:'';height:60px;position:absolute;right:20px;top:39px;border-right:1px solid #d7e8e2}.metric strong{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.065em;line-height:1;color:#075b3b;white-space:nowrap}.metric strong small{font-size:.52em;vertical-align:top;margin-left:2px}.metric p{margin:8px 0 0;color:#647a70;font-size:13px;font-weight:600}.metric-words strong{font-size:clamp(23px,2.7vw,41px)}
.ticker{overflow:hidden;background:#033c2e;color:#b8efd2;height:80px;display:flex;align-items:center}.ticker-inner{display:flex;white-space:nowrap;align-items:center;gap:52px;width:max-content;animation:slideTicker 30s linear infinite;font-size:11px;letter-spacing:.22em;font-weight:800}.ticker-inner i{font-style:normal;font-size:27px;color:#42b786}.ticker:hover .ticker-inner{animation-play-state:paused}@keyframes slideTicker{to{transform:translateX(-50%)}}
/* solutions with true clickable expansion */
.solutions{background:#fff}.section-top{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:63px}.section-top h2{margin:22px 0 0}.section-top>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:340px;margin:0 0 12px}.solution-gallery{height:600px;display:flex;gap:11px}.solution-panel{flex:1;min-width:0;overflow:hidden;position:relative;background:#e9f2ee;transition:flex .7s var(--ease);border-radius:3px}.solution-panel.selected{flex:3.2}.solution-trigger{z-index:4;display:flex;flex-direction:column;align-items:start;justify-content:space-between;position:absolute;inset:0;padding:30px;background:#073d30;color:white;border:0;width:100%;text-align:left;transition:opacity .35s}.solution-panel.selected .solution-trigger{opacity:0;pointer-events:none}.solution-glyph{font-size:35px;color:#a6f1c1}.solution-trigger>span:nth-child(2){font-weight:700;font-size:clamp(20px,2vw,32px);line-height:1.2;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.solution-arrow{font-size:26px}.solution-expanded{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}.solution-panel.selected .solution-expanded{opacity:1;pointer-events:auto;transition-delay:.26s}.solution-image{position:absolute;inset:0;background-size:cover;background-position:center}.solution-image-micro{background-image:url('science-lab.jpg')}.solution-image-food{background-image:url('culture-lab.jpg')}.solution-image-hygiene{background-image:url('facility-lab.jpg')}.solution-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05261ff8 1%,#0535298c 43%,#04171200 80%)}.solution-expanded-copy{position:absolute;bottom:43px;left:40px;right:40px;color:white}.solution-expanded-copy span{font-size:10px;letter-spacing:.17em;color:#b6f6d2;font-weight:800}.solution-expanded-copy h3{font-size:clamp(28px,3.2vw,47px);line-height:1.04;letter-spacing:-.055em;margin:14px 0;max-width:500px}.solution-expanded-copy p{font-size:14px;line-height:1.6;max-width:390px;color:#dceee4;margin-bottom:14px}.solution-expanded-copy a{font-size:13px;color:#a6ffd1;font-weight:800;border-bottom:1px solid #9cf7c1;padding-bottom:6px}
/* CompactDry science visual */
.compactdry{background:radial-gradient(circle at 71% 54%,#147b5a 0,#043e2e 42%,#032e24 80%);color:#fff;position:relative;overflow:hidden}.compactdry:before{content:'';position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.compact-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.compact-copy h2{margin:25px 0 27px}.compact-copy h2 em{color:#aaf7c5}.compact-copy p{max-width:500px;line-height:1.9;color:#c1e9d6;font-size:16px}.mini-features{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 38px}.mini-features span{padding:9px 12px;border:1px solid #a1cdb24f;border-radius:30px;color:#c8f7dd;font-size:11px}.petri-zone{height:550px;position:relative;display:grid;place-items:center}.petri-ring{position:absolute;border-radius:50%;border:1px solid #a3ffc267;animation:rotatePetri 24s linear infinite}.ring-outer{width:510px;height:510px;border-style:dashed}.ring-mid{width:430px;height:430px;animation-direction:reverse;border-color:#36df8d3d}@keyframes rotatePetri{to{transform:rotate(360deg)}}.petri-dish{width:365px;height:365px;position:relative;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 30%,#d5ffddc9,#a7e3c277 28%,#45bd7e99 54%,#176d4b 85%);border:17px solid #e4ffedbd;box-shadow:inset 0 0 35px #002b259c,0 0 0 9px #9bfcc524,0 0 90px #3bf89156;transform:rotateX(11deg);animation:petriFloat 8s ease-in-out infinite}@keyframes petriFloat{50%{transform:rotateX(12deg) translateY(-16px)}}.petri-glint{position:absolute;left:5%;top:0;width:70%;height:30%;border-radius:50%;border-top:13px solid #ffffff9b;filter:blur(5px);transform:rotate(-21deg)}.petri-scan{position:absolute;inset:0;background:conic-gradient(transparent 70%,#aaffc140 85%,transparent);animation:rotatePetri 6s linear infinite}.colony{position:absolute;border-radius:47%;background:radial-gradient(circle,#174932 0%,#32a767 25%,#b4ffb8 53%,#245e47a6 80%);box-shadow:0 0 0 7px #a9fdcb4d,0 0 24px #a6fddd80;animation:colonyBeat 4s ease-in-out infinite alternate}.colony-1{width:42px;height:42px;left:28%;top:21%}.colony-2{width:25px;height:25px;left:64%;top:28%;animation-delay:-2s}.colony-3{width:54px;height:54px;left:54%;top:55%;animation-delay:-.5s}.colony-4{width:19px;height:19px;left:18%;top:58%;animation-delay:-1s}.colony-5{width:23px;height:23px;left:40%;top:40%;animation-delay:-3s}.colony-6{width:19px;height:19px;left:68%;top:70%;animation-delay:-1s}.colony-7{width:12px;height:12px;left:26%;top:78%}.colony-8{width:10px;height:10px;left:74%;top:44%}.colony-9{width:16px;height:16px;left:43%;top:71%}.colony-10{width:10px;height:10px;left:16%;top:31%}@keyframes colonyBeat{to{transform:scale(1.2);filter:hue-rotate(20deg)}}.petri-pointer{position:absolute;color:#b0ebce;font-size:10px;letter-spacing:.16em;font-weight:800}.pointer-top{top:17px;right:0}.pointer-bottom{bottom:10px;left:0}
/* Values: NO overlapping center animation */
.values{background:#f0f7f4;position:relative}.values-heading{margin-bottom:56px}.values-heading h2{margin:20px 0 0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative;z-index:2}.value-card{background:#fff;min-height:332px;padding:34px 27px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;border:1px solid #dceae2;transition:transform .5s var(--ease),background .35s,color .35s}.value-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 16%,#d6fff1,transparent 54%);z-index:-1;opacity:0;transition:opacity .3s}.value-card:hover,.value-card:focus-visible{transform:translateY(-14px);background:#054632;color:#fff;outline:0;box-shadow:0 25px 50px #063b2a23}.value-card:hover:before,.value-card:focus-visible:before{opacity:.15}.value-symbol{font-family:Georgia,serif;font-size:53px;color:#098e58;line-height:1;transition:transform .5s}.value-card:hover .value-symbol{color:#9af2c1;transform:rotate(35deg) scale(1.2)}.value-card h3{font-size:25px;letter-spacing:-.05em;margin:0 0 13px}.value-card p{font-size:14px;line-height:1.8;color:#688278;margin:0}.value-card:hover p{color:#d4ecdf}.card-line{position:absolute;left:27px;bottom:0;width:0;height:3px;background:#71e6a2;transition:width .5s}.value-card:hover .card-line{width:calc(100% - 54px)}
/* immersive photographic band / focus */
.lens-section{height:750px;position:relative;color:#fff;overflow:hidden;background:#05271d}.lens-background{position:absolute;inset:0;background:url('science-lab.jpg') center/cover;transition:transform 1s;transform:scale(1.06)}.lens-section:hover .lens-background{transform:scale(1.02)}.lens-dim{position:absolute;inset:0;background:linear-gradient(90deg,#052c23e8 0%,#062d2599 55%,#071f1c33)}.lens-content{z-index:3;position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.lens-content h2{margin:25px 0 20px}.lens-content h2 em{color:#a9f1c2}.lens-content p{max-width:465px;color:#e2f4eb;line-height:1.8;margin-bottom:25px}.lens-focus{position:absolute;right:10%;top:20%;height:350px;width:350px;border-radius:50%;border:2px solid #d1ffdd6c;box-shadow:inset 0 0 0 19px #f7fffe07,0 0 0 2px #a8dfbd35,0 0 0 22px #d9ffe30b;pointer-events:none;transition:transform .2s ease-out;z-index:2}.lens-focus:before,.lens-focus:after{content:'';position:absolute;inset:12px;border:1px dashed #d9ffdc70;border-radius:50%;animation:beaconSpin 25s linear infinite}.lens-focus:after{inset:65px;border-style:solid;animation-direction:reverse}
/* Original product imagery - 18 entries, real URL preserved */
.products{background:#fbfdfc;overflow:hidden}.section-description{max-width:600px;line-height:1.7;color:#698379;margin-top:-32px;margin-bottom:43px;font-size:14px}.carousel-controls{display:flex;gap:8px;align-items:center}.carousel-arrow{height:50px;width:50px;border:1px solid #a0c8b5;background:transparent;color:#07573a;font-size:22px;border-radius:50%;transition:all .2s}.carousel-arrow:hover{background:#0a6a43;color:white}.product-viewport{width:100%;overflow:hidden;cursor:grab}.product-viewport:active{cursor:grabbing}.product-track{display:flex;gap:19px;padding-left:max(48px,calc((100vw - var(--wrap))/2));padding-right:48px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:auto}.product-track::-webkit-scrollbar{display:none}.product-card{flex:0 0 clamp(250px,25vw,345px);scroll-snap-align:center;background:#f2f6f3;min-height:440px;border:1px solid #dfe9e3;position:relative;overflow:hidden;transition:border-color .3s,transform .3s;display:flex;flex-direction:column}.product-card:hover{border-color:#85baa3;transform:translateY(-5px)}.product-visual{height:330px;background:radial-gradient(ellipse at 50% 45%,#fff,#e4eee9 75%);display:grid;place-items:center;position:relative;padding:24px;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.94);transition:transform .6s var(--ease)}.product-card:hover .product-visual img{transform:scale(1.11) rotate(-2deg)}.product-card-bottom{background:#fff;flex:1;padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.product-card-bottom strong{font-size:15px;font-weight:800}.product-card-bottom a{font-size:25px;color:#008652;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%}.product-card-bottom a:hover{background:#e5f8ee}.product-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;color:#0b7449}.product-placeholder .pictogram{font-size:73px;line-height:1}.product-placeholder .fallback-tag{font-size:10px;letter-spacing:.15em;font-weight:800;color:#588c73}.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px}.carousel-progress{height:3px;background:#d2e3da;width:200px}.carousel-progress span{height:100%;width:10%;display:block;background:#069868;transition:width .25s}
/* Clients, two animated rows of original 24 logos */
.clients{background:#073d2f;color:#fff;overflow:hidden}.clients-head{text-align:center;max-width:850px}.clients-head .eyebrow{justify-content:center}.clients-head h2{margin:23px 0}.clients-head h2 em{color:#a0f0bb}.clients-head p{max-width:620px;margin:0 auto;color:#cae9db;line-height:1.8}.client-stage{margin:75px auto 40px;display:flex;flex-direction:column;gap:20px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.client-row{display:flex;gap:20px;width:max-content;animation:slideClients 50s linear infinite}.client-row.reverse{animation-direction:reverse;animation-duration:57s}.client-row:hover{animation-play-state:paused}.client-tile{flex:0 0 210px;height:132px;border-radius:2px;background:white;display:flex;align-items:center;justify-content:center;position:relative;padding:21px 28px;border:1px solid #ffffff29;box-shadow:0 20px 32px #0a2e2417;transition:transform .3s,box-shadow .3s}.client-tile:hover{transform:translateY(-8px);box-shadow:0 27px 40px #051b1691}.client-tile img{max-width:100%;max-height:84px;object-fit:contain}.logo-fallback{color:#136a4b;font-size:12px;line-height:1.4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px;justify-content:center}.logo-fallback:before{content:'✳';font-size:38px;color:#159b65}.clients-bottom{display:flex;justify-content:space-between;align-items:center;color:#bde7d2;font-size:13px}.clients-bottom a{color:#baf3d7;border-bottom:1px solid;padding-bottom:9px}@keyframes slideClients{to{transform:translateX(-50%)}}
/* Vendor gallery - independent visual system, all 15 source logos */
.vendors{background:#f6faf8}.vendor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}.vendor-tile{height:160px;background:#fff;display:grid;place-items:center;padding:21px;border:1px solid #d9e6df;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s;isolation:isolate}.vendor-tile:before{content:'';position:absolute;width:180px;height:180px;top:-130px;right:-120px;border-radius:50%;background:#8ee2b849;transition:transform .5s}.vendor-tile:hover:before{transform:scale(2.6)}.vendor-tile:hover{z-index:3;transform:translateY(-10px) rotate(-1deg);box-shadow:0 28px 55px #024e3026;border-color:#5abb91}.vendor-tile img{max-height:92px;max-width:100%;object-fit:contain;position:relative;z-index:1}.vendor-tile .logo-fallback{z-index:1}.vendor-bottom{margin-top:63px;padding:30px 0;border-top:1px solid #cdded5;display:flex;align-items:center;gap:25px}.vendor-emblem{width:60px;height:60px;flex:0 0 60px;border-radius:50%;border:1px solid #87c0a3;display:grid;place-items:center;color:#078854;font-size:37px;animation:beaconSpin 25s linear infinite}.vendor-bottom p{font-size:20px;font-weight:650;letter-spacing:-.04em;margin:0}.vendor-bottom a{margin-left:auto}
/* Form / footer */
.contact{background:#05372a;color:#fff;position:relative;overflow:hidden;padding-bottom:0}.contact-glow{position:absolute;width:1000px;height:1000px;left:-530px;bottom:-650px;border-radius:50%;border:1px solid #2c947854;box-shadow:0 0 0 120px #1eb3820a,0 0 0 250px #46d09907;pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative}.contact-left h2{margin:26px 0 25px}.contact-left h2 em{color:#b3f1c2}.contact-left p{max-width:390px;font-size:17px;color:#c5ead9;line-height:1.85}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;color:#c2eddd}.contact-details a{font-size:16px;font-weight:700;border-bottom:1px solid #2a9b6b;padding-bottom:7px}.contact-details span{font-size:13px}.contact-symbol{font-size:190px;line-height:1;margin-top:80px;color:#48b78633;transform-origin:center;animation:beaconSpin 36s linear infinite;width:max-content}.contact-form{background:#fff;color:var(--ink);padding:clamp(26px,4.2vw,58px);margin-bottom:70px;box-shadow:0 45px 90px #021e1859}.contact-form h3{font-size:32px;letter-spacing:-.06em;margin:0 0 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-full{grid-column:span 2}.form-grid label{font-size:11px;letter-spacing:.05em;font-weight:800;color:#4e6f61;text-transform:uppercase}.form-grid input,.form-grid textarea{margin-top:10px;display:block;border:0;border-bottom:1px solid #b7cfc1;padding:10px 0 15px;resize:vertical;border-radius:0;background:transparent;outline:0;width:100%;font-size:14px;color:var(--forest)}.form-grid input:focus,.form-grid textarea:focus{border-color:#028750}.submit-button{margin-top:28px;min-width:185px}.form-status{color:#746849;font-size:13px;line-height:1.5;margin:16px 0 0}.footer{position:relative;border-top:1px solid #77b3984d;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#9ccebb;font-size:11px}.footer img{background:#fff;object-fit:contain;width:170px;height:auto;border-radius:3px;padding:3px}.footer a{color:#e1ffed}
/* Reveals + hover micro motion */
.reveal{opacity:0;transform:translate3d(0,60px,0);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.reveal-scale{opacity:0;transform:scale(.85) translateY(25px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}.reveal.in-view,.reveal-scale.in-view{opacity:1;transform:none}.values-grid .reveal:nth-child(2),.metric:nth-child(2){transition-delay:.08s}.values-grid .reveal:nth-child(3),.metric:nth-child(3){transition-delay:.15s}.values-grid .reveal:nth-child(4),.metric:nth-child(4){transition-delay:.22s}
/* Responsive */
@media(max-width:1180px){.header{padding:0 30px;gap:18px}.brand img{width:200px}.nav{gap:18px}.hero-headline{font-size:clamp(64px,9vw,115px)}.solution-gallery{height:560px}.values-grid{grid-template-columns:repeat(2,1fr)}.value-card{min-height:270px}.vendor-grid{grid-template-columns:repeat(4,1fr)}.pin-intro{left:5%;max-width:44%}.pin-intro h2{font-size:clamp(40px,5vw,70px)}.testtube-rig{left:62%}}
@media(max-width:800px){.wrap{width:calc(100% - 42px)}.section-space{padding:88px 0}.header{height:78px;padding:0 19px}.header.scrolled{height:70px}.brand img{width:172px}.nav{position:absolute;left:0;right:0;top:100%;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 18px;box-shadow:0 25px 35px #153e3126}.nav.open{display:flex}.nav a{padding:15px;border-bottom:1px solid #edf3f0}.mobile-toggle{display:flex}.nav-cta{margin-left:auto;padding:12px 13px;font-size:11px}.hero{margin-top:78px;height:calc(100svh - 78px);min-height:610px}.hero-headline{font-size:clamp(57px,10vw,91px);margin-bottom:25px}.hero-bottom-content{flex-direction:column;align-items:start;gap:24px}.hero-bottom-content p{font-size:14px}.hero-foot{left:21px;right:21px;bottom:18px}.hero-foot>span:last-child{display:none}.hero-foot>a{margin-left:auto}.science-transition{height:215svh}.pin-intro{top:18%;left:7%;max-width:80%;transform:none}.pin-intro h2{font-size:clamp(37px,7vw,55px);margin:8px 0}.pin-intro p{display:none}.testtube-rig{top:52%;left:50%;transform:translate(-50%,-50%) translate3d(var(--tube-x),var(--tube-y),0) scale(var(--tube-scale));transform-origin:center}.transition-beacon{right:2%;top:63%;height:150px}.arrival-content{left:7%;bottom:21%}.about-layout,.compact-layout,.contact-grid{grid-template-columns:1fr;gap:65px}.about-visual{height:440px;max-width:570px;width:100%}.about-photo{background-position:54% center}.metric-ribbon{margin-top:85px;grid-template-columns:repeat(2,1fr)}.metric:nth-child(2):after{display:none}.section-top{gap:25px;align-items:start;flex-direction:column;margin-bottom:40px}.section-top>p{max-width:600px}.solution-gallery{height:auto;flex-direction:column;gap:8px}.solution-panel,.solution-panel.selected{flex:none;height:86px;transition:height .55s}.solution-panel.selected{height:520px}.solution-trigger{padding:20px;flex-direction:row;align-items:center;gap:16px}.solution-trigger>span:nth-child(2){writing-mode:initial;transform:none;white-space:normal;font-size:20px;margin-right:auto}.solution-glyph{font-size:22px}.compact-layout{gap:30px}.petri-zone{height:470px}.ring-outer{width:440px;height:440px}.ring-mid{width:370px;height:370px}.values-grid{grid-template-columns:repeat(2,1fr)}.lens-section{height:660px}.lens-focus{height:270px;width:270px;right:5%;top:33%}.vendor-grid{grid-template-columns:repeat(3,1fr)}.client-stage{margin-top:50px}.contact-symbol{display:none}.footer{flex-wrap:wrap;padding:23px 0}.form-grid{gap:14px}}
@media(max-width:530px){h2{font-size:clamp(37px,10vw,52px)}.hero{min-height:565px}.hero-headline{font-size:clamp(49px,12vw,67px);letter-spacing:-.075em}.hero-word.outlined{-webkit-text-stroke:1px #d8fff0}.hero-eyebrow{font-size:9px}.hero-bottom-content p{max-width:300px}.nav-cta{font-size:0;gap:0}.nav-cta span{font-size:18px}.science-transition{height:200svh}.pin-intro{left:8%;top:15%;max-width:90%}.pin-intro h2{font-size:34px}.testtube-rig{left:51%;top:53%;transform:translate(-50%,-50%) translate3d(var(--tube-x),var(--tube-y),0) scale(var(--tube-scale))}.arrival-content{bottom:24%}.arrival-content span{max-width:250px;line-height:1.7}.arrival-content strong{font-size:43px}.about-visual{height:360px;padding:18px}.about-caption{right:0;bottom:2px;padding:15px;font-size:11px}.about-decor-circle{width:70px;height:70px;left:-10px}.metric strong{font-size:38px}.metric-words strong{font-size:26px}.metric{padding:22px 8px 22px 0}.solution-panel.selected{height:420px}.solution-expanded-copy{left:22px;right:18px;bottom:24px}.solution-expanded-copy h3{font-size:34px}.petri-zone{height:365px}.ring-outer{width:340px;height:340px}.ring-mid{width:275px;height:275px}.petri-dish{width:260px;height:260px;border-width:10px}.petri-pointer{font-size:8px}.values-grid{grid-template-columns:1fr}.value-card{min-height:245px}.lens-section{height:610px}.lens-focus{width:190px;height:190px;right:-45px}.product-card{flex-basis:270px;min-height:385px}.product-visual{height:275px}.product-track{padding-left:22px}.carousel-footer{flex-wrap:wrap}.vendor-grid{grid-template-columns:repeat(2,1fr);gap:9px}.vendor-tile{height:135px;padding:14px}.vendor-bottom{flex-wrap:wrap;gap:16px}.vendor-bottom a{margin-left:0}.client-tile{flex-basis:175px;height:114px}.contact-grid{gap:30px}.contact-form{margin-bottom:45px}.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.footer img{width:130px}.footer span{max-width:155px}.footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal,.reveal-scale{opacity:1;transform:none}.hero-word{opacity:1;transform:none}}
