:root {
  --ink: #eef5f8;
  --ink-soft: #b7c7cf;
  --muted: #718893;
  --muted-2: #526a76;
  --page: #061018;
  --page-deep: #03080c;
  --panel: #0a1720;
  --panel-2: #0d1c26;
  --panel-3: #10232e;
  --line: rgba(184, 221, 236, .11);
  --line-strong: rgba(184, 221, 236, .22);
  --blue: #1684f3;
  --blue-2: #45d1e5;
  --blue-soft: rgba(22, 132, 243, .12);
  --green: #51d7a3;
  --amber: #f4bb57;
  --red: #ff7378;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
  --shell: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--page); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.no-scroll { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
button, input, select, textarea { border-radius: 0; }
::selection { background: rgba(22, 132, 243, .38); color: #fff; }

.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; z-index: 9999; left: 16px; top: 12px; transform: translateY(-130%); padding: 10px 14px; border-radius: 8px; background: #fff; color: #08121a; font-weight: 800; transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.shell { width: var(--shell); margin-inline: auto; }

.research-banner { border-bottom: 1px solid var(--line); background: #03090d; }
.research-banner-inner { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #7f949f; font-size: 10px; text-align: center; }
.research-banner-inner strong { color: #91c7ff; letter-spacing: .12em; text-transform: uppercase; }
.site-header { position: sticky; z-index: 80; top: 0; border-bottom: 1px solid var(--line); background: rgba(5, 13, 19, .88); backdrop-filter: blur(18px); }
.header-inner { min-height: 72px; display: grid; grid-template-columns: 205px 1fr auto; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; width: 186px; }
.brand img { width: 100%; filter: brightness(0) invert(1); }
.primary-nav { display: flex; align-items: center; justify-content: center; gap: 25px; }
.primary-nav > a, .nav-menu > button { border: 0; background: transparent; color: #9caeb7; font-size: 12px; font-weight: 700; }
.primary-nav > a:hover, .primary-nav > a:focus-visible, .nav-menu > button:hover, .nav-menu > button:focus-visible { color: #fff; }
.nav-menu { position: relative; }
.nav-menu > button span { margin-left: 3px; color: #63808f; }
.nav-menu-panel { position: absolute; top: calc(100% + 17px); left: 50%; width: 330px; display: grid; visibility: hidden; opacity: 0; transform: translate(-50%, -8px); padding: 9px; border: 1px solid var(--line-strong); border-radius: 13px; background: #08141c; box-shadow: var(--shadow); transition: .18s ease; }
.nav-menu:hover .nav-menu-panel, .nav-menu.is-open .nav-menu-panel { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.nav-menu-panel a { display: grid; gap: 2px; padding: 12px; border-radius: 8px; }
.nav-menu-panel a:hover { background: rgba(255,255,255,.04); }
.nav-menu-panel strong { font-size: 12px; }
.nav-menu-panel span { color: #6f8490; font-size: 10px; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.currency-select select { min-width: 68px; height: 38px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #07131b; color: #9fb2bc; padding: 0 9px; font-size: 10px; font-weight: 800; }
.order-chip { height: 40px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(55, 153, 255, .32); border-radius: 9px; background: rgba(22, 132, 243, .10); color: #dff0ff; padding: 0 11px 0 14px; font-size: 11px; font-weight: 800; }
.order-chip b { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 6px; background: var(--blue); color: #fff; font-size: 10px; }
.nav-toggle { display: none; width: 41px; height: 41px; align-content: center; gap: 4px; border: 1px solid var(--line); border-radius: 9px; background: transparent; padding: 10px; }
.nav-toggle span:not(.sr-only) { display: block; height: 1.5px; background: #cfe0e8; }

.eyebrow { margin: 0 0 11px; color: #6fb6ff; font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.display-title { margin: 0; font-size: clamp(39px, 5vw, 68px); line-height: .99; letter-spacing: -.055em; }
.display-title span { color: transparent; background: linear-gradient(105deg, #fff 0%, #8bc7ff 45%, #51e0ed 100%); -webkit-background-clip: text; background-clip: text; }
.section-title { margin: 0; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.03; letter-spacing: -.045em; }
.section-lede { margin: 15px 0 0; max-width: 680px; color: #8ea2ad; line-height: 1.75; }
.button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 8px; padding: 0 16px; font-size: 11px; font-weight: 900; letter-spacing: .01em; transition: transform .17s ease, background .17s ease, border-color .17s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: linear-gradient(110deg, #1169dd, #168bfa); color: #fff; box-shadow: 0 12px 28px rgba(14, 104, 221, .24); }
.button-primary:hover { background: linear-gradient(110deg, #1675ea, #2697ff); }
.button-secondary { border-color: var(--line-strong); background: rgba(255,255,255,.025); color: #d3e0e5; }
.button-secondary:hover { border-color: rgba(87, 166, 240, .42); background: rgba(26, 120, 215, .07); }
.button-muted { border-color: var(--line); background: #0a1720; color: #9fb2bc; }
.button-block { width: 100%; }
.text-button { border: 0; background: transparent; color: #6e8490; font-size: 10px; }
.text-button:hover { color: #fff; }

.hero { position: relative; overflow: hidden; min-height: 690px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 34%, rgba(18, 104, 184, .20), transparent 31%), radial-gradient(circle at 92% 68%, rgba(40, 208, 221, .07), transparent 28%), linear-gradient(180deg, #08131c 0%, #061018 100%); }
.hero:before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.hero-grid { position: relative; min-height: 690px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 50px; padding-block: 70px; }
.hero-copy { position: relative; z-index: 2; }
.hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 24px 0 0; color: #92a7b1; font-size: 15px; line-height: 1.78; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.hero-stats { display: flex; flex-wrap: wrap; gap: 34px; margin-top: 41px; padding-top: 25px; border-top: 1px solid var(--line); }
.hero-stat strong { display: block; font-size: 23px; line-height: 1; }
.hero-stat span { display: block; margin-top: 7px; color: #627984; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.hero-visual { position: relative; min-height: 540px; }
.hero-visual:before { content: ""; position: absolute; width: 390px; height: 390px; left: 50%; top: 48%; transform: translate(-50%, -50%); border-radius: 50%; background: #1585ed; opacity: .13; filter: blur(65px); }
.hero-vial { position: absolute; object-fit: contain; filter: drop-shadow(0 32px 30px rgba(0,0,0,.35)); }
.hero-vial-main { z-index: 3; width: 315px; left: 50%; bottom: 5px; transform: translateX(-50%); }
.hero-vial-left { z-index: 1; width: 205px; left: -10px; bottom: 7px; opacity: .65; transform: rotate(-5deg); }
.hero-vial-right { z-index: 2; width: 220px; right: -4px; bottom: 5px; opacity: .78; transform: rotate(4deg); }
.hero-float { position: absolute; z-index: 5; right: 0; top: 74px; width: 212px; padding: 13px 14px; border: 1px solid var(--line-strong); border-radius: 11px; background: rgba(7, 18, 26, .82); backdrop-filter: blur(14px); box-shadow: var(--shadow); }
.hero-float span { display: block; color: #6fb6ff; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hero-float strong { display: block; margin-top: 5px; font-size: 13px; }
.hero-float p { margin: 4px 0 0; color: #657d89; font-size: 9px; line-height: 1.5; }

.disclosure-strip { border-bottom: 1px solid var(--line); background: #08131b; }
.disclosure-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.disclosure-item { min-height: 100px; display: flex; align-items: center; gap: 13px; padding: 18px 21px; border-left: 1px solid var(--line); }
.disclosure-item:last-child { border-right: 1px solid var(--line); }
.disclosure-icon { width: 37px; height: 37px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(58, 150, 239, .24); border-radius: 10px; background: rgba(22, 132, 243, .06); color: #6fb6ff; font-size: 17px; }
.disclosure-item strong { display: block; font-size: 11px; }
.disclosure-item span { display: block; margin-top: 3px; color: #657c87; font-size: 9px; line-height: 1.45; }

.section { padding: 88px 0; }
.section-dark { background: #040b10; border-block: 1px solid var(--line); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 31px; }
.section-heading > p { max-width: 490px; margin: 0; color: #768b96; font-size: 12px; line-height: 1.7; }

.catalog-toolbar { position: sticky; z-index: 30; top: 73px; display: grid; grid-template-columns: 1fr 180px 180px auto; gap: 10px; margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(7, 17, 24, .94); backdrop-filter: blur(18px); box-shadow: 0 12px 35px rgba(0,0,0,.19); }
.search-field { position: relative; }
.search-field svg { position: absolute; top: 50%; left: 13px; width: 17px; transform: translateY(-50%); fill: none; stroke: #607986; stroke-width: 1.8; }
.search-field input, .toolbar-select select { width: 100%; height: 43px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #07121a; color: #dce8ed; padding: 0 12px; font-size: 11px; }
.search-field input { padding-left: 40px; }
.search-field input:focus, .toolbar-select select:focus { border-color: rgba(55, 153, 255, .52); box-shadow: 0 0 0 3px rgba(20, 120, 255, .08); }
.toolbar-select { display: grid; gap: 5px; }
.toolbar-select span { display: none; }
.catalog-count { min-width: 105px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.02); text-align: center; }
.catalog-count strong { font-size: 16px; line-height: 1; }
.catalog-count span { margin-top: -8px; color: #607681; font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.category-chips { display: flex; gap: 7px; overflow-x: auto; padding: 2px 1px 20px; scrollbar-width: thin; }
.category-chip { flex: 0 0 auto; height: 32px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: #728793; padding: 0 12px; font-size: 9px; font-weight: 800; }
.category-chip:hover, .category-chip.is-active { border-color: rgba(59, 157, 251, .36); background: rgba(22,132,243,.10); color: #a8d4ff; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.product-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(180deg, #0c1a24, #09151e); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.product-card:hover { transform: translateY(-3px); border-color: rgba(69, 167, 255, .31); box-shadow: 0 22px 50px rgba(0,0,0,.25); }
.product-card-image { position: relative; min-height: 260px; display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 50% 53%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 48%), #08131b; }
.product-card-image:after { content: ""; position: absolute; left: 50%; bottom: 24px; width: 135px; height: 17px; transform: translateX(-50%); border-radius: 50%; background: #000; opacity: .25; filter: blur(8px); }
.product-card-image img { position: relative; z-index: 2; width: 155px; height: 235px; object-fit: contain; transition: transform .2s ease; }
.product-card:hover .product-card-image img { transform: translateY(-4px) scale(1.02); }
.product-code { position: absolute; z-index: 4; top: 11px; left: 11px; min-width: 42px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: rgba(3, 9, 13, .65); color: #8ba0aa; padding: 0 7px; font-size: 8px; font-weight: 900; letter-spacing: .09em; }
.product-card-body { padding: 15px; }
.product-card h3 { margin: 0; font-size: 13px; line-height: 1.35; letter-spacing: -.01em; }
.product-card-meta { display: flex; align-items: center; gap: 7px; margin-top: 7px; color: #647b86; font-size: 9px; }
.product-card-meta span:first-child { color: #9ecfff; }
.product-card-purchase { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line); }
.product-card-price strong { display: block; font-size: 17px; }
.product-card-price span { display: block; color: #5e747f; font-size: 8px; }
.card-add { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(51, 148, 241, .28); border-radius: 8px; background: rgba(22, 132, 243, .08); color: #89c7ff; font-size: 20px; }
.card-add:hover { background: var(--blue); color: #fff; }
.empty-state { display: grid; place-items: center; min-height: 280px; border: 1px dashed var(--line-strong); border-radius: 14px; text-align: center; color: #80939d; }
.empty-state[hidden] { display: none; }
.empty-state strong { color: #d8e4e9; }

.resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.resource-card { min-height: 245px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(14, 31, 42, .92), rgba(7, 18, 25, .92)); }
.resource-card .resource-number { color: #4f6b78; font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.resource-card h3 { margin: 27px 0 0; font-size: 20px; letter-spacing: -.03em; }
.resource-card p { margin: 11px 0 22px; color: #748a95; font-size: 11px; line-height: 1.7; }
.resource-card a { margin-top: auto; color: #84c4ff; font-size: 10px; font-weight: 900; }
.resource-card:hover { border-color: rgba(60, 157, 250, .31); }

.coming-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.coming-card { position: relative; min-height: 270px; overflow: hidden; padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: radial-gradient(circle at 88% 17%, rgba(47, 155, 255, .14), transparent 32%), #091720; }
.coming-card:before { content: ""; position: absolute; width: 150px; height: 150px; right: -35px; bottom: -55px; border: 1px solid rgba(78, 183, 255, .12); border-radius: 50%; box-shadow: 0 0 0 24px rgba(78, 183, 255, .03), 0 0 0 50px rgba(78, 183, 255, .02); }
.coming-card span { display: inline-flex; padding: 5px 8px; border: 1px solid rgba(63, 166, 255, .25); border-radius: 6px; background: rgba(22,132,243,.08); color: #7abaff; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.coming-card h3 { margin: 72px 0 0; font-size: 25px; letter-spacing: -.04em; }
.coming-card p { position: relative; z-index: 2; max-width: 300px; margin: 10px 0 0; color: #708791; font-size: 11px; }

.page-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 72% 35%, rgba(23, 122, 212, .15), transparent 28%), #07131b; }
.page-hero-inner { min-height: 360px; display: grid; align-content: center; padding-block: 65px; }
.page-hero h1 { max-width: 850px; margin: 0; font-size: clamp(39px, 5vw, 62px); line-height: 1; letter-spacing: -.05em; }
.page-hero p:not(.eyebrow) { max-width: 770px; margin: 19px 0 0; color: #8ca0aa; font-size: 14px; line-height: 1.75; }
.page-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }

.notice { padding: 16px 17px; border: 1px solid var(--line-strong); border-radius: 10px; background: rgba(255,255,255,.025); color: #8fa4ae; font-size: 11px; line-height: 1.65; }
.notice strong { color: #d9e7ed; }
.notice-blue { border-color: rgba(46, 148, 246, .26); background: rgba(22,132,243,.07); }
.notice-amber { border-color: rgba(244, 187, 87, .27); background: rgba(244,187,87,.06); }
.notice-red { border-color: rgba(255, 115, 120, .28); background: rgba(255,115,120,.055); }
.status-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); color: #8aa0ab; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.status-pill:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-pending { color: var(--amber); border-color: rgba(244,187,87,.23); background: rgba(244,187,87,.055); }
.status-verified { color: var(--green); border-color: rgba(81,215,163,.24); background: rgba(81,215,163,.06); }
.status-review { color: #83c4ff; border-color: rgba(64,158,250,.25); background: rgba(22,132,243,.06); }
.status-avoid { color: #ff8d92; border-color: rgba(255,115,120,.25); background: rgba(255,115,120,.06); }

.product-page { padding: 44px 0 90px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; color: #5f7782; font-size: 9px; }
.breadcrumb a:hover { color: #9ecfff; }
.product-hero { display: grid; grid-template-columns: minmax(350px, .9fr) minmax(0, 1.1fr); gap: 16px; }
.product-visual-panel { position: relative; min-height: 650px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--product-accent, #1684f3) 16%, transparent), transparent 43%), #08151e; }
.product-visual-panel:before { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(255,255,255,.025); border-radius: 13px; }
.product-visual-panel img { position: relative; z-index: 2; width: 365px; max-height: 610px; object-fit: contain; filter: drop-shadow(0 35px 35px rgba(0,0,0,.34)); }
.product-visual-code { position: absolute; z-index: 4; left: 22px; bottom: 21px; display: flex; align-items: center; gap: 9px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(4, 11, 16, .7); color: #7c929d; font-size: 9px; font-weight: 900; letter-spacing: .09em; }
.product-summary-panel { min-width: 0; padding: 35px; border: 1px solid var(--line); border-radius: 16px; background: #091720; }
.product-summary-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.product-category { color: #76baff; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.product-summary-panel h1 { margin: 18px 0 0; font-size: clamp(34px, 4vw, 50px); line-height: 1.02; letter-spacing: -.05em; }
.product-dose-line { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.product-dose-line span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.02); color: #8ca1ab; font-size: 9px; font-weight: 800; }
.product-summary-panel > p { margin: 21px 0 0; color: #8fa3ad; font-size: 12px; line-height: 1.75; }
.product-price-box { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 20px; margin-top: 28px; padding: 22px 0; border-block: 1px solid var(--line); }
.product-price-box small { display: block; color: #637a85; font-size: 8px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.product-price-box strong { display: block; margin-top: 5px; font-size: 34px; line-height: 1; }
.product-price-box span { display: block; margin-top: 7px; color: #5f7580; font-size: 9px; }
.quantity-box { display: grid; gap: 6px; }
.quantity-box label { color: #647a86; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.quantity-box input { width: 105px; height: 44px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #061018; padding: 0 12px; text-align: center; }
.product-cta-stack { display: grid; gap: 9px; margin-top: 22px; }
.product-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; margin-top: 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--line); }
.product-facts div { min-width: 0; padding: 13px; background: #0b1922; }
.product-facts dt { color: #607681; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.product-facts dd { overflow-wrap: anywhere; margin: 4px 0 0; color: #d8e5ea; font-size: 10px; font-weight: 700; }

.content-tabs { position: sticky; z-index: 25; top: 73px; display: flex; gap: 7px; overflow-x: auto; margin-top: 16px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(6,16,24,.92); backdrop-filter: blur(17px); }
.content-tabs a { flex: 0 0 auto; padding: 8px 11px; border-radius: 7px; color: #728894; font-size: 9px; font-weight: 800; }
.content-tabs a:hover { background: rgba(22,132,243,.08); color: #a8d5ff; }
.product-content { display: grid; gap: 16px; margin-top: 16px; }
.content-card { scroll-margin-top: 145px; padding: 30px; border: 1px solid var(--line); border-radius: 15px; background: #091720; }
.content-card-header { display: flex; align-items: start; justify-content: space-between; gap: 25px; margin-bottom: 22px; }
.content-card-header h2 { margin: 0; font-size: 27px; letter-spacing: -.035em; }
.content-card-header p { max-width: 520px; margin: 0; color: #718691; font-size: 10px; line-height: 1.65; }
.profile-stack { display: grid; gap: 13px; }
.profile-block { padding: 20px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.015); }
.profile-block h3 { margin: 0; font-size: 17px; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.profile-meta span { padding: 5px 7px; border-radius: 5px; background: rgba(22,132,243,.07); color: #76baff; font-size: 8px; font-weight: 800; }
.profile-block p { margin: 14px 0 0; color: #8b9fa9; font-size: 11px; line-height: 1.75; }
.content-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.info-panel { padding: 20px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.014); }
.info-panel h3 { margin: 0; color: #dce8ed; font-size: 15px; }
.info-list { display: grid; gap: 10px; margin: 15px 0 0; padding: 0; list-style: none; }
.info-list li { position: relative; padding-left: 17px; color: #8196a0; font-size: 10px; line-height: 1.65; }
.info-list li:before { content: ""; position: absolute; left: 0; top: .63em; width: 6px; height: 6px; border-radius: 50%; background: #2b90ec; box-shadow: 0 0 0 4px rgba(43,144,236,.08); }
.interaction-intro { padding: 16px; border: 1px solid rgba(244,187,87,.22); border-radius: 10px; background: rgba(244,187,87,.05); color: #a89b7c; font-size: 10px; line-height: 1.7; }
.interaction-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 13px; }
.interaction-item { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.015); }
.interaction-item-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.interaction-item strong { font-size: 11px; }
.interaction-item p { margin: 8px 0 0; color: #758b95; font-size: 9px; line-height: 1.6; }
.source-list { display: grid; gap: 8px; margin-top: 13px; }
.source-link { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; padding: 14px 15px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.012); }
.source-link:hover { border-color: rgba(63,160,252,.28); }
.source-link strong { display: block; font-size: 10px; }
.source-link span { display: block; margin-top: 4px; color: #647b86; font-size: 8px; }
.source-link b { color: #79bdff; font-size: 16px; }
.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.related-card { display: grid; grid-template-columns: 74px 1fr; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.012); }
.related-card img { width: 68px; height: 90px; object-fit: contain; }
.related-card strong { display: block; font-size: 10px; line-height: 1.35; }
.related-card span { display: block; margin-top: 5px; color: #6a808c; font-size: 8px; }

.calculator-shell { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 15px; }
.calc-panel { padding: 21px; border: 1px solid var(--line); border-radius: 12px; background: #07131b; }
.calc-panel h3 { margin: 0; font-size: 18px; }
.calc-panel > p { margin: 8px 0 0; color: #6f8590; font-size: 10px; line-height: 1.6; }
.calc-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; margin-top: 19px; }
.calc-field { display: grid; gap: 6px; }
.calc-field-full { grid-column: 1 / -1; }
.calc-field label { color: #6b818c; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.calc-field-row { display: grid; grid-template-columns: 1fr auto; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #050d12; }
.calc-field input, .calc-field select { width: 100%; height: 44px; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #050d12; padding: 0 12px; font-size: 11px; }
.calc-field-row input { border: 0; border-radius: 0; }
.calc-field-row span { min-width: 54px; display: grid; place-items: center; border-left: 1px solid var(--line); color: #6f8792; padding: 0 11px; font-size: 9px; font-weight: 800; }
.calc-field input:focus, .calc-field select:focus, .calc-field-row:focus-within { border-color: rgba(61,160,255,.48); }
.calc-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 15px; }
.calc-result { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.018); }
.calc-result span { display: block; color: #637a85; font-size: 7px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.calc-result strong { display: block; margin-top: 6px; font-size: 16px; line-height: 1.15; overflow-wrap: anywhere; }
.calc-formula { margin-top: 12px; padding: 11px; border-radius: 8px; background: rgba(22,132,243,.05); color: #7896a5; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 8px; line-height: 1.6; }
.calc-warning { margin-top: 12px; }
.syringe-stage { position: relative; min-height: 330px; display: grid; align-content: center; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: radial-gradient(circle at 50% 50%, rgba(22,132,243,.10), transparent 54%), #07131b; padding: 24px; }
.syringe-stage h3 { margin: 0 0 32px; font-size: 15px; text-align: center; }
.syringe { --fill: 0%; --pointer: 0%; position: relative; width: min(100%, 575px); height: 116px; margin: 0 auto; }
.syringe-plunger-rod { position: absolute; left: 2px; top: 45px; width: 73px; height: 23px; border: 2px solid #7a8b93; border-radius: 3px 0 0 3px; background: linear-gradient(#e9f0f3,#9ba9af); }
.syringe-plunger-handle { position: absolute; left: 0; top: 28px; width: 11px; height: 58px; border-radius: 3px; background: linear-gradient(90deg,#dbe4e8,#86969d); }
.syringe-barrel { position: absolute; left: 72px; right: 70px; top: 28px; height: 59px; overflow: hidden; border: 3px solid #9db2bc; border-radius: 7px; background: rgba(236,249,252,.12); box-shadow: inset 0 0 18px rgba(214, 247, 255, .08); }
.syringe-fluid { position: absolute; right: 0; top: 0; bottom: 0; width: var(--fill); background: linear-gradient(90deg, rgba(23,132,243,.28), rgba(67,211,228,.62)); transition: width .55s cubic-bezier(.2,.8,.2,1); }
.syringe-plunger-stop { position: absolute; z-index: 3; top: 2px; bottom: 2px; right: var(--fill); width: 9px; transform: translateX(5px); border-radius: 3px; background: linear-gradient(90deg,#d7e2e7,#758990); transition: right .55s cubic-bezier(.2,.8,.2,1); }
.syringe-ticks { position: absolute; inset: 0; opacity: .72; background-image: repeating-linear-gradient(90deg, transparent 0 4.75%, #7e919a 4.75% 5%, transparent 5% 9.75%, #afbec5 9.75% 10%); mask-image: linear-gradient(to bottom, black 0 24%, transparent 24% 76%, black 76%); }
.syringe-marker { position: absolute; z-index: 5; left: var(--pointer); top: -28px; width: 2px; height: 110px; background: #52cfff; box-shadow: 0 0 13px rgba(82,207,255,.8); transition: left .55s cubic-bezier(.2,.8,.2,1); }
.syringe-marker:before { content: ""; position: absolute; left: 50%; top: -4px; width: 11px; height: 11px; transform: translateX(-50%) rotate(45deg); background: #52cfff; }
.syringe-marker-label { position: absolute; left: 50%; top: -29px; transform: translateX(-50%); white-space: nowrap; border-radius: 5px; background: #0e7be5; color: #fff; padding: 4px 6px; font-size: 8px; font-weight: 900; }
.syringe-hub { position: absolute; right: 48px; top: 40px; width: 24px; height: 35px; clip-path: polygon(0 0,100% 30%,100% 70%,0 100%); background: linear-gradient(90deg,#d7e4e9,#7b8d95); }
.syringe-needle { position: absolute; right: 0; top: 55px; width: 51px; height: 3px; transform-origin: left center; background: linear-gradient(90deg,#a8bcc5,#ecf5f8); box-shadow: 0 0 4px rgba(255,255,255,.2); }
.syringe-needle:after { content: ""; position: absolute; right: -5px; top: -1px; border-left: 6px solid #dfe9ed; border-top: 2.5px solid transparent; border-bottom: 2.5px solid transparent; }
.syringe-scale-labels { position: absolute; left: 72px; right: 70px; bottom: 2px; display: flex; justify-content: space-between; color: #607985; font-size: 7px; }
.syringe-readout { margin-top: 25px; text-align: center; }
.syringe-readout strong { display: block; color: #dcebf2; font-size: 22px; }
.syringe-readout span { display: block; margin-top: 5px; color: #657c87; font-size: 9px; }
.syringe-overflow .syringe-barrel { border-color: rgba(255,115,120,.65); }
.syringe-overflow .syringe-marker, .syringe-overflow .syringe-marker:before { background: var(--red); box-shadow: 0 0 13px rgba(255,115,120,.75); }
.syringe-overflow .syringe-marker-label { background: #d94d55; }

.policy-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 16px; }
.policy-main { display: grid; gap: 14px; }
.policy-card { padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: #091720; }
.policy-card h2 { margin: 0; font-size: 25px; letter-spacing: -.035em; }
.policy-card h3 { margin: 21px 0 0; font-size: 15px; }
.policy-card p { margin: 12px 0 0; color: #8297a1; font-size: 11px; line-height: 1.75; }
.policy-steps { display: grid; gap: 9px; margin-top: 18px; }
.policy-step { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.012); }
.policy-step b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; background: rgba(22,132,243,.1); color: #7bbcff; font-size: 9px; }
.policy-step strong { display: block; font-size: 11px; }
.policy-step span { display: block; margin-top: 4px; color: #6e8490; font-size: 9px; line-height: 1.55; }
.policy-sidebar { align-self: start; position: sticky; top: 92px; display: grid; gap: 12px; }
.quick-card { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: #08151e; }
.quick-card h3 { margin: 0; font-size: 15px; }
.quick-card p { margin: 9px 0 0; color: #748a95; font-size: 10px; line-height: 1.65; }
.quick-links { display: grid; gap: 7px; margin-top: 14px; }
.quick-links a { padding: 9px 10px; border-radius: 7px; background: rgba(255,255,255,.02); color: #88c6ff; font-size: 9px; }

.coa-toolbar { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-bottom: 18px; }
.coa-toolbar input { height: 46px; border: 1px solid var(--line); border-radius: 9px; outline: 0; background: #07131b; padding: 0 14px; }
.coa-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
.coa-stat { padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: #091720; }
.coa-stat span { color: #637a85; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.coa-stat strong { display: block; margin-top: 6px; font-size: 22px; }
.coa-table-wrap, .order-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 13px; background: #08151e; }
.data-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.data-table th { padding: 12px 14px; border-bottom: 1px solid var(--line); background: #0b1b25; color: #627985; font-size: 8px; text-align: left; letter-spacing: .1em; text-transform: uppercase; }
.data-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); color: #8196a0; font-size: 10px; vertical-align: middle; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table td strong { color: #d8e5ea; }
.data-table a { color: #81c2ff; font-weight: 800; }

.literature-toolbar { display: grid; grid-template-columns: 1fr 230px; gap: 10px; margin-bottom: 17px; }
.literature-toolbar input, .literature-toolbar select { height: 45px; border: 1px solid var(--line); border-radius: 9px; outline: 0; background: #07131b; padding: 0 13px; }
.literature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.literature-card { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #091720; }
.literature-card h3 { margin: 13px 0 0; font-size: 18px; }
.literature-card > p { margin: 9px 0 16px; color: #738994; font-size: 10px; line-height: 1.65; }
.literature-sources { display: grid; gap: 6px; margin-top: auto; }
.literature-sources a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; border-radius: 7px; background: rgba(255,255,255,.02); color: #89c8ff; font-size: 8px; }

.order-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 15px; }
.order-card { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #091720; }
.order-card h2 { margin: 0; font-size: 24px; }
.order-empty { min-height: 220px; display: grid; place-items: center; text-align: center; color: #728893; }
.order-empty[hidden] { display: none; }
.order-item-image { width: 58px; height: 76px; object-fit: contain; }
.table-stepper { display: inline-grid; grid-template-columns: 28px 34px 28px; height: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; }
.table-stepper button { border: 0; background: rgba(255,255,255,.025); }
.table-stepper span { display: grid; place-items: center; border-inline: 1px solid var(--line); }
.order-total-line { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.order-total-line span { color: #6f8590; font-size: 10px; }
.order-total-line strong { font-size: 27px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; margin-top: 19px; }
.form-field { display: grid; gap: 6px; }
.form-field-full { grid-column: 1 / -1; }
.form-field label { color: #647b86; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.form-field input, .form-field select, .form-field textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #061018; padding: 10px 11px; font-size: 10px; }
.form-field input, .form-field select { height: 42px; }
.form-field textarea { min-height: 90px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: rgba(55, 153, 255, .50); }
.form-check { display: grid; grid-template-columns: 17px 1fr; gap: 9px; align-items: start; margin-top: 13px; color: #788e98; font-size: 9px; line-height: 1.6; }
.form-check input { width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--blue); }
.order-actions { display: grid; gap: 8px; margin-top: 16px; }

.site-footer { border-top: 1px solid var(--line); background: #03090d; }
.footer-grid { display: grid; grid-template-columns: 1.25fr .65fr .7fr 1.15fr; gap: 42px; padding: 58px 0 45px; }
.footer-brand img { width: 190px; filter: brightness(0) invert(1); }
.footer-brand p, .footer-notice p { margin: 17px 0 0; color: #617782; font-size: 10px; line-height: 1.7; }
.footer-column { display: grid; align-content: start; gap: 9px; }
.footer-column strong, .footer-notice strong { margin-bottom: 4px; font-size: 11px; }
.footer-column a { color: #647a86; font-size: 9px; }
.footer-column a:hover { color: #a6d4ff; }
.footer-notice { padding-left: 24px; border-left: 1px solid var(--line); }
.footer-bottom { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); color: #465d68; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.drawer-scrim { position: fixed; z-index: 150; inset: 0; opacity: 0; background: rgba(0,0,0,.72); backdrop-filter: blur(6px); transition: opacity .22s ease; }
.drawer-scrim[hidden] { display: none; }
.drawer-scrim.is-open { opacity: 1; }
.cart-drawer { position: fixed; z-index: 155; top: 0; right: 0; width: min(440px, 100%); height: 100dvh; display: grid; grid-template-rows: auto 1fr auto; transform: translateX(103%); border-left: 1px solid var(--line-strong); background: #07131b; box-shadow: -30px 0 80px rgba(0,0,0,.45); transition: transform .22s ease; }
.cart-drawer.is-open { transform: translateX(0); }
.cart-drawer-header { min-height: 85px; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.cart-drawer-header span { color: #73baff; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.cart-drawer-header h2 { margin: 2px 0 0; font-size: 21px; }
.cart-drawer-header button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: #a8bbc4; font-size: 24px; }
.cart-drawer-body { overflow-y: auto; padding: 14px; }
.drawer-item { display: grid; grid-template-columns: 72px 1fr auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: #0a1922; }
.drawer-item + .drawer-item { margin-top: 9px; }
.drawer-item-image img { width: 66px; height: 86px; object-fit: contain; }
.drawer-item-copy strong { display: block; font-size: 10px; line-height: 1.35; }
.drawer-item-copy span { display: block; margin-top: 4px; color: #667d88; font-size: 8px; }
.drawer-item-copy b { display: block; margin-top: 8px; font-size: 10px; }
.drawer-item-actions { display: grid; justify-items: end; gap: 8px; }
.mini-stepper { display: grid; grid-template-columns: 25px 27px 25px; height: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; }
.mini-stepper button { border: 0; background: rgba(255,255,255,.025); font-size: 12px; }
.mini-stepper span { display: grid; place-items: center; border-inline: 1px solid var(--line); font-size: 8px; }
.remove-link { border: 0; background: transparent; color: #637a86; font-size: 8px; }
.remove-link:hover { color: var(--red); }
.cart-empty { min-height: 100%; display: grid; place-content: center; justify-items: center; padding: 30px; text-align: center; }
.cart-empty[hidden] { display: none; }
.empty-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: #6f8792; font-size: 22px; }
.cart-empty strong { margin-top: 15px; font-size: 13px; }
.cart-empty p { max-width: 260px; margin: 6px 0 0; color: #657b86; font-size: 9px; line-height: 1.55; }
.cart-drawer-footer { padding: 17px 19px 20px; border-top: 1px solid var(--line); background: #061018; }
.drawer-totals { display: flex; align-items: end; justify-content: space-between; margin-bottom: 13px; }
.drawer-totals span { color: #687f8a; font-size: 9px; }
.drawer-totals strong { font-size: 24px; }
.cart-drawer-footer .text-button { width: 100%; margin-top: 10px; }
.toast-region { position: fixed; z-index: 220; right: 18px; bottom: 18px; width: min(355px, calc(100% - 36px)); display: grid; gap: 8px; }
.toast { opacity: 0; transform: translateY(8px); padding: 13px 14px; border: 1px solid rgba(65,164,255,.28); border-radius: 9px; background: #0c1d27; box-shadow: 0 18px 50px rgba(0,0,0,.38); color: #b8d9ef; font-size: 10px; transition: .2s ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1050px) {
  .header-inner { grid-template-columns: 180px 1fr auto; gap: 18px; }
  .primary-nav { gap: 15px; }
  .product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .resource-grid { grid-template-columns: repeat(2,1fr); }
  .disclosure-grid { grid-template-columns: repeat(2,1fr); }
  .disclosure-item:nth-child(2) { border-right: 1px solid var(--line); }
  .disclosure-item:nth-child(n+3) { border-top: 1px solid var(--line); }
  .product-hero { grid-template-columns: .9fr 1.1fr; }
  .product-visual-panel { min-height: 580px; }
  .product-visual-panel img { width: 310px; }
  .related-grid { grid-template-columns: repeat(2,1fr); }
  .literature-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1.2fr .8fr .8fr; }
  .footer-notice { grid-column: 1 / -1; padding: 20px 0 0; border-left: 0; border-top: 1px solid var(--line); }
}

@media (max-width: 860px) {
  :root { --shell: min(100% - 28px, 1180px); }
  .research-banner-inner span { display: none; }
  .header-inner { grid-template-columns: 1fr auto auto; min-height: 66px; }
  .brand { width: 160px; }
  .nav-toggle { display: grid; grid-column: 2; }
  .header-actions { grid-column: 3; }
  .order-chip span { display: none; }
  .currency-select { display: none; }
  .primary-nav { position: fixed; top: 101px; left: 14px; right: 14px; display: grid; visibility: hidden; opacity: 0; transform: translateY(-8px); padding: 11px; border: 1px solid var(--line-strong); border-radius: 13px; background: #07131b; box-shadow: var(--shadow); transition: .18s ease; }
  .primary-nav.is-open { visibility: visible; opacity: 1; transform: none; }
  .primary-nav > a, .nav-menu > button { width: 100%; padding: 11px; border-radius: 7px; text-align: left; }
  .primary-nav > a:hover, .nav-menu > button:hover { background: rgba(255,255,255,.03); }
  .nav-menu-panel { position: static; width: auto; display: none; visibility: visible; opacity: 1; transform: none; margin: 3px 0 7px 15px; border: 0; box-shadow: none; background: transparent; }
  .nav-menu.is-open .nav-menu-panel { display: grid; transform: none; }
  .hero, .hero-grid { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; padding-block: 70px 35px; }
  .hero-copy { text-align: center; }
  .hero-copy > p:not(.eyebrow) { margin-inline: auto; }
  .hero-actions, .hero-stats { justify-content: center; }
  .hero-visual { min-height: 500px; }
  .hero-vial-main { width: 285px; }
  .hero-vial-left { left: 3%; }
  .hero-vial-right { right: 3%; }
  .hero-float { right: 4%; }
  .section { padding: 68px 0; }
  .section-heading { align-items: start; flex-direction: column; gap: 14px; }
  .catalog-toolbar { top: 67px; grid-template-columns: 1fr 1fr auto; }
  .search-field { grid-column: 1 / -1; }
  .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .coming-grid { grid-template-columns: 1fr; }
  .product-hero { grid-template-columns: 1fr; }
  .product-visual-panel { min-height: 520px; }
  .product-summary-panel { padding: 27px; }
  .calculator-shell { grid-template-columns: 1fr; }
  .content-columns, .interaction-grid { grid-template-columns: 1fr; }
  .content-card-header { flex-direction: column; gap: 7px; }
  .policy-layout, .order-layout { grid-template-columns: 1fr; }
  .policy-sidebar { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-notice { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  :root { --shell: calc(100% - 22px); }
  .header-inner { grid-template-columns: 1fr auto auto; gap: 8px; }
  .brand { width: 135px; }
  .order-chip { width: 40px; padding: 0; justify-content: center; }
  .hero-grid { padding-top: 58px; }
  .display-title { font-size: 43px; }
  .hero-copy > p:not(.eyebrow) { font-size: 12px; }
  .hero-stats { gap: 22px; }
  .hero-visual { min-height: 420px; }
  .hero-vial-main { width: 240px; }
  .hero-vial-left, .hero-vial-right { width: 160px; opacity: .42; }
  .hero-float { top: 25px; right: 0; width: 170px; }
  .disclosure-grid { grid-template-columns: 1fr; }
  .disclosure-item, .disclosure-item:last-child, .disclosure-item:nth-child(2) { border-right: 1px solid var(--line); }
  .disclosure-item + .disclosure-item { border-top: 1px solid var(--line); }
  .catalog-toolbar { position: static; grid-template-columns: 1fr; }
  .search-field { grid-column: auto; }
  .catalog-count { min-height: 44px; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card { display: grid; grid-template-columns: 145px 1fr; }
  .product-card-image { min-height: 210px; border-bottom: 0; border-right: 1px solid var(--line); }
  .product-card-image img { width: 115px; height: 185px; }
  .resource-grid, .literature-grid { grid-template-columns: 1fr; }
  .page-hero-inner { min-height: 320px; }
  .page-hero h1 { font-size: 41px; }
  .product-page { padding-top: 25px; }
  .product-visual-panel { min-height: 440px; }
  .product-visual-panel img { width: 260px; max-height: 410px; }
  .product-summary-panel, .content-card { padding: 21px; }
  .product-price-box { grid-template-columns: 1fr; }
  .quantity-box input { width: 100%; }
  .product-facts { grid-template-columns: 1fr; }
  .calc-fields, .calc-results { grid-template-columns: 1fr; }
  .calc-field-full { grid-column: auto; }
  .syringe-stage { min-height: 300px; padding: 17px 8px; }
  .syringe { transform: scale(.88); width: 112%; margin-left: -6%; }
  .related-grid { grid-template-columns: 1fr; }
  .coa-toolbar, .literature-toolbar { grid-template-columns: 1fr; }
  .coa-summary { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-field-full { grid-column: auto; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; padding-top: 45px; }
  .footer-brand, .footer-notice { grid-column: auto; }
  .footer-bottom { flex-direction: column; justify-content: center; text-align: center; padding: 15px 0; }
  .drawer-item { grid-template-columns: 65px 1fr; }
  .drawer-item-actions { grid-column: 2; grid-row: 2; grid-template-columns: auto auto; justify-content: start; align-items: center; }
}


/* Nexa Peptide revisions */
:root { --blue: #148b96; --blue-2: #4dc4c4; --blue-soft: rgba(20,139,150,.13); }
.brand { width: 196px; padding: 5px 10px; border-radius: 9px; background: rgba(255,255,255,.96); }
.brand img { width: 100%; filter: none !important; }
.footer-logo-wrap { display:inline-flex; max-width:210px; padding:7px 11px; border-radius:9px; background:#fff; }
.footer-logo-wrap img { filter:none !important; }
.fx-control { display:grid; justify-items:end; gap:2px; }
.fx-status { color:#6d8790; font-size:7.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.type-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.type-card { min-height:190px; padding:20px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)); }
.type-card b { color:#51c6c7; font-size:10px; letter-spacing:.13em; }
.type-card h3 { margin:28px 0 10px; font-size:17px; line-height:1.15; }
.type-card p { margin:0; color:#78909b; font-size:11px; line-height:1.65; }
.supplier-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:28px; align-items:start; }
.supplier-points { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:24px; }
.supplier-points > div { padding:16px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); }
.supplier-points strong,.supplier-points span { display:block; }
.supplier-points strong { font-size:12px; }
.supplier-points span { margin-top:5px; color:#768c97; font-size:10px; line-height:1.55; }
.factory-card { padding:24px; border:1px solid rgba(77,196,196,.28); border-radius:16px; background:linear-gradient(150deg,rgba(20,139,150,.17),rgba(255,255,255,.02)); box-shadow:var(--shadow); }
.factory-card > span { color:#55d0cf; font-size:9px; font-weight:900; letter-spacing:.14em; }
.factory-card h3 { margin:13px 0; font-size:22px; }
.factory-card ul { margin:0; padding-left:18px; color:#9aadb5; font-size:11px; line-height:1.8; }
.factory-card a { display:inline-block; margin-top:18px; color:#79dedb; font-size:11px; font-weight:900; }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.guide-card { min-height:220px; padding:22px; border:1px solid var(--line); border-radius:14px; background:#0a1720; transition:.18s ease; }
.guide-card:hover { transform:translateY(-2px); border-color:rgba(81,198,199,.36); }
.guide-card > span { color:#58c9c8; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.guide-card h3 { margin:34px 0 10px; font-size:20px; line-height:1.16; }
.guide-card p { margin:0; color:#778e98; font-size:11px; line-height:1.65; }
.research-quote { margin:22px 0 0; padding:22px 26px; border-left:3px solid #45bdbd; border-radius:0 12px 12px 0; background:rgba(255,255,255,.025); color:#b8c8cf; font-size:15px; line-height:1.7; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:26px; align-items:start; }
.longform { max-width:830px; }
.longform h2 { margin:44px 0 14px; font-size:34px; line-height:1.05; letter-spacing:-.035em; }
.longform h3 { margin:27px 0 8px; font-size:19px; }
.longform p,.longform li { color:#93a6af; font-size:14px; line-height:1.82; }
.longform ol { padding-left:22px; }
.longform details { margin:9px 0; border:1px solid var(--line); border-radius:11px; background:#0a1720; }
.longform summary { padding:15px 17px; font-weight:800; cursor:pointer; }
.longform details p { margin:0; padding:0 17px 17px; }
.article-sidebar { position:sticky; top:105px; display:grid; gap:12px; }
.article-cards { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.article-cards > div { padding:17px; border:1px solid var(--line); border-radius:11px; background:#0a1720; }
.article-cards h3 { margin:0 0 8px; }
.article-cards p { margin:0; font-size:11px; line-height:1.65; }
.reg-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.reg-card { padding:24px; border:1px solid var(--line); border-radius:15px; background:#0a1720; }
.reg-card > span { color:#58c9c8; font-size:9px; font-weight:900; letter-spacing:.13em; }
.reg-card h2 { margin:16px 0 10px; font-size:25px; }
.reg-card p { color:#8499a3; font-size:12px; line-height:1.7; }
.reg-card a { display:block; margin-top:9px; color:#78d9d8; font-size:10px; font-weight:800; }
@media (max-width:1100px){.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:820px){.fx-status{display:none}.supplier-layout,.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.reg-grid{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.supplier-points{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.article-cards{grid-template-columns:1fr}}
@media (max-width:520px){.brand{width:142px;padding:4px 7px}.type-grid{grid-template-columns:1fr}.type-card{min-height:auto}.longform h2{font-size:29px}}

.inline-pending{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:999px;background:#fff3cd;color:#7b5700;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}.supply-facts dd{line-height:1.45}

.tracker-promo-section { background: radial-gradient(circle at 88% 24%, rgba(81,215,163,.11), transparent 30%), #07131a; border-block: 1px solid var(--line); }
.tracker-promo-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; }
.tracker-promo-copy > p:not(.eyebrow) { max-width:690px; margin:18px 0 0; color:#8fa4ae; font-size:13px; line-height:1.75; }
.tracker-promo-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.tracker-promo-copy small { display:block; max-width:670px; margin-top:15px; color:#5f747e; font-size:9px; line-height:1.6; }
.tracker-promo-dashboard { overflow:hidden; border:1px solid rgba(150,218,210,.18); border-radius:18px; background:#f4f7f6; color:#10252d; box-shadow:0 30px 70px rgba(0,0,0,.33); transform:rotate(1deg); }
.tracker-mini-head { min-height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; background:#0a1a22; color:#fff; }
.tracker-mini-head span { font-size:12px; font-weight:900; letter-spacing:.06em; }
.tracker-mini-head b { border-radius:999px; background:rgba(81,215,163,.12); color:#67d8a9; padding:6px 9px; font-size:8px; }
.tracker-mini-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px; }
.tracker-mini-kpis div { padding:14px; border:1px solid #dbe5e4; border-radius:11px; background:#fff; }
.tracker-mini-kpis small { display:block; color:#75878d; font-size:8px; }
.tracker-mini-kpis strong { display:block; margin-top:9px; font-size:23px; }
.tracker-mini-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:8px; padding:0 14px 14px; }
.tracker-mini-chart,.tracker-mini-list { min-height:180px; border:1px solid #dbe5e4; border-radius:11px; background:#fff; padding:14px; }
.tracker-mini-chart span,.tracker-mini-list span { color:#76888d; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.tracker-mini-chart { display:flex; align-items:end; gap:9px; }
.tracker-mini-chart span { position:absolute; align-self:start; }
.tracker-mini-chart i { flex:1; border-radius:5px 5px 0 0; background:linear-gradient(#1a9c8e,#0d6f67); opacity:.85; }
.tracker-mini-chart i:nth-of-type(1){height:26%}.tracker-mini-chart i:nth-of-type(2){height:45%}.tracker-mini-chart i:nth-of-type(3){height:38%}.tracker-mini-chart i:nth-of-type(4){height:67%}.tracker-mini-chart i:nth-of-type(5){height:82%}
.tracker-mini-list { display:grid; align-content:start; gap:10px; }
.tracker-mini-list b { padding:9px; border-radius:8px; background:#edf5f3; color:#255b57; font-size:9px; }
@media (max-width:850px){.tracker-promo-grid{grid-template-columns:1fr}.tracker-promo-dashboard{transform:none}}
.order-workflow { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; }
.order-workflow div { min-height:145px; display:flex; flex-direction:column; padding:17px; border:1px solid var(--line); border-radius:12px; background:#0a1720; }
.order-workflow b { width:31px; height:31px; display:grid; place-items:center; border-radius:8px; background:rgba(22,132,243,.12); color:#75bbff; }
.order-workflow strong { margin-top:18px; font-size:11px; }
.order-workflow span { margin-top:6px; color:#6c828d; font-size:9px; line-height:1.5; }
.order-total-line > div { text-align:right; }
.order-total-line small { display:block; color:#617985; font-size:8px; }
@media (max-width:900px){.order-workflow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.order-workflow{grid-template-columns:1fr 1fr}}


/* V4 worldwide bulk additions */
.worldwide-front{background:linear-gradient(180deg,#f7fbff 0%,#eef6fb 100%)}
.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.region-card{background:#fff;border:1px solid rgba(12,52,91,.14);border-radius:20px;padding:22px;box-shadow:0 12px 32px rgba(7,29,48,.06)}
.region-card>span{display:inline-grid;place-items:center;min-width:44px;height:34px;border-radius:999px;background:#e9f6fb;color:#08748b;font-weight:900;letter-spacing:.08em}
.region-card h2,.region-card h3{margin:16px 0 8px;color:#092b50}.region-card p{margin:0;color:#526579;line-height:1.65}
.bulk-promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}
.bulk-promise-grid article{padding:18px;border:1px solid rgba(76,189,207,.24);background:rgba(255,255,255,.06);border-radius:16px}
.bulk-promise-grid strong,.bulk-promise-grid span{display:block}.bulk-promise-grid strong{color:#fff;margin-bottom:7px}.worldwide-front .bulk-promise-grid strong{color:#092b50}.bulk-promise-grid span{color:#aebfcb;line-height:1.55}.worldwide-front .bulk-promise-grid span{color:#526579}
.bulk-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bulk-steps .policy-step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.bulk-steps .policy-step strong{color:#fff}.bulk-steps .policy-step span{color:#b9c8d2}
.solvent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.solvent-card{background:#fff;border:1px solid #dbe8f0;border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(7,29,48,.06)}.solvent-card>span{font-weight:900;color:#0e7590}.solvent-card h2{font-size:1.15rem;margin:12px 0 8px;color:#092b50}.solvent-card p{margin:0;color:#53687b;line-height:1.65}.solvent-specialist{background:#fffaf1;border-color:#f0d9ab}
.catalogue-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalogue-pipeline article{background:#fff;border:1px solid #dce9f0;border-radius:20px;padding:22px}.catalogue-pipeline span,.catalogue-pipeline strong{display:block}.catalogue-pipeline span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#0a7f94;font-weight:900}.catalogue-pipeline strong{font-size:1.15rem;color:#092b50;margin:10px 0}.catalogue-pipeline p{color:#526579;line-height:1.6;margin:0}
.concentration-only-shell{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.calc-results-two{grid-template-columns:repeat(2,minmax(0,1fr))}.concentration-table-panel{background:#f7fbfd;border:1px solid #dce9f0;border-radius:20px;padding:20px}.concentration-table-panel h3{margin-top:0;color:#092b50}.concentration-table-panel p{color:#607386}.concentration-table-wrap{overflow:auto}.concentration-table-wrap tr.is-current td{background:#e8f6f2;color:#145f46;font-weight:800}
.inline-pending{display:inline-block;padding:2px 7px;border-radius:999px;background:#fff3d6;color:#875c00;font-size:.7rem;font-weight:800}
@media(max-width:1050px){.region-grid,.bulk-promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solvent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concentration-only-shell{grid-template-columns:1fr}}
@media(max-width:720px){.region-grid,.bulk-promise-grid,.bulk-steps,.solvent-grid,.catalogue-pipeline{grid-template-columns:1fr}.region-card,.solvent-card{padding:18px}.calc-results-two{grid-template-columns:1fr}}


/* V6 global screening + A$5 education integration */
.primary-nav{gap:15px}.primary-nav>a,.nav-menu>button{font-size:10px}.nav-paid{padding:7px 9px;border:1px solid rgba(77,190,255,.28);border-radius:8px;background:rgba(22,132,243,.08);color:#badeff!important}
.global-reg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sport-search{display:block;max-width:680px;margin-bottom:12px}.sport-search input{width:100%;height:46px;border:1px solid var(--line);border-radius:9px;background:#07121a;color:#dce8ed;padding:0 14px 0 42px}.sport-summary{display:flex;justify-content:space-between;gap:16px;margin:0 0 12px;color:#6f8792;font-size:10px}.sport-summary strong{color:#fff;font-size:15px}.sport-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#08151d}.sport-table{width:100%;min-width:920px;border-collapse:collapse}.sport-table th,.sport-table td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.sport-table th{position:sticky;top:0;background:#0a1922;color:#78909b;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.sport-table td{color:#8ea3ad;font-size:10px;line-height:1.55}.sport-table td:first-child{min-width:220px}.sport-table td:last-child{min-width:330px}.sport-table td a{display:grid;gap:3px}.sport-table td a strong{color:#e9f4f8;font-size:11px}.sport-table td a span{color:#60808f;font-size:9px}.status-stop{color:#ff8585;border-color:rgba(255,94,94,.28);background:rgba(255,70,70,.06)}.status-caution{color:#f2bd67;border-color:rgba(242,189,103,.28);background:rgba(242,189,103,.06)}.status-review{color:#7fc5ff;border-color:rgba(83,165,235,.28);background:rgba(83,165,235,.06)}
.allergy-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px;align-items:start}.allergy-panel,.allergy-results{padding:24px;border:1px solid var(--line);border-radius:15px;background:#091720}.allergy-results{position:sticky;top:92px;min-height:450px}.allergy-results h2{margin:0 0 12px;font-size:27px}.allergy-results h3{margin:22px 0 8px;font-size:13px}.allergy-results p,.allergy-results li{color:#8299a4;font-size:10px;line-height:1.68}.allergy-results ul{padding-left:18px}.checker-form{display:grid;gap:20px}.form-field{display:grid;gap:9px}.form-field>span{color:#c4d3d9;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#06131b;color:#dbe8ed;padding:12px;font-size:11px;outline:none}.form-field select{height:46px}.form-field select:focus,.form-field textarea:focus{border-color:rgba(63,161,255,.5);box-shadow:0 0 0 3px rgba(22,132,243,.08)}.check-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-chip{position:relative;cursor:pointer}.check-chip input{position:absolute;opacity:0;pointer-events:none}.check-chip span{min-height:43px;display:flex;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018);color:#849aa5;font-size:9px;line-height:1.35}.check-chip input:checked+span{border-color:rgba(74,174,255,.45);background:rgba(22,132,243,.11);color:#d9efff}.check-chip input:focus-visible+span{outline:3px solid rgba(83,173,255,.35);outline-offset:2px}.check-row{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);color:#91a5ae;font-size:10px;line-height:1.5}.check-row input{margin-top:2px}.allergy-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.allergy-info-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:#0a1720}.allergy-info-grid article>span{color:#5bbddf;font-size:10px;font-weight:900}.allergy-info-grid h3{margin:25px 0 9px;font-size:17px}.allergy-info-grid p{margin:0;color:#778e98;font-size:10px;line-height:1.65}.allergen-cloud{display:flex;flex-wrap:wrap;gap:8px}.allergen-cloud span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#091720;color:#91a8b2;font-size:9px}.result-status{display:inline-flex;margin-bottom:14px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.result-hold{background:rgba(255,95,90,.09);color:#ff9793;border:1px solid rgba(255,95,90,.24)}.screening-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.screening-summary div{padding:10px;border:1px solid var(--line);border-radius:8px}.screening-summary dt{color:#617a86;font-size:8px;text-transform:uppercase}.screening-summary dd{margin:5px 0 0;color:#d8e5ea;font-size:10px}.screening-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.screening-link-card{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#08151e}.screening-link-card:hover{border-color:rgba(64,164,255,.4);transform:translateY(-1px)}.screening-link-card>span{color:#64b9ff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.screening-link-card strong{color:#eef8fb;font-size:16px}.screening-link-card small{color:#758b95;font-size:9px;line-height:1.55}
.research-access-promo{background:radial-gradient(circle at 82% 18%,rgba(45,150,255,.18),transparent 32%),linear-gradient(135deg,#06121b,#0a1b26);border-block:1px solid var(--line)}.research-access-promo-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:45px;align-items:center}.research-access-promo p:not(.eyebrow){max-width:760px;color:#91a7b1;font-size:13px;line-height:1.75}.research-access-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.research-access-badges span{padding:7px 10px;border:1px solid rgba(90,177,255,.22);border-radius:999px;background:rgba(22,132,243,.07);color:#a8d4ff;font-size:9px;font-weight:800}.research-access-promo-action{display:grid;gap:9px;padding:24px;border:1px solid rgba(90,177,255,.23);border-radius:15px;background:rgba(4,12,18,.64);text-align:center}.research-access-promo-action>strong{font-size:48px;line-height:1;color:#fff}.research-access-promo-action>span{color:#6f8792;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.research-access-promo-action small{color:#607784;font-size:8px;line-height:1.5}.research-paid-card{border-color:rgba(86,174,255,.28);background:linear-gradient(145deg,rgba(22,132,243,.10),#0a1720)}
@media(max-width:1100px){.header-inner{grid-template-columns:180px 1fr auto;gap:14px}.primary-nav{gap:10px}.primary-nav>a,.nav-menu>button{font-size:9px}}
@media(max-width:1000px){.header-inner{grid-template-columns:1fr auto auto;min-height:66px}.nav-toggle{display:grid;grid-column:2}.header-actions{grid-column:3}.primary-nav{position:fixed;top:101px;left:14px;right:14px;display:grid;visibility:hidden;opacity:0;transform:translateY(-8px);padding:11px;border:1px solid var(--line-strong);border-radius:13px;background:#07131b;box-shadow:var(--shadow);transition:.18s ease}.primary-nav.is-open{visibility:visible;opacity:1;transform:none}.primary-nav>a,.nav-menu>button{width:100%;padding:11px;border-radius:7px;text-align:left;font-size:11px}.nav-menu-panel{position:static;width:auto;display:none;visibility:visible;opacity:1;transform:none;margin:3px 0 7px 15px;border:0;box-shadow:none;background:transparent}.nav-menu.is-open .nav-menu-panel{display:grid;transform:none}.nav-paid{border:0;background:rgba(22,132,243,.08)}}
@media(max-width:860px){.global-reg-grid,.allergy-layout,.research-access-promo-grid{grid-template-columns:1fr}.allergy-results{position:static}.allergy-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-access-promo-action{max-width:420px}.screening-link-grid{grid-template-columns:1fr}}
@media(max-width:560px){.check-chip-grid,.allergy-info-grid,.screening-summary{grid-template-columns:1fr}.sport-summary{align-items:flex-start;flex-direction:column}.allergy-panel,.allergy-results{padding:18px}.research-access-promo-action{max-width:none}.resource-grid{grid-template-columns:1fr}}
@media print{.research-banner,.site-header,.site-footer,.page-hero,.allergy-panel,.page-actions{display:none!important}.allergy-layout{display:block}.allergy-results{position:static;border:0;background:#fff;color:#111}.allergy-results h2,.allergy-results h3,.allergy-results dd{color:#111}.allergy-results p,.allergy-results li{color:#333;font-size:11pt}.section{padding:0}}

/* Unified storefront: extends the uploaded store's existing dark theme. */
:root{--display:Inter,ui-sans-serif,system-ui,sans-serif;--muted:#8ca2ae}
[hidden]{display:none!important}.research-banner-inner{font-size:12px;min-height:37px;gap:22px}.research-banner-inner strong{letter-spacing:.05em}.header-inner{grid-template-columns:170px 1fr auto;gap:22px}.brand{width:164px}.primary-nav{gap:21px}.primary-nav>a,.nav-menu>button{font-size:14px}.nav-menu-panel strong{font-size:14px}.nav-menu-panel span{font-size:12px}.currency-select select,.order-chip{font-size:14px}.order-chip{min-height:44px}.home-hero{overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#11344b55,transparent 50%),#061018}.home-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;min-height:610px;gap:30px}.home-hero-copy{padding:60px 0;position:relative;z-index:2}.home-hero .eyebrow{font-size:12px;letter-spacing:.12em;color:#78c7fa}.home-hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.11;letter-spacing:-.055em;font-weight:650;margin:24px 0}.home-hero h1 em{display:inline-block;font-family:Georgia,serif;letter-spacing:-.035em;font-weight:400;color:#8dd5fb}.home-hero-lede{font-size:18px;line-height:1.75;color:#b0c4d1;max-width:560px}.home-hero-note{color:#8ea7b6;font-size:13px;margin:26px 0 0}.home-hero .hero-actions{margin-top:28px;gap:12px}.button{min-height:46px;font-size:14px}.motion-visual{position:relative;height:560px;perspective:1000px;isolation:isolate}.motion-halo{position:absolute;inset:13% -7% 15%;background:radial-gradient(ellipse,#358ee24f,transparent 70%);filter:blur(20px);transform:translate(var(--lx,0px),var(--ly,0px));transition:transform .7s ease-out;z-index:-1}.motion-scene{position:absolute;inset:1% -9% 7% -12%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s ease-out}.motion-vial{position:absolute;transform-origin:center 65%;will-change:transform}.motion-vial img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 20px #0007);pointer-events:none;user-select:none}.motion-front{left:23%;top:1%;width:58%;height:94%;z-index:3;animation:nexa-float-front 7s ease-in-out infinite}.motion-left{left:-1%;top:14%;width:45%;height:72%;z-index:1;animation:nexa-float-left 8s ease-in-out infinite}.motion-right{right:-2%;top:7%;width:45%;height:72%;z-index:2;animation:nexa-float-right 8.8s ease-in-out infinite}.motion-bottom{position:absolute;left:2%;right:0;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.motion-bottom>span{font-size:12px;letter-spacing:.1em;color:#a4bfd2;line-height:1.8}.motion-bottom small{font-size:12px;letter-spacing:0;color:#7e99ac}.motion-toggle{border:1px solid #6da8d14d;border-radius:30px;background:#10283c;color:#d6eafa;font-size:12px;padding:10px 16px;min-height:42px}.motion-paused .motion-vial{animation-play-state:paused}.motion-toggle:focus-visible{outline:3px solid #86ccff;outline-offset:4px}
@keyframes nexa-float-front{0%,100%{transform:translateY(6px) rotate(-6deg)}50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes nexa-float-left{0%,100%{transform:translateY(-8px) rotate(-24deg)}50%{transform:translateY(13px) rotate(-18deg)}}@keyframes nexa-float-right{0%,100%{transform:translateY(11px) rotate(20deg)}50%{transform:translateY(-12px) rotate(14deg)}}
.home-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.home-strip>div{display:flex;gap:18px;align-items:center;justify-content:center;padding:4px 15px}.home-strip>div+div{border-left:1px solid var(--line)}.home-strip span{font-size:12px;color:#6196b8}.home-strip strong{font-size:14px;font-weight:500}.section{padding-block:64px}.section-heading p{font-size:16px;line-height:1.75}.section-title{font-size:clamp(30px,3.1vw,44px);line-height:1.2;letter-spacing:-.04em}.product-card{display:flex;flex-direction:column}.product-card-image{height:215px;background:radial-gradient(ellipse at 50% 65%,#17466070,transparent 72%),#0b1a24;overflow:hidden}.product-card-image img{height:108%;width:100%;object-fit:contain;transform:rotate(-5deg);transition:transform .5s ease}.product-card-image:hover img{transform:translateY(-6px) rotate(2deg)}.product-card-body{flex:1;display:flex;flex-direction:column;gap:10px}.product-card-body h3{font-size:16px;line-height:1.45}.product-card-meta{font-size:14px}.product-card-purchase{margin-top:auto;padding-top:12px}.product-card-price span,.product-code{font-size:12px}.category-chip,.toolbar-select,.catalog-count{font-size:14px}.search-field input{font-size:16px}.product-visual-panel{background:radial-gradient(ellipse,#235c7b55,transparent 68%),#0b1a24}.product-visual-panel>img{width:100%;max-height:500px;object-fit:contain}.product-visual-code{font-size:12px}.drawer-item-image,.order-item-image,.related-card>img{background:#102332!important}.drawer-item-image img,.order-item-image{object-fit:contain}.related-card>img{object-fit:contain}.home-story{background:#0a1923;border-block:1px solid var(--line)}.home-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.home-story p{font-size:16px;line-height:1.8;color:#a5bdcc}.home-story .button{margin-top:18px}.home-story-steps article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.home-story-steps article:last-child{border:0}.home-story-steps article>span{color:#6cb8eb;font-size:13px;padding-top:6px}.home-story-steps h3{margin:0;font-size:20px;font-weight:550}.home-story-steps p{margin:10px 0 0}.home-resources .resource-grid{grid-template-columns:repeat(4,1fr)}.home-resources .resource-card h3{font-size:20px}.home-resources .resource-card p,.home-resources .resource-card a{font-size:14px}.home-secondary-links{display:flex;flex-wrap:wrap;gap:18px 28px;border-top:1px solid var(--line);padding-top:26px;margin-top:30px;font-size:14px;color:#93b8d2}.catalog-more-wrap{text-align:center;margin-top:32px}.catalog-more-wrap p{font-size:14px;color:#9cb4c3}.content-card p,.info-panel p,.profile-block p,.info-list li{font-size:16px;line-height:1.75}.content-tabs a{font-size:13px}.ingredient-table-wrap{overflow-x:auto}.ingredient-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}.ingredient-table th,.ingredient-table td{padding:18px 20px;border-bottom:1px solid var(--line)}.ingredient-table thead th{color:#93b7ce;font-size:14px;font-weight:500;background:#102330}.ingredient-table tbody th{font-weight:500}.ingredient-table td:last-child{white-space:nowrap;color:#91d0fa}.ingredient-formulation{margin-top:24px;padding:22px;background:#10222d;border-radius:10px}.ingredient-formulation h3{margin:0;font-size:18px}.ingredient-formulation p:last-child{margin-bottom:0}.ingredient-reference{padding:23px 0;border-bottom:1px solid var(--line)}.ingredient-reference summary{font-size:16px;font-weight:600;cursor:pointer}.ingredient-reference a{font-size:14px;color:#8bcaff;text-decoration:underline}.ingredient-sequence{font-family:monospace;color:#8bcaff;overflow-wrap:anywhere;line-height:2!important}.ingredient-reference>p{color:#b0c5d2}.lab-inputs{--ink:#162b45;--muted:#5d738c;color:var(--ink)}.lab-panel-top h3,.lab-field label,.capacity-field legend,.cost-settings summary{color:#162b45}.lab-section{padding-top:24px!important}.lab-helper,.lab-field p{font-size:14px!important}.lab-section .section-heading h2{color:#edf6ff}.lab-results .calculation-actions button{color:#dcebff}.lab-assumptions p{font-size:14px!important;color:#92aebf!important}.lab-assumptions a{color:#83c3f8}.calculator-existing{padding-bottom:64px}.calculator-existing p{font-size:16px;color:#a2bbca}.catalogue-calc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.catalogue-calc-actions a,.catalogue-calc-actions button{font-size:14px;background:transparent;color:#1e58ac;border:0;text-decoration:underline;padding:0;text-align:left}.lab-section .calculation-explainer{background:#112849;color:#e7f2ff}.lab-section .math-steps code{color:#b9d8fa}.lab-section .math-steps h4{color:#b9d8fa}.lab-section .math-steps p{color:#bfd1e2}.site-footer p{font-size:14px}.footer-column a{font-size:14px}.footer-column strong{font-size:14px}.footer-bottom{font-size:12px}
@media(max-width:1100px){.header-inner{grid-template-columns:160px 1fr auto;gap:14px}.primary-nav{gap:13px}.primary-nav>a,.nav-menu>button{font-size:13px}.home-hero-grid{min-height:550px;gap:15px}.motion-visual{height:500px}.home-story-grid{gap:40px}.home-resources .resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.home-hero-grid{grid-template-columns:1fr;gap:0}.home-hero-copy{padding:44px 0 12px}.home-hero h1{font-size:clamp(42px,8vw,60px)}.home-hero-lede{font-size:16px;max-width:600px}.motion-visual{height:470px;max-width:600px;width:100%;margin:0 auto}.motion-scene{inset:0 0 7% -6%}.home-strip{grid-template-columns:1fr;padding:8px 0}.home-strip>div{justify-content:flex-start;padding:13px 5px}.home-strip>div+div{border-left:0;border-top:1px solid var(--line)}.home-story-grid{grid-template-columns:1fr;gap:20px}.home-hero .eyebrow{letter-spacing:.07em}.home-hero-note{font-size:12px}.section{padding-block:45px}.product-card-image{height:200px}.home-resources .resource-grid{grid-template-columns:1fr 1fr}.ingredient-table th,.ingredient-table td{padding:15px 12px}.ingredient-formulation{padding:18px}.research-banner-inner{padding:7px 0;flex-direction:column;gap:2px}.research-banner-inner span{font-size:12px}}
@media(max-width:480px){.motion-visual{height:390px}.motion-bottom{bottom:9px}.home-hero .hero-actions{flex-direction:column;align-items:stretch}.home-hero .hero-actions a{justify-content:center}.home-hero h1{font-size:42px}.home-resources .resource-grid{grid-template-columns:1fr}.product-card-image{height:175px}.header-inner{grid-template-columns:1fr auto auto}.brand{width:137px}.header-actions{gap:5px}.order-chip{font-size:12px;padding:0 8px}.currency-select select{font-size:12px;min-width:55px}.home-hero .eyebrow{font-size:12px}.motion-bottom>span{font-size:12px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.motion-vial{animation:none!important}.motion-front{transform:rotate(-4deg)}.motion-left{transform:rotate(-21deg)}.motion-right{transform:rotate(17deg)}.motion-scene,.motion-halo{transform:none!important;transition:none!important}.product-card-image img{transition:none!important}.product-card-image:hover img{transform:rotate(-5deg)}}

/* Completed enquiry and support journeys */
.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}
.contact-layout .content-card{margin:0;min-width:0}
.contact-email{font-size:clamp(15px,2.1vw,23px);color:#8bc8ff;overflow-wrap:anywhere}
.form-help{font-size:13px!important;line-height:1.7;color:#9ab0bc!important;margin:16px 0 0}
.form-help a,.form-check a,.form-status a{color:#8bc8ff;text-decoration:underline}
.form-status{font-size:14px;line-height:1.7;color:#a4d7ff;margin:16px 0 0}
.form-status:empty{display:none}
[data-enquiry-summary]{box-sizing:border-box;width:100%;padding:14px;background:#09151e;color:#dceaf1;border:1px solid #355366;border-radius:12px;font:13px/1.7 ui-monospace,monospace;resize:vertical}
[data-enquiry-fallback]{margin-top:20px}
[data-enquiry-fallback] p{font-size:13px;overflow-wrap:anywhere}
[data-enquiry-form] input,[data-enquiry-form] select,[data-enquiry-form] textarea{font-size:16px;min-width:0}
[data-enquiry-form] button:disabled{opacity:.65;cursor:wait}
.store-faq{margin-top:32px}
.store-faq details{border-top:1px solid #253a46;padding:18px 0}
.store-faq summary{font-size:16px;font-weight:650;line-height:1.5;cursor:pointer;color:#e2edf4}
.store-faq details p{max-width:80ch;line-height:1.8}
.order-card,.order-layout>*{min-width:0}
.order-table-wrap{overflow-x:auto}
.order-card .table-stepper button{min-width:36px;min-height:40px}
.cart-drawer[inert]{visibility:hidden}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8bc8ff;outline-offset:5px}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-layout .content-card{padding:24px}.order-card .form-grid{grid-template-columns:1fr}.order-actions .button{min-height:48px}.store-faq summary{font-size:15px}}
@media print{.site-header,.research-banner,.site-footer,.cart-drawer,.drawer-scrim,.toast-region,.order-actions,.page-actions,[data-enquiry-help],#age-gate{display:none!important}.order-layout{display:block}.order-card{break-inside:avoid;margin-bottom:20px}body,main,.order-card{background:white!important;color:black!important}.form-grid input,.form-grid textarea{color:black!important}.order-table-wrap{overflow:visible}.order-card .table-stepper button,.remove-link{display:none!important}}