:root{--v22-green:#20ee18;--v22-ink:#242424}.home-v22{margin:0;color:var(--v22-ink);background:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.home-v22 *{box-sizing:border-box}.home-v22 main,.home-v22 footer{position:relative;z-index:1}.home-v22 a{text-decoration:none;color:inherit}#molecule-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.v22-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:100px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.84);backdrop-filter:blur(5px);transition:.35s}.v22-logo img{display:block;width:128px}.v22-menu{border:0;background:none;display:flex;align-items:center;gap:5px;cursor:pointer;font:14px Arial;color:#222;padding:15px}.v22-menu span{margin-right:16px}.v22-menu i{display:block;width:22px;height:3px;background:var(--v22-green);transition:.35s}.v22-nav{position:fixed;inset:0;z-index:-1;background:rgba(31,236,25,.97);display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:24px 14vw;padding:10vh 13vw;opacity:0;visibility:hidden;transform:translateY(-100%);transition:.55s cubic-bezier(.77,0,.18,1)}.v22-header.open .v22-nav{opacity:1;visibility:visible;transform:none}.v22-nav a{font-size:clamp(27px,3.5vw,59px);line-height:1.25}.v22-header.open .v22-menu i{background:#111}.v22-header.open .v22-menu i:nth-of-type(1){transform:translateY(8px) rotate(45deg)}.v22-header.open .v22-menu i:nth-of-type(2){opacity:0}.v22-header.open .v22-menu i:nth-of-type(3){transform:translateY(-8px) rotate(-45deg)}
.v22-hero{height:100vh;min-height:700px;display:grid;place-items:center;text-align:center;padding-top:70px}.v22-hero-title h1{margin:0;font-size:clamp(58px,6vw,116px);line-height:1;font-weight:400;letter-spacing:-.055em}.v22-hero-title h1 strong{font-weight:800}.v22-hero-title h2{margin:34px 0 0;font-size:clamp(28px,3vw,55px);font-weight:400;letter-spacing:.28em}.v22-hero-title p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.35;letter-spacing:.01em;color:#858585;margin-top:38px}.scroll-hint{position:absolute;bottom:22px;font-size:9px;color:#9b9b9b;letter-spacing:.18em}.scroll-hint i{display:block;width:1px;height:48px;background:#b5f7b3;margin:12px auto -22px;animation:scrollLine 1.7s infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.v22-about{width:min(1320px,82vw);margin:0 auto;min-height:740px;padding:125px 0 100px;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:.25em;color:#16d715;margin:0 0 24px}.v22-about h2{font-size:clamp(30px,3vw,52px);font-weight:400;line-height:1.12;margin:0}.v22-button{display:inline-flex;gap:30px;align-items:center;margin-top:55px;background:var(--v22-green);padding:17px 30px;font-size:12px;transition:.3s}.v22-button:hover{background:#111;color:#fff}.about-copy{padding-top:80px;color:#686868;font-size:13px;line-height:1.85}.about-copy p{margin:0 0 12px}.v22-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;padding:30px 22px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.09)}.v22-stats div{text-align:center;display:flex;flex-direction:column}.v22-stats small{font-size:9px;color:#999}.v22-stats strong{font-size:31px;color:#19e318;margin:12px 0}.v22-stats span{font-size:10px;color:#555}
.v22-services{display:grid;grid-template-columns:1.45fr repeat(4,1fr);background:var(--v22-green)}.services-lead{min-height:260px;background:#050505;color:#fff;display:grid;place-items:center;font-size:21px}.v22-services>a{min-height:260px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px 30px;border-right:1px solid rgba(0,0,0,.09);transition:.35s}.v22-services>a:hover{background:#12ca0d;transform:translateY(-10px)}.v22-services>a>span{font-size:29px}.v22-services strong{font-size:16px;margin-top:19px}.v22-services small{font-size:10px;margin-top:15px}.v22-services b{font-weight:400;margin-top:auto}.v22-research{width:min(1320px,82vw);margin:auto;min-height:860px;padding:105px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.research-copy small{font-size:12px}.research-copy h2{font-size:clamp(30px,3vw,52px);font-weight:400;line-height:1.25;margin:20px 0 0}.flow-diagram{display:block;max-height:680px;max-width:100%;margin:auto;animation:floatFlow 5s ease-in-out infinite}@keyframes floatFlow{50%{transform:translateY(-13px)}}
.v22-showcase{height:720px;position:relative;overflow:hidden;display:grid;place-items:center}.showcase-bg{position:absolute;inset:-5%;background-size:cover;background-position:center;transform:translate3d(0,var(--parallax,0),0) scale(1.03);will-change:transform}.product-showcase .showcase-bg{background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url('assets/home/ampoules.jpg')}.lab-showcase .showcase-bg{background-image:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),url('assets/home/lab-wide.jpg');background-position:center 48%}.showcase-card{position:relative;z-index:1;width:min(540px,82vw);background:rgba(255,255,255,.94);padding:54px 58px;box-shadow:0 18px 55px rgba(0,0,0,.08);transition:.4s}.showcase-card:hover{transform:translateY(-8px)}.showcase-card h2{font-size:33px;line-height:1.18;font-weight:400;margin:0}.card-kicker{font-size:12px;color:#777}.showcase-card p{font-size:12px;line-height:1.9;color:#777}.showcase-card a{display:inline-flex;align-items:center;gap:20px;margin-top:15px;background:var(--v22-green);padding:12px 24px;border-radius:30px;font-size:11px}.v22-news{width:min(1180px,86vw);margin:auto;padding:125px 0}.v22-news h2{font-size:40px;font-weight:400;margin:0}.v22-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.v22-reveal.is-visible{opacity:1;transform:none}.home-v22 footer{background:#fff}
@media(max-width:850px){.v22-header{height:70px}.v22-logo img{width:108px}.v22-menu span{display:none}.v22-nav{grid-template-columns:1fr;padding:12vh 12vw;gap:15px}.v22-hero{min-height:620px}.v22-about,.v22-research{width:88vw;grid-template-columns:1fr;gap:35px;padding:95px 0}.about-copy{padding-top:0}.v22-services{grid-template-columns:1fr 1fr}.services-lead{grid-column:1/3;min-height:135px}.v22-services>a{min-height:205px}.v22-showcase{height:570px}.showcase-card{padding:40px}.showcase-card h2{font-size:28px}}@media(max-width:520px){.v22-hero-title h1{font-size:13vw}.v22-hero-title h2{font-size:7vw}.v22-about h2,.research-copy h2{font-size:29px}.v22-stats{padding:25px 8px}.v22-services{grid-template-columns:1fr}.services-lead{grid-column:auto}.v22-services>a{min-height:170px}.v22-research{min-height:auto}.flow-diagram{max-height:520px}.v22-showcase{height:540px}.showcase-card{width:86vw;padding:34px 28px}.showcase-card h2{font-size:25px}}
.v22-media{width:min(1180px,86vw);margin:auto;padding:20px 0 130px}.v22-media h2{font-size:40px;font-weight:400;margin:0}.media-report-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:58px}.media-report-grid a{height:128px;background:#fff;border:1px solid #e9e9e9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:.3s}.media-report-grid a:hover{border-color:#20ee18;transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.07)}.media-report-grid img{display:block;max-width:100%;max-height:62px;object-fit:contain}.media-report-grid span{font-size:10px;color:#888;margin-top:11px}@media(max-width:850px){.media-report-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.media-report-grid{grid-template-columns:repeat(2,1fr)}.media-report-grid a{height:110px}.v22-media{padding-bottom:80px}}

/* Interaction and accessibility refinements */
.v22-menu:focus-visible,.v22-nav a:focus-visible,.home-v22 main a:focus-visible{outline:2px solid #111;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.scroll-hint i,.flow-diagram{animation:none}.v22-reveal{opacity:1;transform:none;transition:none}.showcase-bg{transform:scale(1.03)}}
@media(max-width:520px){.v22-hero-title p{font-size:11px;letter-spacing:.015em;margin-top:30px}}