:root {
  --ink-950: #030813;
  --ink-900: #07111f;
  --ink-850: #091728;
  --ink-800: #0c1c30;
  --ink-750: #10233a;
  --surface: rgba(10, 24, 42, 0.82);
  --surface-strong: rgba(10, 27, 49, 0.96);
  --line: rgba(132, 190, 255, 0.15);
  --line-strong: rgba(72, 209, 255, 0.35);
  --text: #f4f8ff;
  --muted: #8fa6bf;
  --muted-strong: #b6c8db;
  --cyan: #4ee6ff;
  --blue: #398cff;
  --violet: #8b73ff;
  --magenta: #e66cff;
  --green: #55e0af;
  --amber: #ffd072;
  --danger: #ff7b9c;
  --gradient: linear-gradient(120deg, var(--cyan), var(--blue) 54%, var(--violet));
  --shadow-sm: 0 12px 28px rgba(0, 5, 16, 0.26);
  --shadow-lg: 0 28px 80px rgba(0, 5, 18, 0.48);
  --glow: 0 0 42px rgba(52, 156, 255, 0.18);
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 24px;
  --max: 1440px;
  --header-height: 78px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; background: var(--ink-950); }

body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 85% 0%, rgba(57, 140, 255, 0.12), transparent 33rem),
    radial-gradient(circle at 10% 50%, rgba(139, 115, 255, 0.07), transparent 36rem),
    var(--ink-950);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  opacity: 0.24;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(97, 157, 224, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(97, 157, 224, 0.045) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background:
    linear-gradient(115deg, transparent 0 64%, rgba(230,108,255,.08) 64.08%, transparent 64.2%),
    radial-gradient(circle at 92% 24%, rgba(139,115,255,.12), transparent 18rem);
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

::selection { background: rgba(78, 230, 255, 0.28); color: white; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 {
  font-family: inherit;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 760; }
h2 { font-size: clamp(2rem, 3.2vw, 3rem); font-weight: 720; }
h3 { font-size: clamp(1.375rem, 1.8vw, 1.75rem); font-weight: 680; }
p { color: var(--muted-strong); }

.page-shell { overflow: clip; }
.container { width: min(calc(100% - 96px), var(--max)); margin-inline: auto; }
.section { padding: 112px 0; position: relative; }
.section--compact { padding: 80px 0; }
.section--tight-top { padding-top: 56px; }
.section__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-6);
  margin-bottom: var(--space-7);
}
.section__head > div { max-width: 760px; }
.section__head h2 { margin-bottom: 12px; }
.section__head p { margin-bottom: 0; max-width: 620px; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: #9fd6ff;
  font-size: .8rem;
  font-weight: 750;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--gradient);
  box-shadow: 0 0 12px rgba(78, 230, 255, .55);
}

.system-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8098b3;
  font-size: .75rem;
  font-weight: 760;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.system-tag::before { content:""; width:5px; height:5px; transform:rotate(45deg); background:var(--magenta); box-shadow:0 0 12px rgba(230,108,255,.72); }

.gradient-text {
  color: transparent;
  background: linear-gradient(105deg, #fff 12%, #b8eaff 55%, #a794ff 94%);
  -webkit-background-clip: text;
  background-clip: text;
}

.muted { color: var(--muted); }
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

.grid { display: grid; gap: var(--space-5); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.reveal {
  opacity: 1;
  transform: none;
  transition: opacity .28s ease, transform .28s ease;
}
.reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: var(--header-height);
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.site-header.is-scrolled {
  background: rgba(3, 10, 22, .84);
  border-color: var(--line);
  box-shadow: 0 10px 34px rgba(0, 4, 12, .2);
  backdrop-filter: blur(18px) saturate(135%);
}
.header__inner { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand__mark {
  position: relative;
  width: 34px; height: 34px;
  border: 1px solid rgba(87, 225, 255, .55);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(78,230,255,.14), rgba(57,140,255,.03));
  box-shadow: inset 0 0 18px rgba(78,230,255,.08), 0 0 24px rgba(57,140,255,.12);
}
.brand__mark::before, .brand__mark::after {
  content: ""; position: absolute; inset: 7px;
  border-left: 2px solid var(--cyan); border-right: 2px solid var(--violet);
  transform: skew(-14deg);
}
.brand__mark::after { inset: 12px 9px; border-left: 0; border-right: 0; border-top: 2px solid #fff; transform: skew(14deg); }
.brand__name { font-size: 1.02rem; font-weight: 800; letter-spacing: .12em; }
.brand__name span { color: var(--cyan); }
.site-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.site-nav a { color: #a7bacd; font-size: .9rem; font-weight: 620; transition: color .16s ease; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #fff; }
.header__tools { display: flex; align-items: center; gap: 10px; margin-left: 10px; }
.icon-btn, .lang-btn, .menu-btn {
  display: inline-grid; place-items: center;
  height: 44px; min-width: 44px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(12, 29, 50, .68);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.icon-btn:hover, .lang-btn:hover, .menu-btn:hover { border-color: var(--line-strong); background: rgba(20, 48, 78, .78); transform: translateY(-1px); }
.lang-btn { padding: 0 12px; color: #c3d5e7; font-size: .8rem; font-weight: 780; letter-spacing: .08em; }
.menu-btn { display: none; }
.menu-btn span, .menu-btn::before, .menu-btn::after { content: ""; width: 17px; height: 1px; background: currentColor; display: block; transition: transform .2s ease, opacity .2s ease; }
.menu-btn span { margin: 4px 0; }
.menu-btn.is-open::before { transform: translateY(5px) rotate(45deg); }
.menu-btn.is-open span { opacity: 0; }
.menu-btn.is-open::after { transform: translateY(-5px) rotate(-45deg); }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 24px;
  border: 1px solid transparent; border-radius: 12px;
  font-weight: 720; font-size: .91rem;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn--primary { color: #03101c; background: linear-gradient(120deg, #7df1ff, #55a8ff); box-shadow: 0 12px 30px rgba(58, 170, 255, .2); }
.btn--primary:hover { box-shadow: 0 16px 36px rgba(58, 170, 255, .32); }
.btn--secondary { color: #eaf5ff; border-color: rgba(124, 203, 255, .26); background: rgba(10, 27, 49, .7); }
.btn--secondary:hover { border-color: rgba(124, 220, 255, .5); background: rgba(17, 41, 70, .82); }
.btn--small { min-height: 44px; padding-inline: 16px; font-size: .875rem; border-radius: 10px; }
.text-link { display: inline-flex; gap: 9px; align-items: center; color: #aeddff; font-weight: 680; font-size: .9rem; }
.text-link::after { content: "›"; color: var(--cyan); font-size: 1.2rem; transition: transform .2s ease; }
.text-link:hover::after { transform: translateX(3px); }

.panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(14, 33, 57, .84), rgba(7, 19, 34, .78));
  box-shadow: var(--shadow-sm), inset 0 1px rgba(255,255,255,.025);
  backdrop-filter: blur(14px);
}
.panel--lift { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.panel--lift:hover { transform: translateY(-4px); border-color: rgba(91, 207, 255, .3); box-shadow: var(--shadow-lg), var(--glow); }
.panel--lift::before { content:""; position:absolute; left:20px; top:-1px; width:48px; height:1px; background:linear-gradient(90deg,var(--cyan),var(--violet)); box-shadow:0 0 12px rgba(78,230,255,.45); z-index:2; }

.search-box {
  display: grid;
  grid-template-columns: 1.05fr 1fr .92fr .9fr auto;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(101, 194, 255, .25);
  border-radius: 17px;
  background: rgba(88, 160, 220, .12);
  box-shadow: 0 20px 60px rgba(0, 8, 24, .36), 0 0 50px rgba(57,140,255,.08);
}
.field { position: relative; min-width: 0; min-height: 56px; padding: 12px 18px; background: rgba(4, 15, 29, .91); }
.field label { display: block; margin-bottom: 4px; color: #8299b1; font-size: .75rem; font-weight: 740; letter-spacing: .08em; text-transform: uppercase; }
.field input, .field select {
  width: 100%; border: 0; outline: 0; padding: 0;
  color: #eef7ff; background: transparent;
  font-weight: 630; font-size: .91rem;
}
.field input::placeholder { color: #668099; }
.field select { appearance: none; cursor: pointer; }
.search-box .btn { min-width: 126px; border-radius: 0; }

.status { display: inline-flex; align-items: center; gap: 7px; color: #adbed0; font-size: .78rem; font-weight: 650; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(85,224,175,.65); }
.badge { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid rgba(115,188,255,.2); border-radius: 99px; color: #b9dbf5; background: rgba(24,56,90,.48); font-size: .75rem; font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }
.badge--nokia { color: #9fd4ff; border-color: rgba(52,145,255,.28); background: rgba(27,99,181,.14); }
.badge--ericsson { color: #b6c7ff; border-color: rgba(111,126,255,.3); background: rgba(67,63,170,.14); }
.badge--huawei { color: #ffc0d0; border-color: rgba(255,100,142,.28); background: rgba(170,43,79,.14); }

.equipment-art {
  position: relative;
  min-height: 185px;
  overflow: hidden;
  background-image: linear-gradient(180deg, rgba(4,15,28,.02), rgba(4,15,28,.4)), url("equipment-sheet-1536.06ceed4b5e9b.webp");
  background-repeat: no-repeat;
  background-size: 220% 220%;
  isolation: isolate;
}
.equipment-art::after {
  content: ""; position: absolute; inset: auto 12% 8px;
  height: 28px; border-radius: 50%;
  background: rgba(33, 164, 255, .19); filter: blur(18px); z-index: -1;
}
.equipment-art--radio { background-position: 0 0; }
.equipment-art--baseband { background-position: 100% 0; }
.equipment-art--aau { background-position: 0 100%; }
.equipment-art--module { background-position: 100% 100%; }

.vendor-equipment-art {
  min-height: 185px;
  background-repeat: no-repeat;
  background-size: auto, 78% auto;
  background-position: center, center;
  background-color: #071526;
  transition: filter .28s ease, transform .35s ease;
}
.vendor-equipment-art--nokia { --vendor-glow: rgba(38, 139, 255, .24); }
.vendor-equipment-art--ericsson { --vendor-glow: rgba(42, 224, 139, .22); }
.vendor-equipment-art--huawei { --vendor-glow: rgba(255, 57, 91, .22); }
.vendor-equipment-art:not(.vendor-equipment-art--lineup) {
  background-image: radial-gradient(circle at 50% 58%, var(--vendor-glow), transparent 55%), var(--equipment-asset);
}

.vendor-equipment-art--nokia.vendor-equipment-art--aau { --equipment-asset: url("nokia-aau.6f0d56952ff4.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--aau { --equipment-asset: url("ericsson-aau.b86067d80249.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--aau { --equipment-asset: url("huawei-aau.37e2a1f1a532.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--bbu { --equipment-asset: url("nokia-bbu.2c6f431723f7.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--bbu { --equipment-asset: url("ericsson-bbu.ab93eb51c13a.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--bbu { --equipment-asset: url("huawei-bbu.4cdcbaa7458b.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--radio { --equipment-asset: url("nokia-radio.97048241448d.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--radio { --equipment-asset: url("ericsson-radio.3da902b2129a.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--radio { --equipment-asset: url("huawei-radio.d622212f342f.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--bts { --equipment-asset: url("nokia-bts.d995b0c18924.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--bts { --equipment-asset: url("ericsson-bts.55573576575d.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--bts { --equipment-asset: url("huawei-bts.76619678ca7c.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--small-cell { --equipment-asset: url("nokia-small-cell.35abbbd22080.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--small-cell { --equipment-asset: url("ericsson-small-cell.e629f2bf91ff.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--small-cell { --equipment-asset: url("huawei-small-cell.de739dbbca26.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--transport { --equipment-asset: url("nokia-transport.1fea58d1445e.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--transport { --equipment-asset: url("ericsson-transport.8585da779bc0.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--transport { --equipment-asset: url("huawei-transport.8f9eae5f3242.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--board { --equipment-asset: url("nokia-board.6b879d6f6f27.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--board { --equipment-asset: url("ericsson-board.c6f511db425d.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--board { --equipment-asset: url("huawei-board.3a651b52616e.webp"); }
.vendor-equipment-art--nokia.vendor-equipment-art--other { --equipment-asset: url("nokia-other.618708cb3387.webp"); }
.vendor-equipment-art--ericsson.vendor-equipment-art--other { --equipment-asset: url("ericsson-other.464207f9eace.webp"); }
.vendor-equipment-art--huawei.vendor-equipment-art--other { --equipment-asset: url("huawei-other.e0ea1d950be9.webp"); }

.vendor-equipment-art--lineup {
  background-size: auto, 48% auto, 48% auto, 48% auto;
  background-position: center, -9% 52%, 50% 48%, 109% 52%;
}
.vendor-equipment-art--lineup.vendor-equipment-art--aau {
  background-image: radial-gradient(circle at 50% 58%, rgba(71,160,255,.15), transparent 62%), url("nokia-aau.6f0d56952ff4.webp"), url("ericsson-aau.b86067d80249.webp"), url("huawei-aau.37e2a1f1a532.webp");
}
.vendor-equipment-art--lineup.vendor-equipment-art--bbu {
  background-image: radial-gradient(circle at 50% 58%, rgba(71,160,255,.15), transparent 62%), url("nokia-bbu.2c6f431723f7.webp"), url("ericsson-bbu.ab93eb51c13a.webp"), url("huawei-bbu.4cdcbaa7458b.webp");
}
.vendor-equipment-art--lineup.vendor-equipment-art--radio {
  background-image: radial-gradient(circle at 50% 58%, rgba(71,160,255,.15), transparent 62%), url("nokia-radio.97048241448d.webp"), url("ericsson-radio.3da902b2129a.webp"), url("huawei-radio.d622212f342f.webp");
}
.vendor-equipment-art--lineup.vendor-equipment-art--board {
  background-image: radial-gradient(circle at 50% 58%, rgba(71,160,255,.15), transparent 62%), url("nokia-board.6b879d6f6f27.webp"), url("ericsson-board.c6f511db425d.webp"), url("huawei-board.3a651b52616e.webp");
}
.product-card:hover .vendor-equipment-art { filter:brightness(1.1) saturate(1.05); }

.anime-corner { position:relative; }
.anime-corner::after { content:""; position:absolute; right:18px; top:18px; width:24px; height:24px; border-top:1px solid rgba(230,108,255,.48); border-right:1px solid rgba(78,230,255,.45); pointer-events:none; }

.product-card { position: relative; overflow: hidden; min-width: 0; }
.product-card__visual { min-height: 188px; aspect-ratio: 4 / 3; border-bottom: 1px solid var(--line); background-color: #081624; }
.product-card__body { padding: 24px; }
.product-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.product-card h3 { margin: 0 0 6px; font-size: 1.375rem; }
.product-card__type { margin: 0 0 17px; color: #93a9be; font-size: .875rem; }
.product-card__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 19px; }
.product-card__meta span { display: block; color: #8299af; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.product-card__meta strong { display: block; margin-top: 3px; color: #d9e6f2; font-size: .875rem; font-weight: 650; }
.product-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(134,190,255,.1); }
.product-card[hidden] { display: none !important; }

.category-card { overflow: hidden; min-height: 400px; display: flex; flex-direction: column; }
.category-card .equipment-art { min-height: 230px; transition: transform .45s ease, filter .45s ease; }
.category-card:hover .equipment-art { transform: scale(1.03); filter: brightness(1.1); }
.category-card .vendor-equipment-art { min-height:230px; transition:transform .45s ease,filter .45s ease; }
.category-card:hover .vendor-equipment-art { transform:scale(1.025); filter:brightness(1.08); }
.category-card__body { padding: 24px; margin-top: auto; }
.category-card__body h3 { margin-bottom: 9px; font-size: 1.375rem; }
.category-card__body p { margin-bottom: 19px; font-size: .9375rem; }

.feature-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(96,212,255,.22); border-radius: 12px; color: var(--cyan); background: rgba(22,65,94,.28); }
.feature-icon svg { width: 20px; height: 20px; }

.site-footer { border-top: 1px solid var(--line); background: rgba(3, 10, 20, .82); }
.footer__main { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 50px; padding: 68px 0 48px; }
.footer__intro p { max-width: 310px; margin: 18px 0 0; font-size: .875rem; }
.footer__column h3 { margin: 4px 0 17px; color: #d9e7f5; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.footer__column a { display: block; width: fit-content; margin: 10px 0; color: #91a7bc; font-size: .875rem; }
.footer__column a:hover { color: #c7e7ff; }
.footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0 28px; border-top: 1px solid rgba(132,190,255,.09); color: #7c93a9; font-size: .78rem; }

.page-hero { padding: 74px 0 34px; position:relative; isolation:isolate; }
.page-hero h1 { max-width: 940px; margin-bottom: 20px; font-size: clamp(2.5rem, 4.4vw, 4.5rem); }
.page-hero p { max-width: 720px; margin-bottom: 0; font-size: 1.08rem; }
.page-hero--anime { overflow:hidden; min-height:430px; display:flex; align-items:center; }
.page-hero--anime::before { content:""; position:absolute; inset:0; z-index:-2; background:url("hero-engineer-1586.33b185f398ae.webp") center 34% / cover no-repeat; opacity:.48; }
.page-hero--anime::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,var(--ink-950) 0%,rgba(3,8,19,.93) 48%,rgba(3,8,19,.24) 82%),linear-gradient(0deg,var(--ink-950),transparent 62%); }
.page-hero--anime .container { position:relative; }
.page-hero__signal { position:absolute; right:0; top:50%; transform:translateY(-30%); width:260px; padding:16px; border:1px solid rgba(107,213,255,.2); border-radius:14px; background:rgba(4,17,32,.66); backdrop-filter:blur(12px); }
.page-hero__signal span { display:block;color:#6f8aa5;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase; }
.page-hero__signal strong { display:block;margin-top:5px;color:#dff7ff;font-size:.9rem; }

.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 28px; color: #829bb3; font-size: .8rem; }
.breadcrumb a:hover { color: #cae8ff; }
.breadcrumb span:not(:last-child)::after, .breadcrumb a::after { content: "/"; margin-left: 9px; color: #41566d; }

.empty-state { display: none; padding: 70px 24px; text-align: center; }
.empty-state.is-visible { display: block; }

.rfq-banner { position: relative; overflow: hidden; padding: 52px 56px; display: flex; align-items: center; justify-content: space-between; gap: 40px; border-color: rgba(78,220,255,.25); }
.rfq-banner::after { content:""; position:absolute; width:420px; height:420px; right:-130px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(89,173,255,.25),transparent 68%); pointer-events:none; }
.rfq-banner > * { position:relative; z-index:1; }
.rfq-banner h2 { margin-bottom:10px; font-size:clamp(1.8rem,3vw,2.65rem); }
.rfq-banner p { margin:0; }

.toast { position:fixed; left:50%; bottom:24px; z-index:100; width:min(calc(100% - 32px),520px); padding:14px 18px; border:1px solid rgba(93,210,255,.3); border-radius:12px; color:#dcefff; background:rgba(6,21,38,.96); box-shadow:var(--shadow-lg); transform:translate(-50%,18px); opacity:0; pointer-events:none; transition:.25s ease; text-align:center; font-size:.82rem; }
.toast.is-visible { opacity:1; transform:translate(-50%,0); }
.empty-state h3 { margin-bottom: 10px; }
.empty-state p { margin-bottom: 22px; }

.catalog-search { display: flex; gap: 10px; padding: 11px; max-width: 920px; margin-top: 34px; }
.catalog-search__input { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 0 13px; }
.catalog-search__input svg { width: 20px; color: #6f8ca5; flex: 0 0 auto; }
.catalog-search input { width: 100%; height: 50px; border: 0; outline: 0; color: #eef7ff; background: transparent; font-weight: 620; }
.catalog-search input::placeholder { color: #668097; }

.catalog-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 30px; align-items: start; }
.filters { position: sticky; top: calc(var(--header-height) + 24px); padding: 24px; }
.filters__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.filters__top h2 { margin: 0; font-size: .98rem; letter-spacing: -.01em; }
.filter-reset { min-height:44px; border: 0; color: #78cfff; background: transparent; cursor: pointer; font-size: .8rem; }
.filter-group { padding: 20px 0; border-top: 1px solid rgba(132,190,255,.1); }
.filter-group h3 { margin: 0 0 13px; color: #9cb1c5; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.filter-list { display: grid; gap: 9px; }
.check { display: flex; align-items: center; gap: 10px; min-height:32px; color: #b9c9d7; font-size: .875rem; cursor: pointer; }
.check input { appearance: none; width: 20px; height: 20px; margin: 0; border: 1px solid #526c84; border-radius: 5px; background: rgba(4,14,26,.6); }
.check input:checked { border-color: var(--cyan); background: var(--cyan); box-shadow: inset 0 0 0 3px #0b1b2d; }
.band-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.band-chip { position: relative; }
.band-chip input { position: absolute; opacity: 0; pointer-events: none; }
.band-chip span { display: grid; place-items: center; min-width: 44px; height: 36px; padding: 0 8px; border: 1px solid rgba(120,176,224,.2); border-radius: 8px; color: #9db3c7; background: rgba(10,28,48,.58); font-size: .75rem; cursor: pointer; }
.band-chip input:checked + span { color: #dff9ff; border-color: rgba(78,230,255,.48); background: rgba(40,142,180,.18); }
.mobile-filter-btn { display: none; }

.catalog-main { min-width: 0; }
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.catalog-count { color: #8198af; font-size: .82rem; }
.catalog-count strong { color: #d3e4f4; }
.sort-select { height: 44px; padding: 0 34px 0 12px; border: 1px solid var(--line); border-radius: 9px; color: #b6c9da; background: #0a1b2d; font-size: .875rem; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(280px,1fr)); gap: 24px; }
.catalog-grid .product-card__visual { min-height: 175px; }
.catalog-grid .vendor-equipment-art { min-height:175px; }
.catalog-main::before { content:"LIVE EQUIPMENT INDEX / GLOBAL"; display:block; margin-bottom:13px; color:#7f96ad; font-size:.75rem; font-weight:760; letter-spacing:.12em; }

@media (max-width: 1180px) {
  .site-nav { gap: 18px; }
  .site-nav a:nth-child(4), .site-nav a:last-child { display:none; }
  .grid--4, .featured-grid, .compat-grid, .related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .search-box { grid-template-columns: 1fr 1fr; }
  .search-box .btn { grid-column: 1 / -1; border-radius: 0 0 16px 16px; min-height: 52px; }
  .knowledge { grid-template-columns: 1fr; }
  .knowledge__visual { min-height: 420px; }
  .product-hero { grid-template-columns: minmax(0,1fr) minmax(370px,.9fr); gap:36px; }
  .product-visual { min-height:500px; }
  .overview-grid { gap:42px; }
  .footer__main { grid-template-columns: 1.4fr repeat(2,1fr); }
  .page-hero__signal { display:none; }
}

@media (max-width: 860px) {
  :root { --header-height: 68px; }
  .container { width:min(calc(100% - 64px),var(--max)); }
  .section { padding:80px 0; }
  .site-header { background:rgba(3,10,22,.88);border-bottom-color:var(--line);backdrop-filter:blur(16px); }
  .site-nav { position:fixed;left:16px;right:16px;top:76px;display:grid;gap:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(6,18,34,.98);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.2s ease; }
  .site-nav.is-open { opacity:1;transform:none;pointer-events:auto; }
  .site-nav a, .site-nav a:nth-child(4), .site-nav a:last-child { display:block;padding:13px 12px;border-bottom:1px solid rgba(132,190,255,.08); }
  .site-nav a:last-child { border-bottom:0; }
  .header__tools { margin-left:auto; }
  .menu-btn { display:block; }
  .hero { min-height:820px;padding-top:calc(var(--header-height) + 110px);align-items:flex-start; }
  .hero::before { background-position: 64% center; }
  .hero::after { background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(3,11,25,.72) 70%,rgba(3,10,22,.25)),linear-gradient(0deg,var(--ink-950) 0%,transparent 42%); }
  .hero__content { max-width:620px; }
  .hero__trust { grid-template-columns:repeat(2,max-content); }
  .hero__signal { display:none; }
  .search-stage { margin-top:-48px; }
  .sourcing { grid-template-columns:1fr;gap:38px; }
  .rfq-banner { padding:40px;align-items:flex-start;flex-direction:column; }
  .catalog-layout { grid-template-columns:1fr; }
  .filters { position:fixed;z-index:60;inset:0 auto 0 0;width:min(88vw,340px);top:0;border-radius:0;overflow-y:auto;transform:translateX(-105%);transition:transform .28s ease;background:rgba(6,18,33,.99); }
  .filters.is-open { transform:none; }
  .filters__top { padding-top:18px; }
  .mobile-filter-btn { display:inline-flex; }
  .product-hero { grid-template-columns:1fr; }
  .product-visual { min-height:500px; }
  .product-summary { padding-top:0; }
  .product-summary::after { display:none; }
  .overview-grid { grid-template-columns:1fr; }
  .footer__main { grid-template-columns:1.25fr 1fr 1fr;gap:34px; }
  .page-hero--anime { min-height:390px; }
  .page-hero--anime::before { background-position:65% 35%; }
}

@media (max-width: 620px) {
  .container { width:min(calc(100% - 40px),var(--max)); }
  .section { padding:64px 0; }
  h1 { font-size:clamp(2.25rem,11vw,2.625rem); }
  h2 { font-size:clamp(1.875rem,8vw,2.25rem); }
  .header__inner { gap:14px; }
  .brand__name { font-size:.88rem;letter-spacing:.08em; }
  .icon-btn { display:none; }
  .hero { min-height:900px;padding-top:116px; }
  .hero::before { background-position:70% center;opacity:.88; }
  .hero::after { background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(3,11,25,.7)),linear-gradient(0deg,var(--ink-950) 0%,transparent 55%); }
  .hero__lead { font-size:1rem; }
  .hero__actions .btn { flex:1 1 150px; }
  .hero__trust { grid-template-columns:1fr 1fr;gap:16px 10px; }
  .hero__trust-item { font-size:.7rem; }
  .search-console { padding:14px; }
  .search-console__top { align-items:flex-start;flex-direction:column;gap:4px; }
  .search-box { grid-template-columns:1fr; }
  .search-box .btn { grid-column:auto; }
  .grid--4, .grid--3, .grid--2, .featured-grid, .catalog-grid, .compat-grid, .related-grid { grid-template-columns:1fr; }
  .category-card { min-height:360px; }.category-card .equipment-art{min-height:210px}
  .section__head { align-items:flex-start;flex-direction:column;margin-bottom:28px; }
  .knowledge__content { padding:30px 22px; }
  .knowledge__links { grid-template-columns:1fr; }
  .knowledge__visual { min-height:340px; }
  .network-orbit { width:270px;height:270px; }
  .sourcing__steps { grid-template-columns:1fr; }
  .rfq-banner { padding:32px 24px; }
  .catalog-search { flex-direction:column; }
  .catalog-search .btn { width:100%; }
  .catalog-toolbar { align-items:flex-start;flex-wrap:wrap; }
  .product-page { padding-top:24px; }
  .product-visual { min-height:390px; }
  .product-visual__note { flex-direction:column;gap:3px; }
  .product-facts { grid-template-columns:1fr; }
  .fact:nth-child(even) { padding-left:0;border-left:0; }
  .product-nav__inner { gap:22px; }
  .spec-grid { grid-template-columns:1fr; }
  .spec-item:nth-child(odd) { border-right:0; }
  .spec-item:nth-last-child(-n+2) { border-bottom:1px solid var(--line); }
  .spec-item:last-child { border-bottom:0; }
  .doc-row { grid-template-columns:40px minmax(0,1fr) auto;gap:12px; }
  .doc-row .doc-meta { display:none; }
  .product-rfq .rfq-banner { padding:34px 24px; }
  .footer__main { grid-template-columns:1fr 1fr; }.footer__intro{grid-column:1/-1}.footer__column:last-child{display:none}
  .footer__bottom { align-items:flex-start;flex-direction:column; }
  .page-hero--anime { min-height:430px; }
  .page-hero--anime::after { background:linear-gradient(90deg,rgba(3,8,19,.98),rgba(3,8,19,.62)),linear-gradient(0deg,var(--ink-950),transparent 65%); }
}


:root {
  --nokia: #2d96ff;
  --ericsson: #35df91;
  --huawei: #ff4968;
  --cut-sm: 10px;
  --cut: 16px;
}

body {
  background:
    radial-gradient(circle at 82% 6%, rgba(45,150,255,.12), transparent 28rem),
    radial-gradient(circle at 18% 54%, rgba(139,115,255,.065), transparent 36rem),
    linear-gradient(180deg, #030914, #020711 72%, #030812);
}

body::before {
  opacity: .33;
  background-image:
    linear-gradient(rgba(84,171,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(84,171,255,.045) 1px, transparent 1px),
    linear-gradient(135deg, transparent 49.85%, rgba(115,201,255,.055) 50%, transparent 50.15%);
  background-size: 64px 64px, 64px 64px, 256px 256px;
}

.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(78,230,255,.58) 16%, rgba(139,115,255,.26) 48%, transparent 82%);
  opacity: .66;
  pointer-events: none;
}

.brand__mark {
  clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);
  border-radius: 7px;
}

.brand__name {
  text-shadow: 0 0 20px rgba(78,230,255,.2);
}

.panel,
.product-card,
.category-card,
.rfq-banner,
.search-console,
.filters,
.logic-card,
.compat-card {
  position: relative;
}

.product-card,
.category-card,
.compat-card,
.logic-card {
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}

.product-card {
  --card-accent: var(--cyan);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--card-accent) 34%, transparent), var(--shadow-sm);
}

.product-card:has(.badge--nokia) { --card-accent: var(--nokia); }
.product-card:has(.badge--ericsson) { --card-accent: var(--ericsson); }
.product-card:has(.badge--huawei) { --card-accent: var(--huawei); }

.product-card::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--card-accent));
  box-shadow: 0 0 18px color-mix(in srgb, var(--card-accent) 45%, transparent);
  pointer-events: none;
}

.product-card:hover {
  border-color: color-mix(in srgb, var(--card-accent) 42%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--card-accent) 52%, transparent), 0 22px 60px rgba(0,5,18,.48), 0 0 38px color-mix(in srgb, var(--card-accent) 13%, transparent);
}

.product-card__visual,
.category-card > .vendor-equipment-art {
  isolation: isolate;
}

.product-card__visual::before,
.category-card > .vendor-equipment-art::before {
  content: "EQUIPMENT / VISUAL ID";
  position: absolute;
  left: 14px;
  top: 12px;
  z-index: 3;
  color: rgba(199,231,255,.62);
  font-size: .64rem;
  font-weight: 760;
  letter-spacing: .12em;
  pointer-events: none;
}

.vendor-equipment-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 9%, rgba(84,190,255,.11) 9.2%, transparent 9.5% 90%, rgba(84,190,255,.09) 90.2%, transparent 90.5%),
    linear-gradient(180deg, transparent 0 74%, rgba(78,230,255,.12) 74.25%, transparent 74.6%);
  mix-blend-mode: screen;
}

.vendor-equipment-art--nokia { border-bottom-color: color-mix(in srgb, var(--nokia) 38%, transparent); }
.vendor-equipment-art--ericsson { border-bottom-color: color-mix(in srgb, var(--ericsson) 38%, transparent); }
.vendor-equipment-art--huawei { border-bottom-color: color-mix(in srgb, var(--huawei) 38%, transparent); }

.badge--nokia { box-shadow: inset 0 0 18px rgba(45,150,255,.1), 0 0 14px rgba(45,150,255,.06); }
.badge--ericsson { box-shadow: inset 0 0 18px rgba(53,223,145,.1), 0 0 14px rgba(53,223,145,.06); color:#baf6d8; border-color:rgba(53,223,145,.3); background:rgba(20,116,76,.15); }
.badge--huawei { box-shadow: inset 0 0 18px rgba(255,73,104,.1), 0 0 14px rgba(255,73,104,.06); }

.hero__content {
  position: relative;
  padding-left: 22px;
  border-left: 1px solid rgba(78,230,255,.28);
}

.hero__content::after {
  content: "";
  position: absolute;
  left: -2px;
  top: 18%;
  width: 3px;
  height: 86px;
  background: linear-gradient(var(--cyan), var(--violet));
  box-shadow: 0 0 20px rgba(78,230,255,.42);
}

.hero h1,
.page-hero h1,
.product-summary h1 {
  text-wrap: balance;
  text-shadow: 0 8px 38px rgba(0,4,16,.72), 0 0 36px rgba(76,166,255,.08);
}

.search-console {
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  background:
    linear-gradient(110deg, rgba(14,36,62,.94), rgba(6,18,34,.92)),
    var(--surface-strong);
}

.search-console::before,
.filters::before,
.rfq-banner::before {
  content: "";
  position: absolute;
  left: 24px;
  top: -1px;
  width: 88px;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--violet), transparent);
  box-shadow: 0 0 16px rgba(78,230,255,.36);
  pointer-events: none;
}

.field {
  background:
    linear-gradient(90deg, rgba(78,230,255,.035), transparent 34%),
    rgba(4,15,29,.91);
}

.btn {
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
  border-radius: 8px;
}

.text-link::after {
  content: "";
  width: 16px;
  height: 1px;
  background: linear-gradient(90deg, currentColor, transparent);
  box-shadow: 0 0 8px rgba(78,230,255,.35);
}

.text-link:hover::after { transform: scaleX(1.3); transform-origin: left; }

.eyebrow {
  padding-right: 12px;
  background: linear-gradient(90deg, rgba(78,230,255,.08), transparent);
}

.eyebrow::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid var(--magenta);
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(230,108,255,.4);
}

.section__head h2,
.overview-copy h2,
.article-section h2 {
  text-wrap: balance;
}

.product-visual {
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
  border-color: rgba(45,150,255,.3);
  box-shadow: inset 0 0 60px rgba(45,150,255,.05), 0 26px 80px rgba(0,5,18,.42);
}

.spec-grid,
.docs-table,
.relationship-map,
.source-list {
  box-shadow: inset 0 1px rgba(78,230,255,.08), 0 18px 50px rgba(0,5,18,.22);
}

.article-section {
  position: relative;
}

.article-section::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 8px;
  width: 7px;
  height: 7px;
  border: 1px solid var(--magenta);
  transform: rotate(45deg);
  box-shadow: 0 0 13px rgba(230,108,255,.46);
}

@media (max-width: 860px) {
  .hero__content { padding-left:16px; }
  .article-section::before { display:none; }
  .vendor-equipment-art--lineup { background-size:auto, 52% auto, 52% auto, 52% auto; }
}

@media (max-width: 620px) {
  .product-card__visual::before,
  .category-card > .vendor-equipment-art::before { font-size:.6rem; }
  .product-card,
  .category-card,
  .compat-card,
  .logic-card { --cut: 12px; }
  .hero__content { border-left:0; padding-left:0; }
  .hero__content::after { display:none; }
  .vendor-equipment-art--lineup {
    background-size:auto, 55% auto, 55% auto, 55% auto;
    background-position:center, -12% 52%, 50% 48%, 112% 52%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vendor-equipment-art::after { display:none; }
}


:root{color-scheme:dark;--max:1280px;--header-height:80px;--text:#f0f5fc;--muted:#a6b8cc;--muted-strong:#c6d3e2;--line:rgba(158,190,221,.2);--radius:12px}
html{scroll-padding-top:156px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070f1c;font-size:16px;line-height:1.6}[hidden]{display:none!important}button,input,select{font:inherit}:focus-visible{outline:3px solid #7ceaff!important;outline-offset:4px!important}.field:focus-within,.catalog-search:focus-within{box-shadow:0 0 0 2px #7ceaff}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-180%);z-index:200;padding:12px 20px;background:#7ceaff;color:#06111f;border-radius:6px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{width:min(1280px,calc(100% - 80px));max-width:1280px}.section{padding:80px 0}.section--compact{padding:56px 0}.section__head{margin-bottom:32px}.section__head p{max-width:60ch}h1,h2,h3{text-wrap:balance}h1{line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;letter-spacing:-.035em}p{color:var(--muted)}.gradient-text{background:none;color:var(--text);-webkit-text-fill-color:currentColor;text-shadow:none}.eyebrow,.system-tag{font-size:12px;letter-spacing:.13em;color:#91dce9}.eyebrow{margin-bottom:16px}
.site-header,.site-header.is-scrolled{background:rgba(7,15,28,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.header__inner{gap:24px}.site-nav{gap:24px}.site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#b7c6d7}.site-nav a[aria-current]{color:#7ceaff}.site-nav a:nth-child(4),.site-nav a:last-child{display:inline-flex}.site-nav .nav-quote{padding:0 16px;border:1px solid #365f78;border-radius:6px;color:#dffbff}.header__tools{margin:0}.language-label{font-size:12px;color:#a6b8cc;padding:0 4px}.brand__name{font-size:17px;letter-spacing:.09em}
.btn{min-height:48px;font-size:14px;letter-spacing:.01em;border-radius:6px;padding:0 22px;clip-path:none}.btn--primary{background:#79e9f6;color:#061421;box-shadow:0 4px 24px #43c7ec16}.btn--primary:hover{background:#abf5fc;box-shadow:0 6px 28px #43c7ec24}.btn--secondary{background:#102134;border-color:#476178}.text-link{min-height:44px;font-size:14px}.panel{background:linear-gradient(145deg,#101f32,#0b1829);box-shadow:none}.panel--lift:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0003}.product-card,.category-card,.search-console,.product-visual,.knowledge-panel{clip-path:none}.product-card:focus-within{outline:2px solid #7ceaff;outline-offset:3px}
.hero{margin-top:0;min-height:640px;padding:96px 0 88px;display:flex;align-items:center}.hero::before{background-position:center right;background-size:cover}.hero::after{background:linear-gradient(90deg,#070f1cf5 0%,#070f1ce6 31%,#070f1c65 57%,#070f1c00 78%),linear-gradient(0deg,#070f1c 0%,transparent 26%)}.hero__content{width:650px;max-width:58%;padding-left:0;border:0}.hero__content::before{display:none}.hero h1{font-size:clamp(42px,4.8vw,68px);max-width:11ch;margin-bottom:24px}.hero__lead{max-width:46ch;font-size:18px;line-height:1.65;color:#c3d2e2}.hero__tagline{color:#e8f2ff}.hero__actions{margin-top:28px;gap:12px}.hero__trust{margin-top:32px;gap:12px 24px}.hero__trust-item{font-size:13px;color:#b9cadc}.hero__signal{display:none}
.search-stage{margin-top:-24px;position:relative;z-index:3}.search-console{padding:24px;border-top:2px solid #7ceaff;border-radius:8px}.search-console__top{margin-bottom:16px}.search-console__top h2{font-size:19px;letter-spacing:-.01em}.search-console__hint{font-size:13px;color:var(--muted)}.search-box{grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;gap:12px;background:none;border:0;box-shadow:none;overflow:visible;border-radius:0}.field{padding:10px 16px;background:#071321;border:1px solid #456079;border-radius:6px}.field label{font-size:12px;color:#b0c1d3;text-transform:none;letter-spacing:0}.field input,.field select{font-size:16px;min-height:28px}.field input::placeholder,.catalog-search input::placeholder{color:#a5b7ca}.search-box .btn{border-radius:6px}.field select{appearance:auto}.field select option{background:#102134}
.categories-grid,.featured-grid,.related-grid{gap:20px}.category-card{min-height:320px}.category-card__body{padding:24px}.category-card p{font-size:14px;color:var(--muted)}.product-card__visual{aspect-ratio:1.5;min-height:180px}.product-card__visual::after{content:none}.vendor-equipment-art{background-color:#0a1726}.product-card__body{padding:20px}.product-card__top{gap:8px;margin-bottom:12px}.product-card h3{font-size:22px;line-height:1.3}.product-card__type{font-size:14px;color:#b0c1d3;min-height:24px}.product-card__meta span{color:#a4b7cb;font-size:12px}.product-card__meta strong{font-size:14px;color:#e0ebf6}.product-card__actions .muted{font-size:12px}.badge{font-size:11px;letter-spacing:.06em}.badge--ericsson{color:#8de8bd;border-color:#34745a;background:#153c2d}.badge--huawei{color:#ffa6b6}.status{font-size:12px;color:#acbed1}.status::before{display:none}.product-card__actions{padding-top:12px}.product-card__actions .text-link{min-height:44px}
.knowledge-panel{min-height:400px}.knowledge__content{padding:40px}.knowledge__visual{min-height:400px}.knowledge-link{min-height:68px}.knowledge-link span{font-size:14px;color:var(--muted)}.sourcing__grid{gap:20px}.sourcing-step{padding:28px}.sourcing-step p{font-size:14px;color:var(--muted)}.rfq-banner,.product-rfq .rfq-banner{padding:40px;gap:32px}.rfq-banner h2{font-size:32px}.rfq-banner p{font-size:16px}.home-rfq,.product-rfq{padding:24px 0 80px}.site-footer{background:#060d18}.footer__main{padding:48px 0;gap:32px}.footer__column a{min-height:36px;font-size:14px;color:#a6b8cc}.footer__intro p,.footer__bottom{font-size:13px;color:#a6b8cc}
.page-hero,.page-hero.info-hero{min-height:0;padding:40px 0 36px}.page-hero h1{font-size:clamp(36px,4vw,52px);max-width:24ch}.page-hero p{font-size:17px;max-width:65ch}.page-hero--anime::before{opacity:.13;background-position:85% 36%}.page-hero--anime::after{background:linear-gradient(90deg,#070f1c 30%,#070f1c80)}.page-hero__signal{display:none}.breadcrumb{margin-bottom:24px;font-size:13px;color:#a8bdd0}.breadcrumb a{min-height:32px;display:inline-flex;align-items:center}.catalog-search{margin-top:24px;max-width:900px;border-radius:8px;padding:8px}.catalog-search input{font-size:16px}.catalog-layout{grid-template-columns:240px minmax(0,1fr);gap:32px}.catalog-layout-section{padding-top:32px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-main::before{display:none}.catalog-count{font-size:14px;color:#b8c9dc}.catalog-toolbar{gap:16px;flex-wrap:wrap}.filters{padding:20px;max-height:calc(100dvh - 120px);overflow:auto;scrollbar-width:thin}.filter-group h3{font-size:12px;color:#bbcbdb;letter-spacing:.07em}.filter-list{gap:0}.check{min-height:44px;font-size:14px}.band-chip span{height:44px;min-width:44px;font-size:13px}.band-chip input:focus-visible+span{outline:3px solid #7ceaff;outline-offset:3px}.filter-reset{font-size:14px}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.active-filters:empty{display:none}.filter-chip{border:1px solid #416780;border-radius:6px;background:#102d40;color:#d9f7ff;min-height:40px;padding:6px 12px;font-size:13px;cursor:pointer}.catalog-note{margin-top:24px;font-size:13px}.filter-backdrop{position:fixed;inset:0;z-index:79;background:#020710b8;backdrop-filter:blur(3px);border:0}.filter-done{display:none}
.product-page{padding-top:24px}.product-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.product-visual{min-height:480px;aspect-ratio:1.1}.product-visual__note{font-size:12px;color:#c0d4e8}.product-summary{padding:16px 0}.product-summary::after{display:none}.product-summary h1{font-size:clamp(40px,4vw,60px)}.product-summary__subtitle{font-size:18px;margin-bottom:16px}.product-facts{margin-bottom:24px}.fact{padding:12px 12px 12px 0}.fact span{font-size:12px;color:#a7bbcf;letter-spacing:.04em}.fact strong{font-size:16px}.product-summary__footnote{font-size:13px;color:#abbdd0}.copy-pn{border:0;border-bottom:1px dashed #7bbbd2;background:none;color:#9deefa;margin-left:12px;min-height:36px;padding:4px;font-size:12px;cursor:pointer}.product-nav{margin-top:40px}.product-nav a{font-size:14px;color:#b3c6d9}.product-nav a[aria-current]{color:#7ceaff;border-bottom-color:#7ceaff}.overview-grid{grid-template-columns:.8fr 1.2fr;gap:48px}.spec-item{gap:16px;padding:16px}.spec-item span,.spec-item strong{font-size:14px}.spec-grid{grid-template-columns:1fr}.spec-item:nth-child(odd){border-right:0}.spec-item:nth-last-child(2){border-bottom:1px solid var(--line)}.spec-warning{padding:12px 16px;margin:0 0 16px;border-left:2px solid #dcaaf7;color:#c8b9da;background:#241d322f;font-size:13px}.compat-card{min-height:190px;padding:24px}.compat-card__label{font-size:12px;color:#a9bed2;margin-bottom:16px}.compat-card p{font-size:14px;color:#a9bed2}.compat-card__tags span{font-size:12px;color:#c0d5e8}.doc-title strong{font-size:15px}.doc-title span,.doc-meta{font-size:13px;color:#a9bed2}.doc-action{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}.doc-row{grid-template-columns:40px minmax(0,1fr) 120px 110px 90px}
.info-hero h1{max-width:23ch}.info-hero__meta{font-size:13px;color:#aac0d4}.knowledge-layout{grid-template-columns:240px minmax(0,740px);gap:64px;justify-content:start}.knowledge-toc{padding:24px;top:104px}.knowledge-toc h2{font-size:16px}.knowledge-toc a{min-height:44px;display:flex;align-items:center;color:#adc2d6;font-size:14px}.knowledge-toc a[aria-current]{color:#7ceaff}.knowledge-article{min-width:0}.article-section{margin-bottom:64px;scroll-margin-top:120px}.article-section h2{font-size:30px}.article-section p{font-size:17px;line-height:1.8;color:#bfccdc;max-width:68ch}.article-section .logic-card p,.article-section .source-item p{font-size:14px;line-height:1.65}.logic-grid{gap:16px;margin-top:24px}.logic-card{padding:24px;min-height:0}.logic-card h3{font-size:19px}.logic-card__num{font-size:12px;color:#9acbd9}.relationship-line{grid-template-columns:1fr 1fr;gap:16px}.relationship-node{padding:20px}.relationship-node small{font-size:13px;color:#b4c6d9}.relationship-node span{font-size:12px;color:#9acbd9}.source-item__type,.source-item__use{font-size:12px;color:#b4c6d9}.article-intro{border-left:2px solid #71e6f5;padding:0 0 0 24px;margin-bottom:40px;color:#d6e5f3;font-size:19px;line-height:1.7}.mobile-toc{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:150;padding:14px 22px;background:#e2faff;color:#071727;border-radius:8px;box-shadow:0 12px 40px #0005}
@media(min-width:861px) and (max-width:1100px){.site-nav{gap:16px}.site-nav a{font-size:13px}.header__inner{gap:16px}.header__tools .icon-btn{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__content{max-width:60%}.product-visual{min-height:400px}.compat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.featured-grid,.categories-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.source-item{grid-template-columns:80px 1fr}.source-item__use{grid-column:2}.overview-grid{gap:32px}.doc-row{grid-template-columns:32px minmax(0,1fr) 100px 80px}.doc-meta:nth-of-type(3){display:none}}
@media(max-width:860px){:root{--header-height:72px}.container{width:calc(100% - 48px)}.site-nav{visibility:hidden;position:fixed;inset:72px 0 auto;max-height:calc(100dvh - 72px);overflow:auto;padding:20px 24px;background:#0b192b}.site-nav.is-open{visibility:visible}.site-nav a{display:flex!important;min-height:48px;font-size:16px}.site-nav .nav-quote{justify-content:center;margin-top:8px}.header__tools{margin-left:auto}.menu-btn{display:block;padding:12px}.hero{min-height:620px;padding:64px 0}.hero__content{max-width:66%}.hero h1{font-size:50px}.hero__trust{gap:8px 16px}.hero__trust-item{font-size:12px}.hero::before{background-position:64% center}.hero::after{background:linear-gradient(90deg,#070f1cf2 4%,#070f1ccb 40%,#070f1c26 100%),linear-gradient(0deg,#070f1c,transparent 40%)}.catalog-layout{display:block}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{position:fixed;inset:0 auto 0 0;width:min(360px,90vw);max-height:100dvh;z-index:80;border-radius:0;transform:translateX(-105%);visibility:hidden;padding:24px;background:#0b192a;transition:transform .2s,visibility .2s}.filters.is-open{transform:none;visibility:visible}.mobile-filter-btn{display:inline-flex}.filters [data-close-filters]{display:inline-grid!important;font-size:24px}.filter-done{display:flex!important;font-size:14px!important;width:100%;position:sticky;bottom:0;margin-top:16px}.product-hero{grid-template-columns:1fr 1fr;gap:28px}.product-visual{min-height:360px;aspect-ratio:auto;align-self:stretch}.product-summary h1{font-size:40px}.product-summary__actions .btn{width:100%}.product-facts{grid-template-columns:1fr}.fact:nth-child(even){border-left:0;padding-left:0}.fact{display:flex;justify-content:space-between;gap:16px;padding:10px 0}.fact strong{font-size:14px}.fact span{margin:0}.overview-grid{grid-template-columns:1fr}.compat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-layout{display:block}.knowledge-toc{display:none}.mobile-toc{display:block;margin-bottom:32px;padding:16px 20px}.mobile-toc summary{min-height:32px;cursor:pointer;color:#dcebf8}.mobile-toc a{display:flex;min-height:44px;align-items:center;font-size:14px;color:#afdcf0}.knowledge-article{max-width:740px}.section{padding:64px 0}.catalog-layout-section{padding-top:24px}.footer__main{grid-template-columns:2fr 1fr 1fr}.footer__intro{grid-column:1/-1}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.header__inner{gap:12px}.brand__name{font-size:15px}.brand__mark{width:30px;height:30px}.language-label{display:none}.hero{min-height:0;padding:280px 0 48px;align-items:flex-start}.hero::before{background-position:70% top;background-size:auto 540px;background-repeat:no-repeat;opacity:1}.hero::after{background:linear-gradient(0deg,#070f1c 0%,#070f1cf5 35%,#070f1c94 60%,#070f1c00 90%)}.hero__content{max-width:none;width:100%}.hero h1{font-size:44px;max-width:12ch;margin-bottom:20px}.hero__lead{font-size:16px;max-width:37ch}.hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero__actions .btn{padding:0 12px;font-size:13px;width:100%}.hero__trust{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.hero__trust-item{font-size:12px}.search-stage{margin-top:0}.search-console{padding:20px}.search-console__hint{display:none}.search-console__top h2{font-size:18px}.search-box{grid-template-columns:1fr}.search-box .btn{min-height:48px;grid-column:auto}.field{padding:10px 14px}.section{padding:48px 0}.section__head{gap:16px;align-items:flex-start}.section__head h2{font-size:30px}.section__head p{font-size:15px}.categories-grid,.featured-grid,.related-grid{grid-template-columns:1fr}.category-card{min-height:300px}.product-card__visual{aspect-ratio:1.6;min-height:180px}.product-card__body{padding:20px}.knowledge__content{padding:24px}.knowledge__visual{min-height:280px}.knowledge-panel{min-height:0}.sourcing__grid{grid-template-columns:1fr}.rfq-banner,.product-rfq .rfq-banner{padding:24px;display:flex;flex-direction:column;align-items:stretch;gap:24px}.rfq-banner h2{font-size:28px}.rfq-banner .btn{width:100%}.home-rfq,.product-rfq{padding:0 0 48px}.page-hero,.page-hero.info-hero{padding:24px 0}.page-hero h1{font-size:36px}.page-hero p{font-size:16px}.breadcrumb{margin-bottom:20px;font-size:12px;flex-wrap:wrap}.catalog-search{flex-direction:column;gap:8px}.catalog-search__input{padding:0 8px}.catalog-search .btn{width:100%}.catalog-layout-section{padding-top:20px}.catalog-grid{grid-template-columns:1fr;gap:20px}.catalog-toolbar>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-select{width:100%}.catalog-count{font-size:13px}.product-hero{grid-template-columns:1fr;gap:24px}.product-visual{min-height:0;aspect-ratio:1.08}.product-summary{padding:0}.product-summary h1{font-size:44px}.product-facts{grid-template-columns:1fr 1fr}.fact{display:block;padding:12px 8px 12px 0}.fact:nth-child(even){border-left:1px solid var(--line);padding-left:12px}.fact strong{font-size:15px}.fact span{font-size:11px;margin-bottom:4px}.product-summary__actions{display:grid;grid-template-columns:1fr;width:100%}.product-nav{margin-top:32px}.product-nav__inner{gap:24px}.product-nav a{font-size:13px}.product-visual__note{font-size:11px;left:16px;right:16px;bottom:16px}.compat-grid,.logic-grid{grid-template-columns:1fr}.compat-card{min-height:0}.doc-row{grid-template-columns:28px minmax(0,1fr) 70px;padding:16px 12px;gap:12px}.doc-row .doc-meta{display:none}.doc-title strong{font-size:14px}.doc-title span{font-size:12px}.doc-action{font-size:13px}.article-section h2{font-size:28px}.article-section p{font-size:16px}.article-intro{font-size:18px;padding-left:18px}.article-section{margin-bottom:48px}.relationship-line{grid-template-columns:1fr}.relationship-map{padding:16px}.source-item{grid-template-columns:1fr;gap:8px}.source-item__use{grid-column:auto}.info-hero__meta{gap:8px 16px}.footer__main{grid-template-columns:1fr 1fr;gap:24px}.footer__column:last-child{display:block}.footer__bottom{flex-direction:column;gap:8px;padding:20px 0}.copy-pn{margin:4px 0 0;display:block}.product-visual__note span:last-child{display:none}}
.toast{opacity:1}.search-box .btn{grid-column:auto}.hero__content{padding-top:0}.hero__actions{margin-bottom:0}.hero__trust{grid-template-columns:repeat(2,max-content)}.hero__content::after,.product-card__visual::before,.category-card>.vendor-equipment-art::before{display:none}.logic-card,.compat-card{clip-path:none}.knowledge{min-height:400px}.section--tight-top{padding-top:32px}.filter-backdrop{cursor:pointer}.catalog-toolbar{scroll-margin-top:112px}
@media(min-width:861px){.filters{position:sticky}.knowledge{grid-template-columns:1.25fr .75fr}.knowledge__visual{min-height:400px}}
@media(min-width:861px) and (max-width:1100px){.language-label{display:none}.brand{gap:8px}.brand__name{font-size:15px}.site-nav{gap:12px}.site-nav .nav-quote{padding:0 10px}}
@media(max-width:600px){.hero__trust{grid-template-columns:1fr 1fr}.section--tight-top{padding-top:20px}}

@media(min-width:861px){
  .hero::before{
    left:50%;
    right:auto;
    width:min(100%,1440px);
    max-height:820px;
    transform:translateX(-50%);
    background-size:contain;
    background-position:right top;
    background-repeat:no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent);
  }
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.reveal{opacity:1;transform:none}.site-nav li,.footer__column li{list-style:none}.site-nav .sub-menu{display:none;position:absolute;background:#102134;padding:16px;border:1px solid var(--line);min-width:225px;z-index:20}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:block}.site-nav li{position:relative}.site-nav .sub-menu a{display:block;padding:10px 8px}.bbu-nav-list{display:flex;align-items:center;gap:24px;margin:0;padding:0}.menu-item-has-children>a::after{content:" ▾"}.bbu-nav-list>li:last-child>a{border:1px solid #365f78;border-radius:6px;padding:12px 16px}
.bbu-card-image{display:block}.bbu-card-image img{width:100%;height:230px;object-fit:contain}.product-card h2{font-size:22px}.bbu-pn{font-size:13px;overflow-wrap:anywhere}.bbu-product-image{display:flex;flex-direction:column;margin:0;padding:24px}.bbu-product-image img{width:100%;height:auto;object-fit:contain;max-height:420px}.bbu-product-image figcaption{font-size:12px;color:var(--muted);padding:12px}.bbu-filters{display:flex;flex-wrap:wrap;gap:16px;padding:20px;margin-bottom:24px}.bbu-filters .field{flex:1;min-width:180px}.bbu-filters select{width:100%}.rfq-form{padding:32px;max-width:1000px}.rfq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rfq-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rfq-form input,.rfq-form textarea,.bbu-variant select{background:#071321;color:var(--text);border:0;width:100%;font:inherit}.rfq-form textarea{resize:vertical;min-height:100px}.rfq-form input[type=file]{padding:8px 0}.rfq-honeypot{position:absolute;left:-10000px}.form-notice{padding:28px;margin-bottom:24px}.bbu-prose{max-width:1100px}.bbu-prose h2{margin:40px 0 20px}.bbu-prose h3{margin:20px 0 12px}.bbu-prose p{margin-bottom:20px}.bbu-prose a:not(.btn){text-decoration:underline}.bbu-prose ul{padding-left:24px}.bbu-prose .grid{margin:28px 0}.bbu-pagination{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.bbu-pagination a,.bbu-pagination span{padding:10px 16px;background:#102134;border-radius:6px}.bbu-pagination .current{color:#7ceaff}.bbu-variant{display:flex;align-items:stretch;gap:12px}.bbu-variant .field{flex:1;min-width:0}.spec-item strong,.compat-card p,.spec-item span{overflow-wrap:anywhere;min-width:0}.catalog-grid{margin:24px 0 48px}.category-card img{width:100%;height:200px;object-fit:contain}.bbu-it-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bbu-it-grid .panel{padding:24px}.footer__main{grid-template-columns:2fr 1fr 1fr}.search-box .field{display:flex;flex-direction:column}.search-box{grid-template-columns:minmax(0,1fr) auto}.sourcing__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hero__content{max-width:58%}.hero__lead{max-width:38ch}.bbu-vendors{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.bbu-vendors a{padding:12px 20px}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bbu-home-about{max-width:70ch}.rfq-form p{font-size:14px}
@media(max-width:1000px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.bbu-it-grid{grid-template-columns:repeat(2,1fr)}.sourcing__steps{grid-template-columns:1fr}.site-nav{gap:12px}.bbu-nav-list{gap:12px}}
@media(max-width:860px){.bbu-nav-list{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:8px}.site-nav .sub-menu{display:block;position:static;margin:0;border:0;padding:0 0 0 20px;background:transparent}.site-nav .sub-menu a{font-size:14px}.bbu-nav-list>li:last-child>a{display:block}.site-nav.is-open{max-height:calc(100vh - 90px);overflow-y:auto}.bbu-filters{align-items:stretch}.footer__main{grid-template-columns:1fr 1fr}.hero__content{max-width:66%}}
@media(max-width:600px){.rfq-grid,.bbu-it-grid,.grid--4{grid-template-columns:1fr}.rfq-form{padding:20px}.bbu-variant{flex-direction:column}.bbu-filters{flex-direction:column}.bbu-filters .field{min-width:0}.hero__content{max-width:none}.search-box{grid-template-columns:1fr}.footer__main{grid-template-columns:1fr}.spec-item{display:flex;flex-direction:column;gap:6px}.product-summary h1{overflow-wrap:anywhere}.hero::before{background-size:auto 540px}.product-hero{min-width:0}}
.breadcrumb span:not(:last-child)::after,.breadcrumb a::after{content:none}

.bbu-data-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0 32px}.bbu-data-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0}.bbu-data-cards .panel{padding:28px}.bbu-data-cards h2{font-size:24px;margin:18px 0}.bbu-data-cards p{margin-bottom:0}.bbu-data-endpoint{padding:24px;background:#102134;border:1px solid var(--line);border-radius:12px;margin:28px 0}.bbu-data-endpoint code{display:block;margin-top:12px;overflow-wrap:anywhere}.bbu-data-definitions{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;gap:0;margin:24px 0}.bbu-data-definitions dt,.bbu-data-definitions dd{margin:0;padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.bbu-data-definitions dt{padding-right:20px;color:#7ceaff}.bbu-data-guide ol{padding-left:24px}.bbu-data-guide li{margin:12px 0}.bbu-record-data code,.bbu-prose code{overflow-wrap:anywhere}.bbu-record-data{border-top:1px solid var(--line)}
@media(max-width:860px){.bbu-data-cards{grid-template-columns:1fr}.bbu-data-definitions{grid-template-columns:1fr}.bbu-data-definitions dt{border-bottom:0;padding-bottom:4px}.bbu-data-definitions dd{padding-top:4px}.bbu-data-cards .panel{padding:24px}}

.bbu-additional{padding:1.5rem}.bbu-additional summary{cursor:pointer;font-size:1.25rem;font-weight:700}.bbu-additional dd{margin:0;white-space:pre-wrap}.spec-item a{text-decoration:underline;text-underline-offset:3px}.bbu-filters{flex-wrap:wrap}

.bbu-workbench details{padding:1rem;margin:1rem 0}.bbu-table-scroll{overflow-x:auto;max-width:100%}.bbu-compare-table{border-collapse:collapse;width:100%;min-width:500px}.bbu-compare-table th,.bbu-compare-table td{padding:.8rem;border:1px solid #364151;vertical-align:top;text-align:left;min-width:170px}.bbu-compare-table button{display:block;margin-top:.5rem}.bbu-quote-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:1rem;align-items:end;margin:1rem 0}.bbu-quote-row input{display:block;width:100%;min-width:0}.bbu-data-actions{flex-wrap:wrap}.bbu-data-actions button{white-space:normal}.product-card small{display:block;margin-top:.5rem}.bbu-filters input[type=search]{width:100%;min-width:0}.bbu-filters .field{min-width:0}.bbu-filters select{max-width:100%}@media(max-width:640px){.bbu-quote-row{grid-template-columns:1fr 1fr}.bbu-quote-row>a{grid-column:1/-1}.bbu-workbench{max-width:100%;overflow:hidden}}

.spec-grid:empty{display:none}

.product-card{display:flex;flex-direction:column;min-width:0}
.product-card .bbu-card-image{position:relative;flex:none;aspect-ratio:auto;height:230px;min-height:230px}
.product-card .bbu-card-image img{display:block;height:100%;width:100%;object-fit:contain}
.bbu-illustration{position:absolute;bottom:8px;right:12px;color:var(--muted);font-size:11px}
.product-card .product-card__body{display:flex;flex-direction:column;flex:1;min-width:0}
.product-card .badge{align-self:flex-start}.product-card h2{min-height:2.6em;overflow-wrap:anywhere}
.product-card .product-card__meta{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(3.7em,auto) minmax(3.7em,auto) minmax(3.7em,auto);gap:12px;margin:0 0 20px}
.product-card [data-card-field=pn]{grid-row:1}.product-card [data-card-field=family]{grid-row:2}.product-card [data-card-field=bands]{grid-row:3}
.product-card__meta dt{color:var(--muted);font-size:12px}.product-card__meta dd{margin:4px 0 0;font-size:14px;overflow-wrap:anywhere}
.product-card .product-card__actions{margin-top:auto}.product-card .bbu-data-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;margin:12px 0 0}
.product-card .bbu-data-actions .btn{min-width:0;padding:10px;font-size:12px}