/* Heisenberg Peptide — cyber laboratory storefront theme. */
:root {
  --pine: #087bff;
  --pine-deep: #020817;
  --pine-light: #12bdf8;
  --fluo: #16e8ff;
  --fluo-dim: #07c8f3;
  --frosty: #061326;
  --frosty-deep: #091a31;
  --misty: #b9edff;
  --ink: #eef9ff;
  --ink-soft: #91a9bd;
  --muted: #718ba1;
  --line: rgba(126, 213, 255, .2);
  --line-soft: rgba(126, 213, 255, .1);
  --white: #fff;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 10px 30px rgba(0, 8, 24, .24);
  --shadow-md: 0 22px 60px rgba(0, 7, 24, .42);
  --shadow-lg: 0 40px 110px rgba(0, 5, 20, .58);
  --brand: var(--pine);
  --brand-dark: var(--pine-deep);
  --brand-pale: #071d35;
  --surface: #07172a;
  --line-strong: rgba(126, 213, 255, .34);
  --accent: var(--fluo);
  --header-h: 78px;
}

html { background: var(--pine-deep); }
body {
  background: #020817;
  color: var(--ink);
}
body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 12%, rgba(0, 153, 255, .09), transparent 26%),
    radial-gradient(circle at 12% 70%, rgba(19, 235, 255, .05), transparent 24%);
  content: "";
}
h1, h2, h3 { color: var(--ink); }
::selection { background: var(--fluo); color: #00111f; }
:focus-visible { outline-color: var(--fluo); box-shadow: 0 0 0 5px rgba(1, 130, 255, .35); }

/* Shared UI */
.button { border-radius: 8px; letter-spacing: .01em; }
.button.fluo,
.button.primary {
  border-color: var(--fluo);
  background: linear-gradient(135deg, #16e8ff, #168dff);
  color: #001322;
  box-shadow: 0 0 24px rgba(22, 216, 255, .14);
}
.button.fluo:hover,
.button.primary:hover {
  background: linear-gradient(135deg, #63f2ff, #3ba5ff);
  box-shadow: 0 0 32px rgba(22, 216, 255, .3);
  transform: translateY(-1px);
}
.button.primary {
  border-color: #168dff;
  background: linear-gradient(135deg, #0788ff, #004fcb);
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 17, 38, .4);
}
.button.primary:hover {
  background: linear-gradient(135deg, #169cff, #0866df);
  color: #fff;
}
.button.secondary {
  border-color: rgba(111, 207, 255, .25);
  background: rgba(4, 18, 37, .74);
  color: #dff7ff;
}
.button.secondary:hover { border-color: var(--fluo); background: rgba(13, 48, 76, .84); }
.link-button, .text-link { color: var(--fluo); }
.link-button:hover, .text-link:hover { color: #fff; }
.eyebrow { color: var(--fluo); }

/* Research notice and navigation */
.notice-bar {
  min-height: 36px;
  border-bottom: 1px solid rgba(116, 222, 255, .12);
  background: #01050e;
  color: #8ca5b9;
}
.notice-bar span { color: var(--fluo); }
.notice-bar a { color: #fff; }
.site-header {
  grid-template-columns: minmax(210px, 1fr) auto minmax(210px, 1fr);
  border-bottom: 1px solid rgba(115, 212, 255, .13);
  background: rgba(2, 8, 23, .82);
  box-shadow: 0 12px 40px rgba(0, 4, 16, .22);
  backdrop-filter: blur(22px) saturate(1.2);
}
.brand-lockup {
  width: 230px;
  height: 64px;
  object-fit: contain;
  object-position: left center;
}
.brand-element {
  display: inline-grid;
  min-width: 38px;
  min-height: 38px;
  place-items: center;
  border: 1px solid rgba(58, 211, 255, .74);
  background: linear-gradient(145deg, #0c4b89, #041d38);
  color: #fff;
  font-family: var(--font);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: inset 0 0 18px rgba(16, 218, 255, .12), 0 0 16px rgba(11, 178, 255, .12);
}
.brand-mark.brand-element { width: 40px; height: 40px; }
.brand-name { color: #fff; }
.brand-text small { color: var(--fluo); }
.desktop-nav a { color: #9eb3c6; }
.desktop-nav a::after { background: var(--fluo); box-shadow: 0 0 12px rgba(19, 231, 255, .8); }
.desktop-nav a:hover { color: #fff; }
.icon-button, .cart-button, .menu-toggle { color: #dff8ff; }
.icon-button:hover, .cart-button:hover, .menu-toggle:hover { background: rgba(54, 182, 255, .1); }
.cart-count { background: var(--fluo); color: #001322; }
.language-switcher select {
  border-color: rgba(104, 215, 255, .18);
  background-color: rgba(5, 24, 45, .8);
  color: #dff8ff;
}

/* Hero */
.hero.hero-cyber {
  min-height: min(820px, calc(100vh - 114px));
  padding: 0;
  border-bottom: 1px solid rgba(86, 205, 255, .18);
  background: #020817;
}
.hero-cyber::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(1, 7, 20, .99) 0%, rgba(2, 10, 27, .94) 27%, rgba(2, 11, 29, .54) 50%, rgba(2, 9, 23, .03) 74%),
    linear-gradient(180deg, rgba(2, 8, 23, .12) 0%, rgba(2, 8, 23, 0) 62%, rgba(2, 8, 23, .86) 100%);
  content: "";
}
.hero-visual {
  position: absolute;
  inset: 0;
  background: url("/assets/hero/heisenberg-cyber-lab-hero-v3.png") 58% center / cover no-repeat;
  transform: scale(1.002);
}
.hero-grid {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: .18;
  background-image:
    linear-gradient(rgba(90, 217, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90, 217, 255, .08) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 58%);
  mask-image: linear-gradient(90deg, #000, transparent 58%);
}
.hero-cyber .hero-inner {
  position: relative;
  z-index: 3;
  display: flex;
  min-height: min(820px, calc(100vh - 114px));
  align-items: center;
  padding-top: 48px;
  padding-bottom: 56px;
}
.hero-copy { width: min(660px, 52vw); }
.hero-cyber .eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: #a8e9ff;
}
.live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fluo);
  box-shadow: 0 0 0 5px rgba(22, 232, 255, .12), 0 0 22px var(--fluo);
}
.hero-cyber h1 {
  max-width: 11.5em;
  color: #fff;
  font-size: clamp(3.3rem, 6.3vw, 6.6rem);
  font-weight: 700;
  line-height: .9;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.hero-cyber h1 .soft {
  display: block;
  margin-top: .12em;
  color: transparent;
  background: linear-gradient(100deg, #fff 0%, #72e7ff 42%, #188cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.hero-lead {
  max-width: 590px;
  margin-top: 26px;
  color: #b4c8d9;
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.7;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-actions .button { min-height: 52px; padding-inline: 24px; }
.hero-ghost {
  border: 1px solid rgba(133, 219, 255, .3);
  background: rgba(4, 16, 34, .55);
  color: #e7f9ff;
  backdrop-filter: blur(10px);
}
.hero-ghost:hover { border-color: var(--fluo); background: rgba(8, 35, 62, .8); }
.hero-cyber .hero-search { max-width: 610px; margin-top: 24px; }
.hero-cyber .hero-search-field input {
  height: 52px;
  border: 1px solid rgba(109, 211, 255, .28);
  background: rgba(1, 10, 25, .74);
  color: #fff;
  box-shadow: inset 0 0 24px rgba(18, 124, 210, .07), 0 12px 34px rgba(0, 5, 18, .24);
  backdrop-filter: blur(10px);
}
.hero-cyber .hero-search-field input::placeholder { color: #6f8ca3; }
.hero-cyber .hero-search-field input:focus { border-color: var(--fluo); box-shadow: 0 0 0 3px rgba(22, 232, 255, .1); }
.hero-cyber .hero-search-field svg { color: var(--fluo); }
.hero-search-button { min-width: 92px; background: rgba(7, 44, 78, .92); color: #dff8ff; border: 1px solid rgba(88, 202, 255, .35); }
.hero-search-button:hover { border-color: var(--fluo); background: #0b4677; }
.hero-cyber .hot-cats { max-width: 620px; margin-top: 12px; }
.hero-cyber .hot-cats button {
  border-color: rgba(101, 209, 255, .22);
  background: rgba(4, 19, 39, .62);
  color: #a8c5d9;
}
.hero-cyber .hot-cats button:hover { border-color: var(--fluo); background: rgba(8, 46, 79, .8); color: #fff; }
.hero-proof {
  display: grid;
  max-width: 620px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 30px;
  border-top: 1px solid rgba(108, 213, 255, .18);
  border-bottom: 1px solid rgba(108, 213, 255, .12);
}
.hero-proof div { display: grid; gap: 2px; padding: 16px 16px 16px 0; }
.hero-proof div + div { padding-left: 20px; border-left: 1px solid rgba(108, 213, 255, .14); }
.hero-proof strong { color: #fff; font-family: var(--mono); font-size: .88rem; font-weight: 500; }
.hero-proof span { color: #6f8ca3; font-size: .72rem; }
.hero-watermark {
  position: absolute;
  right: 2.5vw;
  bottom: -7vw;
  z-index: 2;
  color: rgba(108, 221, 255, .045);
  font-size: clamp(11rem, 25vw, 28rem);
  font-weight: 700;
  letter-spacing: -.12em;
  line-height: .78;
  pointer-events: none;
}
.hero-watermark small { position: absolute; top: .12em; left: -.08em; font-family: var(--mono); font-size: .12em; letter-spacing: 0; }

/* Trust line */
.trust { border-color: rgba(105, 213, 255, .12); background: #04101f; }
.trust-track { padding: 18px 0; }
.trust-list li { color: #91a9bd; }
.trust-list svg { color: var(--fluo); }

/* Section surfaces */
.section { position: relative; }
.section-white { background: #030b19; }
.section-frosty { background: #061326; }
.section-deep { background: #08182d; }
.section-heading p:not(.eyebrow),
.checkout-copy > p,
.order-steps-heading > p:not(.eyebrow),
.why-copy > p:not(.eyebrow),
.catalog-heading > p { color: var(--ink-soft); }

/* Category system */
.category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.category-card {
  min-height: 270px;
  padding: 18px;
  border: 1px solid rgba(102, 208, 255, .15);
  border-radius: 18px 4px 18px 4px;
  background: #061426;
  box-shadow: inset 0 0 50px rgba(7, 103, 188, .06);
}
.category-card::before { opacity: .48; background-position: 58% 50%; filter: saturate(.86) brightness(.6) contrast(1.08); }
.category-card::after {
  background:
    linear-gradient(180deg, rgba(1, 8, 20, .34) 0%, rgba(2, 11, 25, .68) 45%, rgba(1, 8, 20, .98) 100%),
    repeating-linear-gradient(0deg, rgba(104, 218, 255, .025) 0, rgba(104, 218, 255, .025) 1px, transparent 1px, transparent 6px);
}
.category-card:hover { border-color: rgba(22, 232, 255, .52); box-shadow: 0 22px 60px rgba(0, 7, 22, .58), inset 0 0 40px rgba(14, 149, 255, .08); }
.category-card:hover::before { transform: scale(1.08); }
.category-scan { position: absolute; top: -20%; right: 0; left: 0; z-index: 1; height: 2px; opacity: 0; background: linear-gradient(90deg, transparent, var(--fluo), transparent); box-shadow: 0 0 14px rgba(22, 232, 255, .7); transition: top .65s ease, opacity .2s; }
.category-card:hover .category-scan { top: 105%; opacity: .8; }
.category-head { display: flex; position: relative; z-index: 2; align-items: center; justify-content: space-between; gap: 10px; }
.category-icon { width: 40px; height: 40px; border-color: rgba(22, 232, 255, .44); border-radius: 4px 10px 4px 10px; background: rgba(3, 15, 31, .72); color: var(--fluo); }
.category-icon svg { width: 19px; height: 19px; }
.category-code { color: #dff8ff; font-family: var(--mono); font-size: .64rem; letter-spacing: .12em; }
.category-body { margin-top: auto; padding: 0 0 14px; }
.category-kicker { margin: 0 0 8px; color: var(--fluo); font-size: .58rem; letter-spacing: .12em; }
.category-card strong { color: #fff; font-size: 1.28rem; text-transform: uppercase; letter-spacing: -.035em; line-height: 1.02; }
.category-science { display: block; min-height: 2.6em; margin-top: 8px; color: #9db6c8; font-size: .7rem; line-height: 1.3; }
.category-foot { position: relative; z-index: 2; margin-top: 0; padding-top: 11px; border-color: rgba(103, 209, 255, .17); }
.category-status { display: inline-flex; align-items: center; gap: 5px; color: #6f8ca2; font-family: var(--mono); font-size: .5rem; letter-spacing: .05em; white-space: nowrap; }
.category-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--fluo); box-shadow: 0 0 8px rgba(22, 232, 255, .7); }
.category-count { color: var(--fluo); font-size: .68rem; }

/* Product cards and price directory */
.featured-section {
  background:
    radial-gradient(circle at 50% 0, rgba(10, 135, 255, .12), transparent 34%),
    #061326;
}
.featured-card,
.product-card {
  border-color: rgba(102, 208, 255, .14);
  background: linear-gradient(180deg, rgba(8, 28, 51, .98), rgba(4, 15, 31, .98));
  box-shadow: 0 14px 38px rgba(0, 5, 20, .24);
}
.featured-card:hover,
.product-card:hover { border-color: rgba(22, 232, 255, .5); box-shadow: 0 24px 64px rgba(0, 5, 22, .55), 0 0 28px rgba(15, 172, 255, .08); }
.product-image, .featured-image {
  background:
    radial-gradient(circle at 50% 40%, rgba(21, 187, 255, .2), transparent 37%),
    linear-gradient(145deg, #0a2038 0%, #071428 55%, #030a17 100%);
}
.product-image::after, .featured-image::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(93, 213, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 213, 255, .045) 1px, transparent 1px);
  background-size: 30px 30px;
  content: "";
}
.art-chip { border-color: rgba(122, 215, 255, .2); background: rgba(2, 14, 31, .72); color: #9bdfff; }
.stock-pill, .featured-availability { background: rgba(5, 24, 43, .78); color: #dffaff; }
.stock-pill i, .featured-availability i { background: var(--fluo); box-shadow: 0 0 12px var(--fluo); }
.featured-spec, .product-spec { color: #86a2b7; }
.price { color: #fff; }
.price-inquiry { color: #6edfff; }
.catalog-shell { background: #030b19; }
.catalog-tools { padding: 14px; border: 1px solid rgba(111, 211, 255, .12); border-radius: 14px; background: rgba(7, 25, 45, .62); }
.search-box, .select-box { color: #8ba5ba; }
.search-box input, .select-box select, .content-search input {
  border-color: rgba(108, 210, 255, .18);
  background-color: #061426;
  color: #eefbff;
}
.search-box input:focus, .select-box select:focus, .content-search input:focus { border-color: var(--fluo); }
.catalog-status { color: #819bb0; }
.view-switch { border-color: rgba(105, 210, 255, .18); background: #051426; }
.view-switch-button { color: #7e9bb2; }
.view-switch-button.is-active { background: #0b4778; color: #fff; }
.pagination { color: #8aa4b8; }
.catalog-list-group { border-color: rgba(104, 211, 255, .16); background: #061426; }
.catalog-list-heading { background: linear-gradient(90deg, #082746, #061426); }
.product-grid.list-view .list-row { border-color: rgba(104, 211, 255, .1); background: #061426; }
.product-grid.list-view .list-row:hover { background: #0a2038; }

/* Quality, process, resources */
.glance {
  border-color: rgba(22, 232, 255, .82);
  background: linear-gradient(150deg, #0a3f72 0%, #071b35 46%, #020817 100%);
  box-shadow: 0 34px 90px rgba(0, 5, 20, .55), 0 0 42px rgba(12, 178, 255, .1);
}
.glance-brand { background: #fff; color: #041426; }
.glance-brand .brand-element { min-width: 26px; min-height: 26px; font-size: .78rem; }
.glance dd::before { background: var(--fluo); color: #001322; }
.check-list li::before { background: var(--fluo); color: #001322; }
.wide-cta { border-color: rgba(119, 215, 255, .18); color: #fff; }
.wide-cta:hover { border-color: var(--fluo); background: rgba(8, 44, 76, .6); }
.band-wrap { background: #030b19; }
.band {
  border: 1px solid rgba(101, 207, 255, .18);
  background:
    radial-gradient(circle at 82% 30%, rgba(6, 159, 255, .24), transparent 36%),
    linear-gradient(135deg, #082b4d 0%, #05172c 46%, #020817 100%);
}
.band .eyebrow, .band-points li > span { color: var(--fluo); }
.band-collage figure { border-color: rgba(104, 215, 255, .22); box-shadow: 0 24px 60px rgba(0, 4, 18, .58); }
.band-collage img { filter: none; }
.order-steps { background: #030b19; }
.order-steps ol { border-color: rgba(102, 211, 255, .17); }
.order-steps li > span { color: var(--fluo); }
.order-steps li strong { color: #fff; }
.order-steps li strong::after { background: var(--fluo); box-shadow: 0 0 14px rgba(22, 232, 255, .64); }
.order-steps li p { color: var(--ink-soft); }
.content-card {
  border-color: rgba(102, 207, 255, .14);
  background: linear-gradient(155deg, #0a1e36, #061426);
}
.content-card:hover { border-color: rgba(22, 232, 255, .4); }
.content-card .tag { background: rgba(22, 232, 255, .12); color: var(--fluo); }
.content-card p:not(.tag), .content-card-head > span { color: var(--ink-soft); }

/* Checkout and FAQ stay highly legible */
.checkout-section { background: #061326; }
.support-card { border: 1px solid rgba(22, 232, 255, .22); background: linear-gradient(150deg, #0a365d, #030b19); }
.support-presence { color: var(--fluo); }
.support-presence span, .support-float span { background: var(--fluo); box-shadow: 0 0 0 4px rgba(22, 232, 255, .14), 0 0 18px rgba(22, 232, 255, .6); }
.checkout-panel {
  border-color: rgba(109, 210, 255, .18);
  background: #f7fbfd;
  color: #102433;
}
.checkout-panel h3, .checkout-panel .cart-total strong { color: #041426; }
.checkout-panel-head span { background: #dff7ff; color: #075f90; }
.checkout-panel .pricing-note { color: #49606f; }
.checkout-safety-note { background: #e5f8ff; color: #073753; }
.checkout-form label { color: #365161; }
.checkout-form input, .checkout-form select, .checkout-form textarea { border-color: #c8dce6; color: #102433; }
.checkout-form input:focus, .checkout-form select:focus, .checkout-form textarea:focus { border-color: #0da9df; box-shadow: 0 0 0 3px rgba(13, 169, 223, .1); }
.faq-list { border-color: rgba(103, 210, 255, .16); }
.faq-list details { border-color: rgba(103, 210, 255, .16); }
.faq-list summary { color: #e9f9ff; }
.faq-list summary::after { background: #0a2845; color: var(--fluo); }
.faq-list details[open] summary::after { background: var(--fluo); color: #001322; }
.faq-list details p { color: var(--ink-soft); }

/* Drawers and floating actions */
.drawer-backdrop { background: rgba(0, 5, 16, .72); }
.drawer-panel, .support-nudge, .detail-dialog { background: #f7fbfd; color: #102433; }
.drawer-panel h2, .support-nudge > strong, .detail-copy h2, .article-detail h2 { color: #071827; }
.drawer-head button, .dialog-close { border-color: #c5d9e3; color: #075f90; }
.support-float { border: 1px solid rgba(22, 232, 255, .3); background: #061c33; box-shadow: 0 16px 38px rgba(0, 4, 17, .5); }
.support-float:hover { background: #0a4777; }
.support-nudge .support-presence { color: #0878ab; }
.support-nudge-cta { border-color: #0789bd; background: #16e8ff; color: #001322; }
.mobile-action-bar { border-color: rgba(104, 211, 255, .15); background: rgba(2, 8, 23, .95); }
.mobile-action-bar .tab { color: #7895aa; }
.mobile-action-bar .tab.is-active { color: var(--fluo); }
.tab-badge { background: var(--fluo); color: #001322; }

/* Footer */
.footer { border-top: 1px solid rgba(107, 211, 255, .16); background: #01050e; }
.footer .brand-lockup { width: 270px; height: 82px; }
.footer-links h3 { color: var(--fluo); }
.footer-links a:hover { color: var(--fluo); }

@media (max-width: 1180px) {
  .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-header { grid-template-columns: auto 1fr auto; }
  .brand-lockup { display: none; }
  .brand-compact { display: flex; }
  .desktop-nav { justify-self: center; gap: 18px; }
  .hero-copy { width: min(650px, 58vw); }
}

@media (max-width: 900px) {
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-header { min-height: 70px; grid-template-columns: 1fr auto; }
  .desktop-nav { display: none; }
  .desktop-nav.is-open {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: grid;
    gap: 0;
    padding: 12px 24px 20px;
    border-top: 1px solid rgba(107, 211, 255, .12);
    border-bottom: 1px solid rgba(107, 211, 255, .16);
    background: rgba(2, 8, 23, .98);
  }
  .desktop-nav.is-open a { padding: 12px 0; }
  .menu-toggle { display: inline-flex; }
  .language-switcher, .header-cta { display: none; }
  .hero.hero-cyber, .hero-cyber .hero-inner { min-height: 760px; }
  .hero-cyber::before {
    background:
      linear-gradient(90deg, rgba(1, 7, 20, .98) 0%, rgba(2, 10, 27, .86) 48%, rgba(2, 9, 23, .24) 100%),
      linear-gradient(180deg, rgba(2, 8, 23, .08), rgba(2, 8, 23, .9));
  }
  .hero-visual { background-position: 63% center; opacity: .72; }
  .hero-copy { width: min(630px, 74vw); }
  .hero-watermark { display: none; }
}

@media (max-width: 680px) {
  :root { --header-h: 68px; }
  .notice-bar { justify-content: space-between; padding-inline: 14px; }
  .notice-bar p { display: none; }
  .brand-name { font-size: 1.12rem; }
  .brand-text small { font-size: .52rem; }
  .brand-mark.brand-element { width: 36px; height: 36px; }
  .site-header { padding-inline: 16px; }
  .icon-button, .cart-button { padding-inline: 7px; }
  .hero.hero-cyber, .hero-cyber .hero-inner { min-height: 760px; }
  .hero-cyber .hero-inner { align-items: flex-end; padding-top: 180px; padding-bottom: 48px; }
  .hero-visual { background-position: 69% center; }
  .hero-cyber::before {
    background:
      linear-gradient(180deg, rgba(2, 8, 23, .16) 0%, rgba(2, 8, 23, .62) 42%, rgba(2, 8, 23, .98) 78%),
      linear-gradient(90deg, rgba(2, 8, 23, .72), rgba(2, 8, 23, .15));
  }
  .hero-copy { width: 100%; }
  .hero-cyber h1 { max-width: 9.2em; font-size: clamp(2.75rem, 14vw, 4.2rem); line-height: .93; }
  .hero-lead { max-width: 34em; margin-top: 18px; font-size: .95rem; line-height: 1.55; }
  .hero-actions { margin-top: 22px; }
  .hero-actions .button { flex: 1; min-width: 145px; padding-inline: 14px; }
  .hero-cyber .hero-search { margin-top: 16px; }
  .hero-cyber .hero-search-button { display: none; }
  .hero-proof { margin-top: 20px; }
  .hero-proof div { padding: 12px 8px 12px 0; }
  .hero-proof div + div { padding-left: 12px; }
  .hero-proof strong { font-size: .76rem; }
  .hero-proof span { font-size: .62rem; line-height: 1.3; }
  .category-grid { grid-template-columns: 1fr; }
  .catalog-tools { padding: 10px; }
  .footer .brand-lockup { display: block; width: 240px; height: 76px; }
}

@media (prefers-reduced-motion: reduce) {
  .live-dot { box-shadow: none; }
}