/* =============================================================================











   seqlabpeptide — Signal Lab UI











   Ink + electric teal. Homepage + Verification first.











   ============================================================================= */























@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Inter:wght@400;500;600;700;800&display=swap");























:root {











  --sq-ink: #050d14;











  --sq-ink-2: #0b1824;











  --sq-panel: #101e2b;











  --sq-paper: #eef3f6;











  --sq-white: #ffffff;











  --sq-line: rgba(8, 28, 42, 0.1);











  --sq-muted: #5b6f80;











  --sq-text: #142433;











  --sq-signal: #1ee0c8;











  --sq-signal-dim: #12b8a4;











  --sq-signal-soft: rgba(30, 224, 200, 0.14);











  --sq-glow: 0 0 0 1px rgba(30, 224, 200, 0.28), 0 18px 40px rgba(5, 13, 20, 0.18);











  --sq-radius: 6px;











  --sq-ease: cubic-bezier(0.22, 1, 0.36, 1);











}























/* ---------- Global header / chrome (home + verification) ---------- */











body.home,











body.page-id-631,











body.page-template-default {











  font-family: "DM Sans", system-ui, sans-serif !important;











  background: var(--sq-paper) !important;











  color: var(--sq-text);











}























header#header,











#header,











.ct-header,











[data-header],











#main-container > header,











.site-header,











header.ct-header {











  background: var(--sq-ink) !important;











  border-bottom: 1px solid rgba(30, 224, 200, 0.12) !important;











  box-shadow: none !important;











}























/* Blocksy sticky header surfaces */











#header [data-row],











#header [data-row*="middle"],











header [data-row] {











  background: var(--sq-ink) !important;











  --theme-palette-color-1: var(--sq-signal);











}























#header a,











header.ct-header a,











.ct-header a,











#header .ct-menu > li > a,











header .menu > li > a {











  color: rgba(236, 248, 252, 0.88) !important;











  font-family: "DM Sans", system-ui, sans-serif !important;











  font-size: 12px !important;











  font-weight: 600 !important;











  letter-spacing: 0.08em !important;











  text-transform: uppercase !important;











}























#header a:hover,











header.ct-header a:hover,











.ct-header a:hover {











  color: var(--sq-signal) !important;











}























#header .site-branding,











header .site-branding,











#header .site-logo-container,











.site-logo-container {











  background: transparent !important;











  box-shadow: none !important;











  border: 0 !important;











}











#header .site-branding img,











header .site-branding img,











.site-logo-container img,











#header img.default-logo {











  background: transparent !important;











  max-height: 46px !important;











  width: auto !important;











  filter: none !important;











}























/* ---------- Homepage Signal Lab ---------- */











.slp-modern-home {











  --slp-blue: var(--sq-signal) !important;











  --slp-line: var(--sq-line) !important;











  background: var(--sq-paper) !important;











  color: var(--sq-text) !important;











}























.slp-modern-home,











.slp-modern-home * {











  font-family: "DM Sans", system-ui, sans-serif;











}























.slp-modern-home h1,











.slp-modern-home h2,











.slp-modern-home h3,











.slp-modern-home .slp-head {











  font-family: "Inter", system-ui, sans-serif !important;











  letter-spacing: -0.03em !important;











}























.slp-modern-home .slp-shell {











  width: min(1180px, calc(100vw - 2.5rem)) !important;











}























/* Hero: full-bleed ink plane */











.slp-modern-home .slp-hero {











  position: relative !important;











  isolation: isolate !important;











  min-height: clamp(560px, 78vh, 720px) !important;











  display: flex !important;











  align-items: flex-end !important;











  border: 0 none !important;











  background:











    linear-gradient(105deg,











      rgba(5, 13, 20, 0.96) 0%,











      rgba(5, 13, 20, 0.88) 42%,











      rgba(5, 13, 20, 0.55) 68%,











      rgba(5, 13, 20, 0.28) 100%),











    radial-gradient(ellipse at 75% 30%, rgba(30, 224, 200, 0.22), transparent 45%),











    url(hero-complete-coa-banner.png) 78% center / cover no-repeat !important;











  overflow: hidden !important;











}























.slp-modern-home .slp-hero::before {











  content: "";











  position: absolute;











  inset: 0;











  z-index: 0;











  pointer-events: none;











  background-image:











    linear-gradient(rgba(30, 224, 200, 0.07) 1px, transparent 1px),











    linear-gradient(90deg, rgba(30, 224, 200, 0.07) 1px, transparent 1px);











  background-size: 56px 56px;











  mask-image: radial-gradient(ellipse at 25% 60%, black 15%, transparent 70%);











}























.slp-modern-home .slp-hero-copy {











  position: relative;











  z-index: 1;











  width: min(720px, 92vw) !important;











  padding: 96px 0 88px !important;











  margin-left: max(1.25rem, calc((100vw - min(1180px, calc(100vw - 2.5rem))) / 2)) !important;











}























.slp-modern-home .slp-kicker {











  display: inline-flex !important;











  align-items: center;











  gap: 0.55rem;











  margin: 0 0 1rem !important;











  padding: 0 !important;











  background: none !important;











  border: 0 !important;











  color: var(--sq-signal) !important;











  font-family: Inter, system-ui, sans-serif !important;











  font-size: 0.78rem !important;











  font-weight: 500 !important;











  letter-spacing: 0.16em !important;











  text-transform: uppercase !important;











}























.slp-modern-home .slp-kicker::before {











  content: "";











  width: 8px;











  height: 8px;











  border-radius: 50%;











  background: var(--sq-signal);











  box-shadow: 0 0 0 5px rgba(30, 224, 200, 0.18);











  animation: sq-pulse 2.4s ease-in-out infinite;











}























.slp-modern-home .slp-hero h1 {











  margin: 0 0 1.1rem !important;











  max-width: 11ch;











  font-size: clamp(2.6rem, 6vw, 4.4rem) !important;











  line-height: 1.02 !important;











  letter-spacing: -0.045em !important;











  color: #f4fbfc !important;











  text-shadow: none !important;











}























.slp-modern-home .slp-hero h1 span {











  color: var(--sq-signal) !important;











}























.slp-modern-home .slp-hero p {











  margin: 0 0 1.75rem !important;











  max-width: 34rem !important;











  color: rgba(210, 228, 236, 0.9) !important;











  font-size: clamp(1.05rem, 1.6vw, 1.22rem) !important;











  line-height: 1.55 !important;











  font-weight: 500 !important;











}























.slp-modern-home .slp-cta {











  gap: 0.75rem !important;











}























.slp-modern-home .slp-btn {











  min-height: 52px !important;











  padding: 0 1.4rem !important;











  border-radius: var(--sq-radius) !important;











  font-family: "Inter", system-ui, sans-serif !important;











  font-size: 0.95rem !important;











  font-weight: 700 !important;











  letter-spacing: 0.01em !important;











  box-shadow: none !important;











}























.slp-modern-home .slp-btn-primary {











  background: var(--sq-signal) !important;











  border-color: var(--sq-signal) !important;











  color: var(--sq-ink) !important;











}























.slp-modern-home .slp-btn-primary:hover {











  background: #5af0dc !important;











  transform: translateY(-2px);











  box-shadow: 0 14px 28px rgba(30, 224, 200, 0.25) !important;











}























.slp-modern-home .slp-btn-secondary {











  background: transparent !important;











  border: 1px solid rgba(244, 251, 252, 0.35) !important;











  color: #f4fbfc !important;











}























.slp-modern-home .slp-btn-secondary:hover {











  border-color: var(--sq-signal) !important;











  color: var(--sq-signal) !important;











  box-shadow: none !important;











}























/* Trust strip — continuous signal bar, not boxed cards */











.slp-modern-home .slp-trust {











  margin: 0 !important;











  padding: 0 !important;











  background: var(--sq-ink-2) !important;











  border-top: 1px solid rgba(30, 224, 200, 0.16);











  border-bottom: 1px solid rgba(30, 224, 200, 0.08);











}























.slp-modern-home .slp-trust-grid,











.slp-modern-home .slp-shell.slp-trust-grid {











  display: grid !important;











  grid-template-columns: repeat(4, 1fr) !important;











  gap: 0 !important;











  width: min(1180px, calc(100vw - 2.5rem)) !important;











  margin: 0 auto !important;











  padding: 0 !important;











  border: 0 !important;











  background: transparent !important;











}























.slp-modern-home .slp-trust-item {











  display: flex !important;











  flex-direction: column !important;











  align-items: flex-start !important;











  justify-content: center !important;











  gap: 0.35rem !important;











  padding: 1.35rem 1.25rem !important;











  border: 0 none !important;











  border-right: 1px solid rgba(30, 224, 200, 0.12) !important;











  background: transparent !important;











  box-shadow: none !important;











  border-radius: 0 !important;











}























.slp-modern-home .slp-trust-item:last-child {











  border-right: 0 none !important;











}























.slp-modern-home .slp-trust-item .slp-icon,











.slp-modern-home .slp-trust-item svg,











.slp-modern-home .slp-trust-item img {











  width: 18px !important;











  height: 18px !important;











  color: var(--sq-signal) !important;











  fill: var(--sq-signal) !important;











  background: none !important;











  border: 0 !important;











  box-shadow: none !important;











}























.slp-modern-home .slp-trust-item strong,











.slp-modern-home .slp-trust-item b,











.slp-modern-home .slp-trust-item h3,











.slp-modern-home .slp-trust-item .title {











  color: #f4fbfc !important;











  font-family: Inter, system-ui, sans-serif !important;











  font-size: 0.82rem !important;











  font-weight: 600 !important;











  letter-spacing: 0.04em !important;











}























.slp-modern-home .slp-trust-item span,











.slp-modern-home .slp-trust-item p,











.slp-modern-home .slp-trust-item small {











  color: rgba(180, 205, 218, 0.82) !important;











  font-size: 0.78rem !important;











}























/* Sections */











.slp-modern-home .slp-section,











.slp-modern-home .slp-shell.slp-section {











  padding-top: clamp(3.25rem, 7vw, 5rem) !important;











  padding-bottom: clamp(3.25rem, 7vw, 5rem) !important;











}























.slp-modern-home .slp-head {











  margin-bottom: 1.75rem !important;











}























.slp-modern-home .slp-head h2 {











  margin: 0 0 0.65rem !important;











  font-size: clamp(1.7rem, 3.2vw, 2.35rem) !important;











  color: var(--sq-ink) !important;











}























.slp-modern-home .slp-head p {











  margin: 0 !important;











  max-width: 40rem;











  color: var(--sq-muted) !important;











  font-size: 1.05rem !important;











  line-height: 1.6 !important;











}























.slp-modern-home .slp-view,











.slp-modern-home a.slp-view {











  color: var(--sq-signal-dim) !important;











  font-family: Inter, system-ui, sans-serif !important;











  font-size: 0.78rem !important;











  letter-spacing: 0.06em !important;











  text-transform: uppercase !important;











  text-decoration: none !important;











}























/* Category / cards — open panels, not heavy product cards */











.slp-modern-home .slp-cat,











.slp-modern-home .slp-product,











.slp-modern-home .slp-b2b-card,











.slp-modern-home .slp-resource,











.slp-modern-home .slp-coa,











.slp-modern-home .slp-fulfill-card,











.slp-modern-home .slp-mfg-card,











.slp-modern-home .slp-cap {











  border: 1px solid var(--sq-line) !important;











  border-radius: 10px !important;











  box-shadow: none !important;











  background-color: var(--sq-white) !important;











  transition: transform 0.35s var(--sq-ease), border-color 0.35s var(--sq-ease), box-shadow 0.35s var(--sq-ease) !important;











}























.slp-modern-home .slp-cat:hover,











.slp-modern-home .slp-product:hover,











.slp-modern-home .slp-b2b-card:hover,











.slp-modern-home .slp-resource:hover,











.slp-modern-home .slp-coa:hover {











  transform: translateY(-4px);











  border-color: rgba(18, 184, 164, 0.45) !important;











  box-shadow: var(--sq-glow) !important;











}























.slp-modern-home .slp-tag {











  background: var(--sq-ink) !important;











  color: var(--sq-signal) !important;











  border-radius: 4px !important;











  font-family: Inter, system-ui, sans-serif !important;











  font-size: 0.68rem !important;











  letter-spacing: 0.08em !important;











  text-transform: uppercase !important;











}























.slp-modern-home .slp-price {











  color: var(--sq-signal-dim) !important;











  font-family: "Inter", system-ui, sans-serif !important;











  font-weight: 700 !important;











}























.slp-modern-home .slp-panel.slp-dark,











.slp-modern-home .slp-dark {











  background:











    radial-gradient(ellipse at 80% 0%, rgba(30, 224, 200, 0.14), transparent 45%),











    linear-gradient(160deg, var(--sq-ink) 0%, var(--sq-ink-2) 100%) !important;











  color: #dbe7ee !important;











  border: 0 !important;











}























.slp-modern-home .slp-panel.slp-dark h2,











.slp-modern-home .slp-dark h2,











.slp-modern-home .slp-dark .slp-head h2 {











  color: #fff !important;











}























.slp-modern-home .slp-quote-card,











.slp-modern-home .slp-wholesale-cta .slp-quote-card {











  border: 1px solid rgba(30, 224, 200, 0.18) !important;











  border-radius: 12px !important;











  background:











    linear-gradient(135deg, rgba(16, 30, 43, 0.96), rgba(11, 24, 36, 0.98)) !important;











  color: #e8f4f8 !important;











  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.28) !important;











}























.slp-modern-home .slp-field input,











.slp-modern-home .slp-field select,











.slp-modern-home .slp-field textarea {











  border-radius: var(--sq-radius) !important;











  border: 1px solid rgba(30, 224, 200, 0.22) !important;











  background: rgba(5, 13, 20, 0.55) !important;











  color: #f4fbfc !important;











}























.slp-modern-home .slp-field input:focus,











.slp-modern-home .slp-field select:focus,











.slp-modern-home .slp-field textarea:focus {











  outline: none !important;











  border-color: var(--sq-signal) !important;











  box-shadow: 0 0 0 3px rgba(30, 224, 200, 0.18) !important;











}























/* ---------- Verification page ---------- */











.coa-hero-section {











  height: auto !important;











  min-height: clamp(420px, 58vh, 560px) !important;











  padding: clamp(3.5rem, 8vw, 5.5rem) 1.25rem !important;











  background:











    radial-gradient(ellipse at 70% 20%, rgba(30, 224, 200, 0.2), transparent 48%),











    linear-gradient(155deg, #050d14 0%, #0b1824 55%, #102433 100%) !important;











  color: #f4fbfc !important;











  border-bottom: 1px solid rgba(30, 224, 200, 0.14) !important;











}























.coa-hero-section::before {











  opacity: 0.55 !important;











  background-image:











    linear-gradient(rgba(30, 224, 200, 0.08) 1px, transparent 1px),











    linear-gradient(90deg, rgba(30, 224, 200, 0.08) 1px, transparent 1px) !important;











  background-size: 52px 52px !important;











  mask-image: radial-gradient(ellipse at 50% 40%, black 20%, transparent 72%) !important;











}























.coa-hero-section h1 {











  font-family: "Inter", system-ui, sans-serif !important;











  font-size: clamp(2.1rem, 5vw, 3.4rem) !important;











  letter-spacing: -0.035em !important;











  line-height: 1.08 !important;











  color: #fff !important;











}























.coa-hero-section .hero-subtitle,











.coa-hero-section p.hero-subtitle {











  color: rgba(210, 228, 236, 0.9) !important;











  font-size: clamp(1.02rem, 2vw, 1.18rem) !important;











  max-width: 40rem;











  margin-left: auto;











  margin-right: auto;











}























.coa-hero-section .hero-subtitle strong,











.coa-hero-section .hero-subtitle a {











  color: var(--sq-signal) !important;











}























.trust-badges-container {











  display: flex !important;











  flex-wrap: wrap !important;











  justify-content: center !important;











  gap: 0.65rem !important;











  margin-top: 1.5rem !important;











}























.trust-badge {











  background: rgba(30, 224, 200, 0.08) !important;











  border: 1px solid rgba(30, 224, 200, 0.28) !important;











  border-radius: 999px !important;











  color: #e8f8f6 !important;











  font-family: Inter, system-ui, sans-serif !important;











  font-size: 0.75rem !important;











  letter-spacing: 0.04em !important;











  backdrop-filter: blur(8px);











}























.trust-badge svg {











  fill: var(--sq-signal) !important;











}























.mz-partner-highlight {











  margin-top: 1.75rem !important;











  background: rgba(255, 255, 255, 0.96) !important;











  border: 1px solid rgba(30, 224, 200, 0.35) !important;











  border-radius: 10px !important;











  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;











  color: var(--sq-ink) !important;











}























.mz-partner-highlight .mz-logo-text,











.mz-partner-highlight span.mz-logo-text {











  color: var(--sq-signal-dim) !important;











  font-family: "Inter", system-ui, sans-serif !important;











  font-weight: 800 !important;











  letter-spacing: -0.02em !important;











}























/* Verification content sections */











body.page-id-631 .entry-content > section,











body.page-id-631 main section:not(.coa-hero-section) {











  font-family: "DM Sans", system-ui, sans-serif;











}























body.page-id-631 h2,











#coaReport ~ * h2,











.verification-steps h2,











section .section-heading {











  font-family: "Inter", system-ui, sans-serif !important;











}























/* Floating Contact Us: NEVER filter the .qlwapp root — filter creates a containing











   block and breaks position:fixed (button vanishes off-viewport). */











.qlwapp,











.qlwapp__container {











  filter: none !important;











}











.qlwapp__button {











  filter: none;











}























@keyframes sq-pulse {











  0%, 100% { box-shadow: 0 0 0 5px rgba(30, 224, 200, 0.16); }











  50% { box-shadow: 0 0 0 9px rgba(30, 224, 200, 0.06); }











}























@media (max-width: 900px) {











  .slp-modern-home .slp-trust-grid,











  .slp-modern-home .slp-shell.slp-trust-grid {











    grid-template-columns: 1fr 1fr !important;











  }











  .slp-modern-home .slp-trust-item:nth-child(2) {











    border-right: 0 none !important;











  }











  .slp-modern-home .slp-hero {











    align-items: center !important;











    min-height: 0 !important;











    background:











      linear-gradient(180deg, rgba(5, 13, 20, 0.94), rgba(5, 13, 20, 0.9)),











      radial-gradient(ellipse at 80% 0%, rgba(30, 224, 200, 0.18), transparent 50%),











      url(hero-complete-coa-banner.png) center / cover no-repeat !important;











  }











  .slp-modern-home .slp-hero-copy {











    margin-left: 1.25rem !important;











    margin-right: 1.25rem !important;











    width: calc(100% - 2.5rem) !important;











    padding: 64px 0 56px !important;











  }











  .slp-modern-home .slp-hero h1 {











    max-width: none;











  }











}























@media (max-width: 640px) {











  .slp-modern-home .slp-trust-grid,











  .slp-modern-home .slp-shell.slp-trust-grid {











    grid-template-columns: 1fr !important;











  }











  .slp-modern-home .slp-trust-item {











    border-right: 0 none !important;











    border-bottom: 1px solid rgba(30, 224, 200, 0.12) !important;











  }











  .slp-modern-home .slp-trust-item:last-child {











    border-bottom: 0 none !important;











  }











}



































/* === Signal Lab harden pass — beat inline styles & Blocksy menu === */











html body.home #header .ct-menu-link,











html body.home #header-menu-1 .ct-menu-link,











html body.home #header .menu > li > a,











html body.page-id-631 #header .ct-menu-link,











html body.page-id-631 #header-menu-1 .ct-menu-link,











html body.page-id-631 #header .menu > li > a {











  color: rgba(236, 248, 252, 0.92) !important;











}











html body.home #header .ct-menu-link:hover,











html body.home #header-menu-1 .ct-menu-link:hover,











html body.page-id-631 #header .ct-menu-link:hover {











  color: #1ee0c8 !important;











}











html body.home #header [data-row="middle"],











html body.home #header .ct-sticky-container,











html body.home #header [data-sticky],











html body.page-id-631 #header [data-row="middle"],











html body.page-id-631 #header .ct-sticky-container,











html body.page-id-631 #header [data-sticky] {











  background: #050d14 !important;











  background-color: #050d14 !important;











}











html body.home #header .ct-header-icon,











html body.home #header button,











html body.home #header .ct-header-cart,











html body.home #header [data-id="search"],











html body.page-id-631 #header .ct-header-icon,











html body.page-id-631 #header button {











  color: rgba(236, 248, 252, 0.9) !important;











}











html body.home #header .ct-header-cart-total,











html body.home #header .ct-amount {











  color: #1ee0c8 !important;











}























/* Full ink wash hero — must win over inline white gradients */











html body.home .slp-modern-home .slp-hero,











html body.home .slp-modern-home section.slp-hero,











html body.home div.slp-modern-home .slp-hero {











  isolation: isolate !important;











  background-color: #050d14 !important;











  background-image:











    linear-gradient(105deg,











      rgba(5, 13, 20, 0.97) 0%,











      rgba(5, 13, 20, 0.92) 38%,











      rgba(5, 13, 20, 0.72) 58%,











      rgba(5, 13, 20, 0.42) 78%,











      rgba(5, 13, 20, 0.22) 100%),











    radial-gradient(ellipse at 78% 28%, rgba(30, 224, 200, 0.22), transparent 46%),











    url(/assets/hero-complete-coa-banner.png) !important;











  background-position: center, center, 82% center !important;











  background-size: auto, auto, cover !important;











  background-repeat: no-repeat !important;











}











html body.home .slp-modern-home .slp-hero h1 {











  color: #f4fbfc !important;











  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;











}











html body.home .slp-modern-home .slp-hero h1 span {











  color: #1ee0c8 !important;











}











html body.home .slp-modern-home .slp-hero p {











  color: rgba(214, 232, 240, 0.92) !important;











}











html body.home .slp-modern-home .slp-btn-secondary {











  background: rgba(5, 13, 20, 0.35) !important;











  border: 1px solid rgba(244, 251, 252, 0.45) !important;











  color: #f4fbfc !important;











  backdrop-filter: blur(6px);











}























@media (max-width: 720px) {











  html body.home .slp-modern-home .slp-hero,











  html body.home .slp-modern-home section.slp-hero {











    background-image:











      linear-gradient(180deg, rgba(5, 13, 20, 0.96), rgba(5, 13, 20, 0.92)),











      radial-gradient(ellipse at 80% 0%, rgba(30, 224, 200, 0.18), transparent 50%),











      url(/assets/hero-complete-coa-banner.png) !important;











    background-position: center, center, center !important;











    background-size: auto, auto, cover !important;











  }











}























/* === Bugfix + sitewide chrome (2026-10-31) === */











html body .qlwapp,











html body .qlwapp__container {











  filter: none !important;











  transform: none !important;











  perspective: none !important;











  will-change: auto !important;











}











html body .qlwapp__container.qlwapp__container--bottom-right {











  position: fixed !important;











  right: 22px !important;











  bottom: 68px !important;











  width: 164px !important;











  z-index: 10001 !important;











  display: block !important;











  pointer-events: none !important;











}











html body .qlwapp__container .qlwapp__button {











  pointer-events: auto !important;











  opacity: 1 !important;











  visibility: visible !important;











  display: inline-flex !important;











}











html body.slp-scrolled #header,











html body.slp-scrolled #header [data-row],











html body #header .ct-sticky-container,











html body #header [data-sticky] {











  background: #050d14 !important;











  background-color: #050d14 !important;











  backdrop-filter: none !important;











  -webkit-backdrop-filter: none !important;











  box-shadow: 0 10px 30px rgba(5, 13, 20, 0.35) !important;











}











/* Sitewide header text (all Signal pages, not only home/verification) */











html body.sq-signal #header .ct-menu-link,











html body.sq-signal #header-menu-1 .ct-menu-link,











html body.sq-signal #header .menu > li > a,











html body #header .ct-menu-link,











html body #header-menu-1 .ct-menu-link {











  color: rgba(236, 248, 252, 0.92) !important;











}











html body #header .ct-menu-link:hover,











html body #header-menu-1 .ct-menu-link:hover {











  color: #1ee0c8 !important;











}











html body #header .ct-header-icon,











html body #header button,











html body #header .ct-header-cart,











html body #header [data-id="search"] {











  color: rgba(236, 248, 252, 0.9) !important;











}











html body #header .ct-header-cart-total,











html body #header .ct-amount {











  color: #1ee0c8 !important;











}











/* Inner page hero / content mild tone */











body.sq-signal .hero-section,











body.sq-signal .ct-container > .hero-section,











body.sq-signal .entry-header,











body.sq-signal .page-title-container {











  background: #050d14 !important;











  color: #f4fbfc !important;











}











body.sq-signal .entry-header *,











body.sq-signal .page-title-container * {











  color: #f4fbfc !important;











}











body.sq-signal .entry-header a,











body.sq-signal .page-title-container a {











  color: #1ee0c8 !important;











}



































/* logo2-header-transparent brightness assist */











html body #header .site-logo-container img.default-logo,











html body #header img.default-logo {











  filter: brightness(1.08) contrast(1.06) saturate(1.08) !important;











}



































/* === PERSIST HARDEN 20261031210331 === */











html body.home .slp-modern-home .slp-hero,











html body.home section.slp-hero {











  background-color: #050d14 !important;











}



































/* === non-critical late override kill (20261031212105) === */











html body #header,











html body #header [data-row],











html body .ct-sticky-container {











  background: #050d14 !important;











  background-color: #050d14 !important;











}











html body.home .slp-modern-home .slp-hero,











html body.home .slp-modern-home section.slp-hero {











  background-color: #050d14 !important;











  background-image:











    linear-gradient(105deg, rgba(5,13,20,.97) 0%, rgba(5,13,20,.92) 38%, rgba(5,13,20,.72) 58%, rgba(5,13,20,.42) 78%, rgba(5,13,20,.22) 100%),











    radial-gradient(ellipse at 78% 28%, rgba(30,224,200,.22), transparent 46%),











    url(/assets/hero-complete-coa-banner.png) !important;











}























/* === GRID / PRODUCT LAYOUT FIX (20261031213941) — never allow cats/products to collapse === */











.slp-modern-home .slp-cats,











.slp-modern-home div.slp-cats,











html body .slp-modern-home .slp-cats {











  display: grid !important;











  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;











  gap: 1rem !important;











  width: 100% !important;











  align-items: stretch !important;











}











.slp-modern-home .slp-products,











.slp-modern-home div.slp-products,











html body .slp-modern-home .slp-products {











  display: grid !important;











  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;











  gap: 1.1rem !important;











  width: 100% !important;











  align-items: stretch !important;











}











.slp-modern-home .slp-cat,











.slp-modern-home a.slp-cat,











html body .slp-modern-home .slp-cat {











  display: flex !important;











  flex-direction: column !important;











  justify-content: flex-start !important;











  width: auto !important;











  max-width: none !important;











  min-width: 0 !important;











  height: auto !important;











  padding: 1.25rem 1.2rem !important;











  text-decoration: none !important;











  color: inherit !important;











  box-sizing: border-box !important;











}











.slp-modern-home .slp-product,











.slp-modern-home a.slp-product,











html body .slp-modern-home .slp-product {











  display: flex !important;











  flex-direction: column !important;











  width: auto !important;











  max-width: none !important;











  min-width: 0 !important;











  height: auto !important;











  overflow: hidden !important;











  text-decoration: none !important;











  color: inherit !important;











  box-sizing: border-box !important;











}











.slp-modern-home .slp-product figure,











.slp-modern-home .slp-product > figure {











  display: block !important;











  margin: 0 !important;











  width: 100% !important;











  height: 200px !important;











  max-height: 200px !important;











  overflow: hidden !important;











  background: #f3f6f8 !important;











}











.slp-modern-home .slp-product figure img,











.slp-modern-home .slp-product img {











  display: block !important;











  width: 100% !important;











  height: 200px !important;











  max-width: 100% !important;











  max-height: 200px !important;











  object-fit: contain !important;











  object-position: center !important;











}











.slp-modern-home .slp-product-body {











  display: flex !important;











  flex-direction: column !important;











  gap: 0.35rem !important;











  padding: 0.9rem 1rem 1.05rem !important;











}











.slp-modern-home .slp-arrow {











  display: inline-block !important;











  margin-top: 0.75rem !important;











  color: var(--sq-signal-dim, #12b8a4) !important;











  font-size: 1.1rem !important;











  line-height: 1 !important;











}











.slp-modern-home .slp-coas {











  display: grid !important;











  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;











  gap: 1rem !important;











}











.slp-modern-home .slp-coa {











  display: block !important;











  overflow: hidden !important;











}











.slp-modern-home .slp-coa img {











  display: block !important;











  width: 100% !important;











  height: 220px !important;











  object-fit: cover !important;











  object-position: top !important;











}











.slp-modern-home .slp-b2b-grid,











.slp-modern-home .slp-resources,











.slp-modern-home .slp-fulfill-grid,











.slp-modern-home .slp-mfg-grid,











.slp-modern-home .slp-caps {











  display: grid !important;











  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;











  gap: 1rem !important;











}











.slp-modern-home .slp-b2b-card,











.slp-modern-home .slp-resource,











.slp-modern-home .slp-fulfill-card,











.slp-modern-home .slp-mfg-card,











.slp-modern-home .slp-cap {











  display: flex !important;











  flex-direction: column !important;











  min-width: 0 !important;











}











/* kill stuck reveal if JS fails */











.slp-modern-home .slp-reveal {











  opacity: 1 !important;











  transform: none !important;











  filter: none !important;











}











@media (max-width: 980px) {











  .slp-modern-home .slp-cats,











  .slp-modern-home .slp-products {











    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;











  }











  .slp-modern-home .slp-coas {











    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;











  }











}











@media (max-width: 640px) {











  .slp-modern-home .slp-cats,











  .slp-modern-home .slp-products,











  .slp-modern-home .slp-coas {











    grid-template-columns: 1fr !important;











  }











}























/* === trust strip layout (20261031214601) === */











.slp-modern-home .slp-trust-grid,











.slp-modern-home .slp-shell.slp-trust-grid {











  display: grid !important;











  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;











  gap: 0 !important;











  align-items: stretch !important;











}











.slp-modern-home .slp-trust-item {











  display: flex !important;











  flex-direction: row !important;











  align-items: center !important;











  gap: 0.85rem !important;











  min-width: 0 !important;











  padding: 1.1rem 1.15rem !important;











  box-sizing: border-box !important;











}











.slp-modern-home .slp-trust-item > div:last-child {











  display: flex !important;











  flex-direction: column !important;











  gap: 0.2rem !important;











  min-width: 0 !important;











}











.slp-modern-home .slp-trust-item b,











.slp-modern-home .slp-trust-item strong {











  display: block !important;











  font-size: 0.98rem !important;











  line-height: 1.3 !important;











  white-space: normal !important;











}











.slp-modern-home .slp-trust-item span {











  display: block !important;











  font-size: 0.82rem !important;











  line-height: 1.35 !important;











  opacity: 0.85 !important;











  white-space: normal !important;











}











.slp-modern-home .slp-trust-item .slp-icon {











  flex: 0 0 auto !important;











  width: 42px !important;











  height: 42px !important;











  display: inline-flex !important;











  align-items: center !important;











  justify-content: center !important;











}























/* === section grids harden (20261031214911) === */











.slp-modern-home .slp-fulfillment,











html body .slp-modern-home .slp-fulfillment {











  display: grid !important;











  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;











  gap: 1rem !important;











  width: 100% !important;











  align-items: stretch !important;











}











.slp-modern-home .slp-fulfill-card,











html body .slp-modern-home .slp-fulfill-card {











  display: flex !important;











  flex-direction: column !important;











  align-items: flex-start !important;











  gap: 0.65rem !important;











  min-width: 0 !important;











  padding: 1.2rem 1.15rem !important;











  box-sizing: border-box !important;











  border: 1px solid rgba(8, 28, 42, 0.1) !important;











  border-radius: 10px !important;











  background: #fff !important;











}











.slp-modern-home .slp-fulfill-card .slp-icon,











.slp-modern-home .slp-fulfill-card svg,











.slp-modern-home .slp-fulfill-card img {











  width: 36px !important;











  height: 36px !important;











  flex: 0 0 auto !important;











  display: inline-flex !important;











  align-items: center !important;











  justify-content: center !important;











  margin: 0 !important;











}











.slp-modern-home .slp-fulfill-card b,











.slp-modern-home .slp-fulfill-card strong,











.slp-modern-home .slp-fulfill-card h3 {











  display: block !important;











  margin: 0 !important;











  font-size: 1rem !important;











  line-height: 1.3 !important;











}











.slp-modern-home .slp-fulfill-card p,











.slp-modern-home .slp-fulfill-card span:not(.slp-icon) {











  display: block !important;











  margin: 0 !important;











  color: #5b6f80 !important;











  font-size: 0.9rem !important;











  line-height: 1.45 !important;











}











.slp-modern-home .slp-b2b,











.slp-modern-home .slp-resources,











.slp-modern-home .slp-mfg-grid,











.slp-modern-home .slp-caps,











.slp-modern-home .slp-glp-products,











.slp-modern-home .slp-coas {











  display: grid !important;











  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;











  gap: 1rem !important;











}











.slp-modern-home .slp-b2b-card,











.slp-modern-home .slp-resource,











.slp-modern-home .slp-mfg-card,











.slp-modern-home .slp-cap,











.slp-modern-home .slp-coa {











  display: flex !important;











  flex-direction: column !important;











  min-width: 0 !important;











}











.slp-modern-home .slp-coa img {











  width: 100% !important;











  height: 220px !important;











  object-fit: cover !important;











  object-position: top !important;











}











@media (max-width: 980px) {











  .slp-modern-home .slp-fulfillment {











    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;











  }











}











@media (max-width: 640px) {











  .slp-modern-home .slp-fulfillment {











    grid-template-columns: 1fr !important;











  }











}























/* === EMERGENCY LAYOUT LOCK (20261031215556) === */











html body .slp-modern-home {











  display: block !important;











  width: 100% !important;











  max-width: none !important;











  box-sizing: border-box !important;











}











html body .slp-modern-home .slp-shell,











html body .slp-shell {











  display: block !important;











  width: min(1180px, calc(100% - 2.5rem)) !important;











  max-width: 1180px !important;











  margin-left: auto !important;











  margin-right: auto !important;











  box-sizing: border-box !important;











}











html body .slp-modern-home .slp-shell.slp-trust-grid {











  display: grid !important;











  width: 100% !important;











  max-width: none !important;











  margin-left: 0 !important;











  margin-right: 0 !important;











}























/* Telegram float — NEVER allow SVG to explode */











html body a.slp-tg-button,











html body .slp-tg-button {











  position: fixed !important;











  right: 22px !important;











  bottom: 22px !important;











  z-index: 10000 !important;











  box-sizing: border-box !important;











  width: 164px !important;











  min-width: 164px !important;











  max-width: 164px !important;











  height: 40px !important;











  min-height: 40px !important;











  max-height: 40px !important;











  display: inline-flex !important;











  align-items: center !important;











  justify-content: center !important;











  gap: 7px !important;











  padding: 0 12px !important;











  overflow: hidden !important;











  border-radius: 999px !important;











  color: #fff !important;











  text-decoration: none !important;











  font-weight: 700 !important;











  font-size: 13px !important;











  line-height: 1 !important;











  white-space: nowrap !important;











  background: linear-gradient(135deg, #2aa9ff, #1479e8) !important;











  box-shadow: 0 18px 40px rgba(20, 121, 232, 0.30) !important;











  transform: none !important;











  filter: none !important;











}











html body a.slp-tg-button svg,











html body .slp-tg-button svg,











html body .slp-tg-button svg path {











  width: 18px !important;











  height: 18px !important;











  max-width: 18px !important;











  max-height: 18px !important;











  min-width: 18px !important;











  min-height: 18px !important;











  flex: 0 0 18px !important;











  display: block !important;











  fill: currentColor !important;











  overflow: hidden !important;











}











html body .qlwapp__container .qlwapp__button .qlwapp__icon,











html body .qlwapp__icon,











html body .qlwapp__icon svg {











  width: 22px !important;











  height: 22px !important;











  max-width: 22px !important;











  max-height: 22px !important;











}











@media (max-width: 720px) {











  html body a.slp-tg-button,











  html body .slp-tg-button {











    right: 14px !important;











    width: min(164px, calc(100vw - 28px)) !important;











    min-width: 0 !important;











    max-width: min(164px, calc(100vw - 28px)) !important;











  }











}











/* === product contrast on dark Signal (20261031224709) === */





html body.sq-signal.single-product .product_title,





html body.sq-signal.single-product h1.product_title,





html body.sq-signal .product .product_title,





html body.sq-signal .summary .product_title,





html body.sq-signal.single-product .entry-summary > h1,





html body.sq-signal .woocommerce div.product .product_title {





  color: #f4fbfc !important;





}





html body.sq-signal.single-product .price,





html body.sq-signal.single-product .price *,





html body.sq-signal .summary .price,





html body.sq-signal .summary .price * {





  color: #1ee0c8 !important;





}





html body.sq-signal.single-product .summary,





html body.sq-signal.single-product .summary p,





html body.sq-signal.single-product .woocommerce-product-details__short-description,





html body.sq-signal.single-product .woocommerce-product-details__short-description *,





html body.sq-signal.single-product .product_meta,





html body.sq-signal.single-product .product_meta a,





html body.sq-signal.single-product .woocommerce-tabs,





html body.sq-signal.single-product .woocommerce-tabs *,





html body.sq-signal.single-product .entry-content,





html body.sq-signal.single-product .entry-content p,





html body.sq-signal.single-product .entry-content li {





  color: rgba(220, 236, 244, 0.92) !important;





}





html body.sq-signal.single-product .entry-content h2,





html body.sq-signal.single-product .entry-content h3,





html body.sq-signal.single-product .entry-content h4,





html body.sq-signal.single-product .related.products > h2,





html body.sq-signal.single-product .woocommerce-tabs .panel h2 {





  color: #f4fbfc !important;





}





html body.sq-signal.single-product table,





html body.sq-signal.single-product table th,





html body.sq-signal.single-product table td {





  color: rgba(220, 236, 244, 0.92) !important;





  border-color: rgba(255,255,255,0.12) !important;





}





html body.sq-signal.single-product .woocommerce-breadcrumb,





html body.sq-signal.single-product .woocommerce-breadcrumb a {





  color: rgba(200, 220, 230, 0.75) !important;





}





html body.sq-signal.single-product .site-main,





html body.sq-signal.single-product #main,





html body.sq-signal.single-product .ct-container {





  background: #071018 !important;





}











/* === homepage horizontal grids (20261031225134) === */





html body .slp-modern-home .slp-cats,





html body .slp-modern-home div.slp-cats,





html body .slp-modern-home .slp-products,





html body .slp-modern-home div.slp-products,





html body .slp-modern-home .slp-glp-products,





html body .slp-modern-home .slp-b2b,





html body .slp-modern-home .slp-resources,





html body .slp-modern-home .slp-fulfillment,





html body .slp-modern-home .slp-fulfill-grid,





html body .slp-modern-home .slp-mfg-grid,





html body .slp-modern-home .slp-caps,





html body .slp-modern-home .slp-cap-grid,





html body .slp-modern-home .slp-coas {





  display: grid !important;





  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;





  gap: 1rem !important;





  width: 100% !important;





  align-items: stretch !important;





}





html body .slp-modern-home .slp-b2b {





  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;





}





html body .slp-modern-home .slp-coas {





  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;





}





html body .slp-modern-home .slp-cat,





html body .slp-modern-home a.slp-cat,





html body .slp-modern-home .slp-product,





html body .slp-modern-home a.slp-product,





html body .slp-modern-home .slp-b2b-card,





html body .slp-modern-home .slp-resource,





html body .slp-modern-home .slp-fulfill-card,





html body .slp-modern-home .slp-mfg-card,





html body .slp-modern-home .slp-cap,





html body .slp-modern-home .slp-coa {





  display: flex !important;





  flex-direction: column !important;





  min-width: 0 !important;





  max-width: none !important;





  width: auto !important;





  float: none !important;





}





html body .slp-modern-home .slp-product figure,





html body .slp-modern-home .slp-product > figure {





  width: 100% !important;





  height: 200px !important;





  margin: 0 !important;





  overflow: hidden !important;





}





html body .slp-modern-home .slp-product figure img,





html body .slp-modern-home .slp-product img {





  width: 100% !important;





  height: 200px !important;





  max-height: 200px !important;





  object-fit: contain !important;





}





@media (max-width: 980px) {





  html body .slp-modern-home .slp-cats,





  html body .slp-modern-home .slp-products,





  html body .slp-modern-home .slp-glp-products,





  html body .slp-modern-home .slp-resources,





  html body .slp-modern-home .slp-fulfillment,





  html body .slp-modern-home .slp-mfg-grid,





  html body .slp-modern-home .slp-caps,





  html body .slp-modern-home .slp-cap-grid,





  html body .slp-modern-home .slp-b2b,





  html body .slp-modern-home .slp-coas {





    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;





  }





}





@media (max-width: 640px) {





  html body .slp-modern-home .slp-cats,





  html body .slp-modern-home .slp-products,





  html body .slp-modern-home .slp-glp-products,





  html body .slp-modern-home .slp-resources,





  html body .slp-modern-home .slp-fulfillment,





  html body .slp-modern-home .slp-mfg-grid,





  html body .slp-modern-home .slp-caps,





  html body .slp-modern-home .slp-cap-grid,





  html body .slp-modern-home .slp-b2b,





  html body .slp-modern-home .slp-coas {





    grid-template-columns: 1fr !important;





  }





}











/* === home spacing polish (20261031225537) === */





html body.home .slp-modern-home .slp-shell.slp-section,





html body.home .slp-modern-home .slp-section {





  padding-top: 48px !important;





  padding-bottom: 48px !important;





  margin: 0 auto !important;





}





html body.home .slp-modern-home .slp-shell {





  width: min(1180px, calc(100% - 2.5rem)) !important;





  max-width: 1180px !important;





  margin-left: auto !important;





  margin-right: auto !important;





  box-sizing: border-box !important;





}





html body.home .slp-modern-home .slp-shell.slp-trust-grid {





  width: 100% !important;





  max-width: none !important;





  margin-left: 0 !important;





  margin-right: 0 !important;





}





html body.home .slp-modern-home .slp-head {





  margin: 0 0 18px !important;





  align-items: flex-end !important;





  gap: 16px !important;





}





html body.home .slp-modern-home .slp-head h2 {





  margin: 0 !important;





  line-height: 1.15 !important;





}





html body.home .slp-modern-home .slp-head p {





  margin: 8px 0 0 !important;





  max-width: 36rem !important;





}





html body.home .slp-modern-home .slp-kicker {





  margin: 0 0 8px !important;





}





html body.home .slp-modern-home .slp-cats,





html body.home .slp-modern-home .slp-products,





html body.home .slp-modern-home .slp-glp-products,





html body.home .slp-modern-home .slp-resources,





html body.home .slp-modern-home .slp-fulfillment {





  gap: 0.9rem !important;





}





html body.home .slp-modern-home .slp-trust {





  margin: 0 !important;





  padding: 0 !important;





}





html body.home .slp-modern-home .slp-trust-grid {





  min-height: 72px !important;





}





html body.home .slp-modern-home .slp-feature {





  gap: 1rem !important;





}





html body.home .slp-modern-home .slp-panel {





  padding: 1.35rem 1.25rem !important;





}





html body.home .slp-modern-home .slp-cat,





html body.home .slp-modern-home .slp-product,





html body.home .slp-modern-home .slp-b2b-card,





html body.home .slp-modern-home .slp-resource,





html body.home .slp-modern-home .slp-fulfill-card {





  padding: 1.05rem 1rem !important;





}





html body.home .slp-modern-home .slp-product {





  padding: 0.85rem 0.85rem 1rem !important;





}





html body.home .slp-modern-home .slp-product figure,





html body.home .slp-modern-home .slp-product figure img {





  height: 180px !important;





  max-height: 180px !important;





}





@media (max-width: 720px) {





  html body.home .slp-modern-home .slp-shell.slp-section,





  html body.home .slp-modern-home .slp-section {





    padding-top: 36px !important;





    padding-bottom: 36px !important;





  }





  html body.home .slp-modern-home .slp-shell {





    width: calc(100% - 1.5rem) !important;





  }





}











/* === unify float icons (20261031225835) === */





html body .qlwapp__container.qlwapp__container--bottom-right {





  position: fixed !important;





  right: 20px !important;





  bottom: 78px !important;





  width: 156px !important;





  min-width: 156px !important;





  max-width: 156px !important;





  height: 48px !important;





  min-height: 48px !important;





  max-height: 48px !important;





  overflow: visible !important;





  transform: none !important;





  z-index: 10001 !important;





  pointer-events: none !important;





  box-sizing: border-box !important;





}





html body .qlwapp__container .qlwapp__button,





html body .qlwapp__container .qlwapp__button.qlwapp__button--button,





html body a.qlwapp__button.qlwapp__button--button {





  pointer-events: auto !important;





  box-sizing: border-box !important;





  width: 156px !important;





  min-width: 156px !important;





  max-width: 156px !important;





  height: 48px !important;





  min-height: 48px !important;





  max-height: 48px !important;





  margin: 0 !important;





  padding: 0 14px !important;





  display: inline-flex !important;





  align-items: center !important;





  justify-content: center !important;





  gap: 8px !important;





  border-radius: 999px !important;





  font-size: 14px !important;





  font-weight: 700 !important;





  line-height: 1 !important;





  white-space: nowrap !important;





  overflow: hidden !important;





  transform: none !important;





}





/* WhatsApp icon — same footprint as Telegram svg */





html body .qlwapp__container .qlwapp__button .qlwapp__icon,





html body .qlwapp__container .qlwapp__button .qlwapp__icon:before,





html body .qlwapp__container .qlwapp__button i.qlwapp__icon,





html body .qlwapp__container .qlwapp__button .qlwapp-whatsapp-icon,





html body .qlwapp__container .qlwapp__button .qlwapp-whatsapp-icon:before {





  width: 18px !important;





  height: 18px !important;





  min-width: 18px !important;





  min-height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  font-size: 18px !important;





  line-height: 18px !important;





  flex: 0 0 18px !important;





  display: inline-flex !important;





  align-items: center !important;





  justify-content: center !important;





  margin: 0 !important;





  padding: 0 !important;





  transform: none !important;





  background-size: 18px 18px !important;





}





html body .qlwapp__container .qlwapp__button .qlwapp__icon svg,





html body .qlwapp__container .qlwapp__button svg {





  width: 18px !important;





  height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  display: block !important;





}





html body .qlwapp__container .qlwapp__button .qlwapp__text {





  font-size: 14px !important;





  font-weight: 700 !important;





  line-height: 1 !important;





  white-space: nowrap !important;





}





html body .qlwapp__container .qlwapp__modal,





html body .qlwapp__container .qlwapp__box {





  position: absolute !important;





  right: 0 !important;





  left: auto !important;





  bottom: calc(100% + 12px) !important;





  width: 340px !important;





  max-width: min(340px, calc(100vw - 24px)) !important;





  transform: none !important;





  margin: 0 !important;





  pointer-events: auto !important;





}





html body a.slp-tg-button,





html body .slp-tg-button {





  position: fixed !important;





  right: 20px !important;





  bottom: 20px !important;





  z-index: 10000 !important;





  box-sizing: border-box !important;





  width: 156px !important;





  min-width: 156px !important;





  max-width: 156px !important;





  height: 48px !important;





  min-height: 48px !important;





  max-height: 48px !important;





  display: inline-flex !important;





  align-items: center !important;





  justify-content: center !important;





  gap: 8px !important;





  padding: 0 14px !important;





  margin: 0 !important;





  overflow: hidden !important;





  border-radius: 999px !important;





  color: #fff !important;





  text-decoration: none !important;





  font-weight: 700 !important;





  font-size: 14px !important;





  line-height: 1 !important;





  white-space: nowrap !important;





  background: linear-gradient(135deg, #2aa9ff, #1479e8) !important;





  box-shadow: 0 14px 32px rgba(20, 121, 232, 0.28) !important;





  filter: none !important;





  transform: none !important;





}





html body a.slp-tg-button svg,





html body .slp-tg-button svg {





  width: 18px !important;





  height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  min-width: 18px !important;





  min-height: 18px !important;





  flex: 0 0 18px !important;





  fill: currentColor !important;





  display: block !important;





  transform: none !important;





}





@media (max-width: 720px) {





  html body .qlwapp__container.qlwapp__container--bottom-right {





    right: 14px !important;





    bottom: 74px !important;





  }





  html body a.slp-tg-button,





  html body .slp-tg-button {





    right: 14px !important;





    bottom: 16px !important;





  }





}











/* === unify float svg icons (20261031230306) === */





html body .qlwapp__container .qlwapp__button .qlwapp__icon,





html body .qlwapp__container .qlwapp__button i.qlwapp__icon,





html body .qlwapp__container .qlwapp__button .qlwapp-whatsapp-icon {





  width: 18px !important;





  height: 18px !important;





  min-width: 18px !important;





  min-height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  flex: 0 0 18px !important;





  display: inline-flex !important;





  align-items: center !important;





  justify-content: center !important;





  margin: 0 !important;





  padding: 0 !important;





  font-size: 0 !important;





  line-height: 0 !important;





  color: #fff !important;





  overflow: hidden !important;





  transform: none !important;





  background: none !important;





}





/* kill font-icon glyph so only SVG shows */





html body .qlwapp__container .qlwapp__button .qlwapp__icon:before,





html body .qlwapp__container .qlwapp__button .qlwapp-whatsapp-icon:before,





html body .qlwapp__container .qlwapp__button i.qlwapp__icon:before {





  content: none !important;





  display: none !important;





  font-size: 0 !important;





  width: 0 !important;





  height: 0 !important;





}





html body .qlwapp__container .qlwapp__button .slp-float-icon,





html body .qlwapp__container .qlwapp__button .qlwapp__icon svg,





html body .qlwapp__container .qlwapp__button svg.slp-float-icon,





html body a.slp-tg-button .slp-float-icon,





html body a.slp-tg-button svg,





html body .slp-tg-button svg {





  width: 18px !important;





  height: 18px !important;





  min-width: 18px !important;





  min-height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  display: block !important;





  flex: 0 0 18px !important;





  fill: currentColor !important;





  color: #fff !important;





  transform: none !important;





  margin: 0 !important;





  padding: 0 !important;





  overflow: visible !important;





}





html body .qlwapp__container .qlwapp__button,





html body a.slp-tg-button,





html body .slp-tg-button {





  gap: 8px !important;





  font-size: 14px !important;





  font-weight: 700 !important;





  line-height: 1 !important;





}





html body .qlwapp__container .qlwapp__button .qlwapp__text {





  font-size: 14px !important;





  font-weight: 700 !important;





  line-height: 1 !important;





}











/* === cat arrows + float fit (20261031230540) === */





html body.home .slp-modern-home a.slp-cat,





html body.home .slp-modern-home .slp-cat,





html body .slp-modern-home a.slp-cat,





html body .slp-modern-home .slp-cat {





  position: relative !important;





  display: flex !important;





  flex-direction: column !important;





  justify-content: flex-start !important;





  align-items: flex-start !important;





  gap: 0.55rem !important;





  min-height: 210px !important;





  padding: 1.35rem 1.25rem 4.25rem !important;





  box-sizing: border-box !important;





  overflow: hidden !important;





}





html body.home .slp-modern-home .slp-cat h3,





html body .slp-modern-home .slp-cat h3 {





  margin: 0 !important;





  padding-right: 0.5rem !important;





  position: relative !important;





  z-index: 2 !important;





}





html body.home .slp-modern-home .slp-cat p,





html body .slp-modern-home .slp-cat p {





  margin: 0 !important;





  max-width: 100% !important;





  position: relative !important;





  z-index: 2 !important;





  padding-bottom: 0 !important;





}





html body.home .slp-modern-home .slp-arrow,





html body .slp-modern-home .slp-arrow,





html body.home .slp-modern-home a.slp-cat .slp-arrow,





html body .slp-modern-home a.slp-cat .slp-arrow {





  position: absolute !important;





  left: auto !important;





  right: 1.15rem !important;





  bottom: 1.15rem !important;





  top: auto !important;





  width: 36px !important;





  height: 36px !important;





  min-width: 36px !important;





  min-height: 36px !important;





  max-width: 36px !important;





  max-height: 36px !important;





  margin: 0 !important;





  padding: 0 !important;





  border-radius: 50% !important;





  background: #1ee0c8 !important;





  color: #04242a !important;





  display: grid !important;





  place-items: center !important;





  font-size: 1rem !important;





  font-weight: 900 !important;





  line-height: 1 !important;





  z-index: 3 !important;





  transform: none !important;





  box-shadow: 0 8px 18px rgba(18, 184, 164, 0.28) !important;





}





html body .qlwapp,





html body .qlwapp__container,





html body .qlwapp__container.qlwapp__container--bottom-right {





  filter: none !important;





  transform: none !important;





  perspective: none !important;





  will-change: auto !important;





}





html body .qlwapp__container.qlwapp__container--bottom-right {





  position: fixed !important;





  right: 20px !important;





  bottom: 78px !important;





  left: auto !important;





  top: auto !important;





  width: 168px !important;





  min-width: 168px !important;





  max-width: 168px !important;





  height: 48px !important;





  min-height: 48px !important;





  max-height: 48px !important;





  z-index: 10001 !important;





  display: block !important;





  overflow: visible !important;





  pointer-events: none !important;





  margin: 0 !important;





  padding: 0 !important;





  box-sizing: border-box !important;





}





html body .qlwapp__container .qlwapp__button,





html body .qlwapp__container .qlwapp__button.qlwapp__button--button,





html body .qlwapp__button.qlwapp__button--button {





  pointer-events: auto !important;





  position: relative !important;





  left: 0 !important;





  right: auto !important;





  top: 0 !important;





  bottom: auto !important;





  box-sizing: border-box !important;





  width: 168px !important;





  min-width: 168px !important;





  max-width: 168px !important;





  height: 48px !important;





  min-height: 48px !important;





  max-height: 48px !important;





  margin: 0 !important;





  padding: 0 12px !important;





  display: inline-flex !important;





  align-items: center !important;





  justify-content: center !important;





  gap: 8px !important;





  white-space: nowrap !important;





  overflow: hidden !important;





  transform: none !important;





  opacity: 1 !important;





  visibility: visible !important;





  border-radius: 999px !important;





}





html body .qlwapp__container .qlwapp__button .qlwapp__text {





  display: inline-block !important;





  white-space: nowrap !important;





  font-size: 14px !important;





  line-height: 1 !important;





  transform: none !important;





}





html body .qlwapp__container .qlwapp__icon,





html body .qlwapp__container .qlwapp__icon svg {





  width: 18px !important;





  height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  flex: 0 0 18px !important;





  transform: none !important;





}





html body .qlwapp__container .qlwapp__modal,





html body .qlwapp__container .qlwapp__box,





html body .qlwapp__modal,





html body .qlwapp__box {





  position: absolute !important;





  right: 0 !important;





  left: auto !important;





  bottom: calc(100% + 12px) !important;





  top: auto !important;





  width: 340px !important;





  min-width: 0 !important;





  max-width: min(340px, calc(100vw - 24px)) !important;





  margin: 0 !important;





  transform: none !important;





  pointer-events: auto !important;





  box-sizing: border-box !important;





  z-index: 10002 !important;





}





html body a.slp-tg-button,





html body .slp-tg-button {





  position: fixed !important;





  right: 20px !important;





  bottom: 20px !important;





  left: auto !important;





  top: auto !important;





  z-index: 10000 !important;





  box-sizing: border-box !important;





  width: 168px !important;





  min-width: 168px !important;





  max-width: 168px !important;





  height: 48px !important;





  min-height: 48px !important;





  max-height: 48px !important;





  display: inline-flex !important;





  align-items: center !important;





  justify-content: center !important;





  gap: 8px !important;





  padding: 0 12px !important;





  margin: 0 !important;





  overflow: hidden !important;





  border-radius: 999px !important;





  color: #fff !important;





  text-decoration: none !important;





  font-weight: 700 !important;





  font-size: 14px !important;





  line-height: 1 !important;





  white-space: nowrap !important;





  background: linear-gradient(135deg, #2aa9ff, #1479e8) !important;





  box-shadow: 0 14px 32px rgba(20, 121, 232, 0.28) !important;





  filter: none !important;





  transform: none !important;





}





html body a.slp-tg-button svg,





html body .slp-tg-button svg {





  width: 18px !important;





  height: 18px !important;





  max-width: 18px !important;





  max-height: 18px !important;





  min-width: 18px !important;





  min-height: 18px !important;





  flex: 0 0 18px !important;





  fill: currentColor !important;





  display: block !important;





  transform: none !important;





}





html body .qlwapp--open .qlwapp__container,





html body .qlwapp__container.qlwapp--open {





  width: 168px !important;





  height: 48px !important;





  right: 20px !important;





  bottom: 78px !important;





  transform: none !important;





}





@media (max-width: 720px) {





  html body.home .slp-modern-home .slp-cat,





  html body .slp-modern-home .slp-cat {





    min-height: 190px !important;





    padding: 1.2rem 1.1rem 4rem !important;





  }





  html body .qlwapp__container.qlwapp__container--bottom-right {





    right: 14px !important;





    bottom: 74px !important;





  }





  html body a.slp-tg-button,





  html body .slp-tg-button {





    right: 14px !important;





    bottom: 16px !important;





  }





}











/* === cat arrow bottom-right polish (20261031231032) === */





html body.home .slp-modern-home .slp-arrow,





html body .slp-modern-home .slp-arrow,





html body.home .slp-modern-home a.slp-cat .slp-arrow,





html body .slp-modern-home a.slp-cat .slp-arrow {





  left: auto !important;





  right: 1.15rem !important;





  bottom: 1.15rem !important;





  top: auto !important;





}














/* === hero_tight + logo shift + compact COA 202611011919 === */




html body #header [data-column="start"],




html body #header .site-branding,




html body #header .site-logo-container {




  margin-left: 0 !important;




}




html body #header [data-column="start"] {




  padding-left: 1.75rem !important;




}




html body #header .site-branding,




html body #header .site-logo-container {




  transform: translateX(18px) !important;




}




html body #header .site-branding img,




html body #header img.default-logo {




  max-height: 44px !important;




}




@media (max-width: 720px) {




  html body #header [data-column="start"] { padding-left: 1rem !important; }




  html body #header .site-branding,




  html body #header .site-logo-container { transform: translateX(10px) !important; }




}









html body.home .slp-modern-home .slp-hero,




html body.home .slp-modern-home section.slp-hero,




html body.home section.slp-hero {




  min-height: clamp(420px, 58vh, 560px) !important;




  align-items: center !important;




  background-color: #050d14 !important;




  background-image:




    linear-gradient(105deg, rgba(5,13,20,.97) 0%, rgba(5,13,20,.93) 42%, rgba(5,13,20,.78) 62%, rgba(5,13,20,.55) 82%, rgba(5,13,20,.35) 100%),




    radial-gradient(ellipse at 78% 28%, rgba(30,224,200,.18), transparent 46%),




    url(/assets/hero-complete-coa-banner.png) !important;




  background-size: auto, auto, min(480px, 38vw) auto !important;




  background-position: center, center, right 4% center !important;




  background-repeat: no-repeat !important;




}




html body.home .slp-modern-home .slp-hero-copy {




  width: min(680px, 92vw) !important;




  padding: 72px 0 56px !important;




}




html body.home .slp-modern-home .slp-hero h1 {




  max-width: none !important;




  font-size: clamp(2.8rem, 5.6vw, 4.6rem) !important;




  margin: 0 0 0.85rem !important;




}




html body.home .slp-modern-home .slp-hero p {




  max-width: 34rem !important;




  font-size: clamp(1rem, 1.4vw, 1.15rem) !important;




  margin: 0 0 1.4rem !important;




}




html body .slp-modern-home .slp-coa img {




  height: 132px !important;




  object-fit: contain !important;




  object-position: top center !important;




  background: #f3eee4 !important;




}




html body .slp-modern-home .slp-coas {




  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;




  gap: 12px !important;




}




@media (max-width: 1180px) {




  html body.home .slp-modern-home .slp-hero,




  html body.home section.slp-hero {




    background-size: auto, auto, min(360px, 55vw) auto !important;




    background-position: center, center, right center !important;




  }




  html body .slp-modern-home .slp-coas {




    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;




  }




}




@media (max-width: 720px) {




  html body.home .slp-modern-home .slp-hero,




  html body.home section.slp-hero {




    min-height: 0 !important;




    background-size: auto, auto, 0 0 !important;




  }




  html body .slp-modern-home .slp-coas {




    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;




  }




}











/* === tighter hero + logo more right 202611011922 === */



html body #header [data-column="start"] {



  padding-left: 2.75rem !important;



}



html body #header .site-branding,



html body #header .site-logo-container,



html body #header [data-id="logo"] {



  transform: translateX(36px) !important;



}



html body #header .site-branding img,



html body #header img.default-logo {



  max-height: 42px !important;



}



@media (max-width: 720px) {



  html body #header [data-column="start"] { padding-left: 1.15rem !important; }



  html body #header .site-branding,



  html body #header .site-logo-container,



  html body #header [data-id="logo"] { transform: translateX(14px) !important; }



}







html body.home .slp-modern-home .slp-hero,



html body.home .slp-modern-home section.slp-hero,



html body.home section.slp-hero {



  min-height: clamp(380px, 52vh, 500px) !important;



  background-size: auto, auto, min(340px, 30vw) auto !important;



  background-position: center, center, right 6% center !important;



}



html body.home .slp-modern-home .slp-hero-copy {



  padding: 58px 0 44px !important;



}



html body .slp-modern-home .slp-coa img {



  height: 118px !important;



}



html body .slp-modern-home .slp-coa div {



  padding: 8px 10px !important;



  font-size: 11px !important;



}



@media (max-width: 1180px) {



  html body.home .slp-modern-home .slp-hero,



  html body.home section.slp-hero {



    background-size: auto, auto, min(280px, 42vw) auto !important;



  }



  html body .slp-modern-home .slp-coa img { height: 128px !important; }



}





/* === logo beside Home 202611011936 === */

html body #header [data-device="desktop"] [data-row="middle"] > .ct-container-fluid {

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  width: min(1180px, calc(100% - 2.5rem)) !important;

  max-width: 1180px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  gap: 0.85rem !important;

  box-sizing: border-box !important;

}

html body #header [data-device="desktop"] [data-column="start"] {

  flex: 0 0 auto !important;

  width: auto !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  transform: none !important;

}

html body #header [data-device="desktop"] [data-column="middle"] {

  flex: 0 1 auto !important;

  width: auto !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

}

html body #header [data-device="desktop"] [data-column="end"] {

  flex: 0 0 auto !important;

  width: auto !important;

  margin-left: auto !important;

  margin-right: 0 !important;

  padding: 0 !important;

}

html body #header [data-device="desktop"] .site-branding,

html body #header [data-device="desktop"] .site-logo-container,

html body #header [data-device="desktop"] [data-id="logo"] {

  margin: 0 !important;

  padding: 0 !important;

  transform: none !important;

}

html body #header [data-device="desktop"] .site-branding img,

html body #header [data-device="desktop"] img.default-logo {

  max-height: 42px !important;

  width: auto !important;

  display: block !important;

}

html body #header [data-device="desktop"] #header-menu-1,

html body #header [data-device="desktop"] .header-menu-1,

html body #header [data-device="desktop"] ul.menu {

  margin-left: 0 !important;

  padding-left: 0 !important;

}

html body #header [data-device="desktop"] .ct-menu > li:first-child > a,

html body #header [data-device="desktop"] #menu-home > li:first-child > a {

  padding-left: 0.35rem !important;

}

html body #header [data-column="start"] {

  padding-left: 0 !important;

}

html body #header .site-branding,

html body #header .site-logo-container,

html body #header [data-id="logo"] {

  transform: none !important;

}


/* === restore full-bleed hero with 11.jpg 202611011937 === */
html body.home .slp-modern-home .slp-hero,
html body.home .slp-modern-home section.slp-hero,
html body.home section.slp-hero,
html body.home div.slp-modern-home .slp-hero {
  isolation: isolate !important;
  min-height: clamp(560px, 78vh, 720px) !important;
  align-items: center !important;
  background-color: #050d14 !important;
  background-image:
    linear-gradient(105deg,
      rgba(5, 13, 20, 0.72) 0%,
      rgba(5, 13, 20, 0.55) 34%,
      rgba(5, 13, 20, 0.28) 56%,
      rgba(5, 13, 20, 0.10) 78%,
      rgba(5, 13, 20, 0.04) 100%),
    url(/assets/hero-coa-lab-banner.jpg?v=202611011937) !important;
  background-size: auto, cover !important;
  background-position: center, right center !important;
  background-repeat: no-repeat !important;
}
html body.home .slp-modern-home .slp-hero-copy {
  width: min(720px, 92vw) !important;
  padding: 96px 0 88px !important;
}
html body.home .slp-modern-home .slp-hero h1 {
  color: #f4fbfc !important;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
  font-size: clamp(2.8rem, 5.6vw, 4.6rem) !important;
  max-width: none !important;
}
html body.home .slp-modern-home .slp-hero h1 span {
  color: #1ee0c8 !important;
}
html body.home .slp-modern-home .slp-hero p {
  color: rgba(214, 232, 240, 0.92) !important;
  max-width: 34rem !important;
}
html body.home .slp-modern-home .slp-btn-secondary {
  background: rgba(5, 13, 20, 0.35) !important;
  border: 1px solid rgba(244, 251, 252, 0.45) !important;
  color: #f4fbfc !important;
}
@media (max-width: 1180px) {
  html body.home .slp-modern-home .slp-hero,
  html body.home section.slp-hero {
    background-position: center, 70% center !important;
  }
}
@media (max-width: 720px) {
  html body.home .slp-modern-home .slp-hero,
  html body.home .slp-modern-home section.slp-hero,
  html body.home section.slp-hero {
    min-height: 0 !important;
    background-image:
      linear-gradient(180deg, rgba(5, 13, 20, 0.82), rgba(5, 13, 20, 0.78)),
      url(/assets/hero-coa-lab-banner.jpg?v=202611011937) !important;
    background-size: auto, cover !important;
    background-position: center, 62% center !important;
  }
  html body.home .slp-modern-home .slp-hero-copy {
    padding: 54px 0 50px !important;
  }
}

/* === hero copy up 202611020015 — clear light COA overlap === */
html body.home .slp-modern-home .slp-hero,
html body.home .slp-modern-home section.slp-hero,
html body.home section.slp-hero {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
html body.home .slp-modern-home .slp-hero-copy {
  padding: 32px 0 140px !important;
  margin-top: 0 !important;
  align-self: flex-start !important;
}
@media (max-width: 900px) {
  html body.home .slp-modern-home .slp-hero-copy {
    padding: 24px 0 100px !important;
  }
}