*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030911;color:#f5f9ff;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:.92;letter-spacing:-.018em}em{font-style:normal;color:#138cf4}.header{height:91px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #c3e2ff1b;background:#01060bb0}.brand img{display:block;width:225px;height:auto}.header nav{display:flex;align-items:center;gap:36px;font-size:11px;font-weight:700;letter-spacing:.055em}.header nav a:hover,.text-link:hover{color:#4bb3ff}.nav-button{border:1px solid #118ff4;border-radius:5px;padding:15px 22px;box-shadow:inset 0 0 18px #0d82e12b}.nav-button span{padding-left:12px}.menu{display:none}.hero{position:relative;min-height:790px;height:min(900px,100svh);isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;z-index:-3;inset:0 0 0 36%;background:url('lab-vials.webp') center 48%/cover no-repeat;filter:contrast(1.12) saturate(1.17)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#01060b 0%,#01060bf5 26%,#01060bc9 44%,#01060b22 79%),linear-gradient(0deg,#01060b 0%,transparent 22%,#01060b5c 100%)}.hero-content{padding:100px 5% 40px;max-width:880px;position:relative}.overline,.section-kicker{font-size:12px;font-weight:700;letter-spacing:.22em;color:#c3d5e8}.hero h1{font-size:clamp(75px,8vw,136px);margin:25px 0 24px}.hero h1 span{color:#1d96ff}.hero-content>p:not(.small-note){max-width:540px;color:#d4e0ed;line-height:1.8;font-size:16px;text-shadow:0 1px 5px #01060b}.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:53px;padding:16px 22px;border-radius:5px;font-size:12px;font-weight:800;letter-spacing:.045em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-blue{background:#087fe9;box-shadow:0 0 20px #087fe977}.btn-blue:hover{background:#229aff}.btn-outline{border:1px solid #1c98ff;background:#010911a3}.btn-outline:hover{background:#0a2946}.small-note{font-size:10px;color:#b1c4d8;margin:27px 0 0;letter-spacing:.11em}.hero-scroll{position:absolute;bottom:24px;right:5%;font-size:10px;letter-spacing:.2em;color:#c6d8e9}.hero-scroll span{color:#239eff;font-size:17px;margin-left:14px}.proof{display:grid;grid-template-columns:repeat(5,1fr);background:#02080f;border-block:1px solid #1b3a57;padding:25px 5%;gap:12px}.proof>div{display:flex;gap:14px;align-items:center;border-right:1px solid #274258;padding-right:10px}.proof>div:last-child{border:0}.proof-symbol{font-size:29px;color:#1b9cff;line-height:1}.proof strong{font-size:10px;letter-spacing:.08em;line-height:1.65}.split,.testing,.about{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.split-photo,.testing-photo,.about-visual{min-height:560px;background-size:cover;background-repeat:no-repeat}.vials-shot{background-image:url('vials-detail.webp');background-position:50% 50%}.split-copy,.testing-copy,.about-copy{padding:100px clamp(32px,6vw,110px);display:flex;flex-direction:column;justify-content:center}.section-kicker{color:#6bbaff;font-size:11px}.split h2,.testing h2,.about h2,.closing h2{font-size:clamp(56px,6.1vw,96px);margin:25px 0}.blue-rule{width:65px;height:3px;background:#1496ff;margin:0 0 27px}.split p,.testing p,.about p,.closing p{max-width:510px;font-size:15px;line-height:1.85;color:#b9c9da}.text-link{display:inline-flex;gap:25px;align-items:center;margin-top:18px;color:#65bcff;font-size:12px;font-weight:800;letter-spacing:.07em}.text-link span{font-size:20px}.testing{background:#061321}.testing-photo{background-image:linear-gradient(90deg,#061321aa,transparent 40%),url('lab-detail.webp');background-position:50% 40%}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 30px}.chips span{border:1px solid #255478;background:#0d263b;padding:9px 12px;font-size:10px;font-weight:700;letter-spacing:.05em}.testing .btn{align-self:flex-start}.about{background:#030911}.about-visual{background-image:url('vials-detail.webp');background-position:65% 42%;filter:saturate(.85)}.metric{display:inline-flex;align-items:baseline;gap:16px;border-top:1px solid #2a3e50;padding:15px 0;max-width:330px}.metric strong{font:700 38px 'Barlow Condensed',sans-serif;color:#229bff}.metric span{font-size:11px;letter-spacing:.14em}.closing{text-align:center;padding:140px 24px;background:radial-gradient(ellipse at center bottom,#0b3760 0%,#030911 58%)}.closing h2{font-size:clamp(65px,9vw,125px)}.closing p{margin:0 auto 30px}.closing .btn{min-width:260px}footer{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:28px;padding:55px 5% 25px;border-top:1px solid #1d3448;align-items:start}footer img{width:190px;max-width:100%}footer p{color:#91a6bc;font-size:12px;line-height:1.8}footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:11px;font-weight:700}footer small{grid-column:1/-1;border-top:1px solid #183044;padding-top:20px;color:#7d92a8;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.header nav{gap:17px}.header nav>a:not(.nav-button){display:none}.hero h1{font-size:clamp(65px,9vw,100px)}.proof{grid-template-columns:repeat(3,1fr)}.proof>div:nth-child(3){border:0}.split-copy,.testing-copy,.about-copy{padding:70px 35px}}
@media(max-width:680px){.header{height:77px;padding:0 5%;background:#01060bf0}.brand img{width:178px}.menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #37618a;background:#05121e;border-radius:3px;align-items:center;cursor:pointer}.menu span{display:block;width:19px;height:2px;background:#bfe4ff}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:#04101c;padding:23px 5%;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #205079}.header nav.open{display:flex}.header nav>a:not(.nav-button){display:block}.header nav a{padding:15px 8px;border-bottom:1px solid #20394c}.header nav .nav-button{margin-top:12px;text-align:center}.hero{height:auto;min-height:900px;display:block;padding-top:77px}.hero-photo{inset:77px 0 auto 0;height:490px;background-position:53% 43%;background-size:cover;filter:contrast(1.12) saturate(1.2)}.hero-shade{background:linear-gradient(0deg,#01060b 16%,#01060b 24%,#01060b1c 57%,#01060b33 100%)}.hero-content{padding:455px 6% 82px;max-width:none}.overline{font-size:10px;letter-spacing:.15em}.hero h1{font-size:clamp(57px,12vw,83px);margin:13px 0 20px}.hero-content>p:not(.small-note){font-size:14px;line-height:1.7}.hero-actions{flex-direction:column;gap:11px;margin-top:23px}.hero-actions .btn{width:100%}.small-note{font-size:9px;line-height:1.6}.hero-scroll{display:none}.proof{grid-template-columns:repeat(2,minmax(0,1fr));padding:23px 5%;gap:18px}.proof>div{border:0!important;gap:10px}.proof strong{font-size:9px}.proof-symbol{font-size:25px}.split,.testing,.about{display:flex;flex-direction:column;min-height:0}.split-photo,.testing-photo,.about-visual{min-height:365px}.split-copy,.testing-copy,.about-copy{padding:66px 6% 75px}.split h2,.testing h2,.about h2{font-size:clamp(58px,12vw,80px)}.testing-photo{order:-1;min-height:360px;background-position:50% 35%}.about-visual{min-height:380px}.closing{padding:100px 6%}.closing h2{font-size:clamp(65px,13vw,100px)}footer{display:block;padding:45px 6% 25px}footer img{width:180px}footer p{margin-top:22px}footer>div{align-items:flex-start;margin:24px 0}footer small{display:block}}
@media(max-width:390px){.hero-photo{height:435px}.hero-content{padding-top:405px}.hero h1{font-size:54px}.proof{gap:12px}.proof strong{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* 2026 hero refresh: serum + logo-only vials; mobile framing */
.hero-photo{inset:0 0 0 39%;background-image:url('hero-products.webp');background-position:52% 54%;background-size:cover;filter:contrast(1.08) saturate(1.12)}
.hero-shade{background:linear-gradient(90deg,#01060b 0%,#01060bf9 27%,#01060bd4 41%,#01060b16 72%),linear-gradient(0deg,#01060b 0%,transparent 21%,#01060b3a 100%)}
@media(max-width:680px){
.hero{min-height:970px}
.hero-photo{inset:77px 0 auto 0;height:535px;background-size:cover;background-position:49% 48%}
.hero-shade{background:linear-gradient(0deg,#01060b 15%,#01060b 23%,#01060b15 58%,#01060b55 100%)}
.hero-content{padding-top:505px}
}
@media(max-width:390px){.hero-photo{height:485px;background-position:46% 48%}.hero-content{padding-top:460px}}

/* Product photography: intentionally show the full serum pump and vial lineup. */
@media (min-width: 681px) {
  .hero-photo {
    inset: 91px 0 0 43%;
    background-image: url('hero-products.webp');
    background-size: contain;
    background-position: right center;
    background-color: #020914;
  }
  .hero-shade {
    background: linear-gradient(90deg,#01060b 0%,#01060bf9 26%,#01060bdc 40%,#01060b00 68%),linear-gradient(0deg,#01060b 0%,transparent 17%);
    pointer-events:none;
  }
}
@media (max-width: 680px) {
  .hero { min-height:0; height:auto; padding-top:77px; }
  .hero-photo {
    inset:77px 0 auto;
    width:100%;
    height:auto;
    aspect-ratio:1038 / 651;
    background-image:url('hero-products.webp');
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
    filter:none;
  }
  .hero-shade { background:none; pointer-events:none; }
  .hero-content {
    padding:calc(100vw * 651 / 1038 + 24px) 6% 65px;
    max-width:none;
  }
  .hero h1 { font-size:clamp(54px,12vw,83px); }
}
@media (max-width:390px) {
  .hero-photo { height:auto; background-position:center center; }
  .hero-content { padding-top:calc(100vw * 651 / 1038 + 24px); }
}

/* GLOW serum + logo-only vial artwork; product photo is separate from live HTML text. */
.hero-photo{background-image:url('hero-products.webp');background-size: min(62vw,960px) auto;background-repeat:no-repeat;background-position:97% 52%;background-color:#020a15;inset:0;filter:none}
.hero-shade{background:linear-gradient(90deg,#01060b 0%,#01060bf8 28%,#01060be0 42%,transparent 67%),linear-gradient(0deg,#01060b 0%,transparent 19%,#01060b3d 100%)}
.legal-disclaimers{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:35px;border-top:1px solid #24415d;padding-top:26px}
.legal-item h3{font-size:13px;letter-spacing:.04em;color:#d9ebff;margin:0 0 10px}
.legal-item p{font-size:11px;line-height:1.75;color:#a7b9cc;margin:0}
@media(max-width:1000px) and (min-width:681px){.hero-photo{background-size:75vw auto;background-position:100% 42%}}
@media(max-width:680px){
.hero{min-height:0;height:auto;padding-top:77px}
.hero-photo{inset:77px 0 auto 0;height:calc(100vw * 542 / 775 + 40px);background-image:url('hero-products.webp');background-size:100% auto;background-position:center 20px;background-color:#020a15;filter:none}
.hero-shade{background:none;pointer-events:none}
.hero-content{padding:calc(100vw * 542 / 775 + 50px) 6% 70px}
.legal-disclaimers{display:block;margin-top:28px}
.legal-item+.legal-item{margin-top:26px}
}
@media(max-width:390px){.hero-photo{height:calc(100vw * 542 / 775 + 40px);background-position:center 20px}.hero-content{padding-top:calc(100vw * 542 / 775 + 50px)}}