:root {
  --ink:#17212a;
  --muted:#63707b;
  --line:#d8dee4;
  --soft:#f4f6f8;
  --blue:#1769c2;
  --blue-dark:#0f4e92;
  --blue-soft:#eaf3fc;
  --green:#1769c2;
  --amber:#66798a;
}

/* Product pricing and quote status */
.product-commerce {
  --commerce-ink:#101820;
  --commerce-muted:#55636d;
  --commerce-line:rgba(16,24,32,.16);
  --commerce-surface:rgba(255,255,255,.7);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px 17px;
  width:min(100%,520px);
  margin-top:25px;
  padding:14px 16px;
  color:var(--commerce-ink);
  border:1px solid var(--commerce-line);
  background:var(--commerce-surface);
  backdrop-filter:blur(8px);
}

.product-commerce-price {
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.product-commerce-price small {
  color:var(--commerce-muted);
  font-size:11px;
  font-weight:720;
  letter-spacing:.06em;
}

.product-commerce-price strong {
  color:var(--commerce-ink);
  font-size:30px;
  font-weight:620;
  letter-spacing:-.045em;
  line-height:1;
}

.product-commerce-copy {
  display:grid;
  gap:3px;
  padding-left:17px;
  border-left:1px solid var(--commerce-line);
}

.product-commerce-copy strong {
  color:var(--commerce-ink);
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}

.product-commerce-copy span {
  color:var(--commerce-muted);
  font-size:11px;
  line-height:1.4;
}

.product-commerce.is-quote .product-commerce-price strong {
  font-size:16px;
  font-weight:700;
  letter-spacing:0;
}

.hub-hero .product-commerce {
  --commerce-ink:#111820;
  --commerce-muted:#52606a;
  --commerce-line:rgba(17,24,32,.15);
  --commerce-surface:rgba(255,255,255,.78);
}

.dcf-hero .product-commerce,
.x8-hero .product-commerce,
.product-story-hero .product-commerce,
.ic-production-story .product-commerce {
  --commerce-ink:#f5f8fa;
  --commerce-muted:#b8c5ce;
  --commerce-line:rgba(211,228,238,.22);
  --commerce-surface:rgba(8,18,27,.5);
}

.home-commerce {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 12px;
  margin-top:22px;
  color:#eef6fc;
  font-variant-numeric:tabular-nums;
}

.home-commerce strong {
  font-size:24px;
  font-weight:650;
  letter-spacing:-.035em;
}

.home-commerce span {
  color:#bfcfda;
  font-size:11px;
  font-weight:620;
  line-height:1.4;
}

.home-commerce.is-quote strong {
  font-size:15px;
  letter-spacing:0;
}

.product-hero-8hub .home-commerce { color:#101820; }
.product-hero-8hub .home-commerce span { color:#56636d; }

.family-commerce {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-top:15px;
  padding:10px 11px;
  color:#143a57;
  border:1px solid #d2dce4;
  background:#f7fafc;
  font-variant-numeric:tabular-nums;
}

.family-commerce strong { font-size:15px; font-weight:720; }
.family-commerce span { color:#61717d; font-size:10px; font-weight:650; text-align:right; }

@media (max-width:600px) {
  .product-commerce {
    grid-template-columns:1fr;
    gap:7px;
    padding:13px 14px;
  }
  .product-commerce-copy {
    padding:8px 0 0;
    border-top:1px solid var(--commerce-line);
    border-left:0;
  }
  .product-commerce-price strong { font-size:27px; }
  .home-commerce { margin-top:17px; }
  .family-commerce { align-items:flex-start; flex-direction:column; gap:3px; }
  .family-commerce span { text-align:left; }
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; }
.container { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.notice-bar { padding:8px 0; color:#eaf3fb; background:#17344f; font-size:11px; }
.site-header { position:sticky; top:0; z-index:30; border-bottom:1px solid var(--line); background:rgba(255,255,255,.97); }
.header-inner { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:16px; font-weight:700; letter-spacing:.13em; }
.header-inner nav { display:flex; align-items:center; gap:27px; }
.header-inner nav a { color:#3f4a54; font-size:13px; }
.header-inner nav a:hover,.header-inner nav a[aria-current="page"] { color:var(--blue); }
.nav-finder { padding:9px 13px; border:1px solid #a9bfd4; background:#f6faff; color:var(--blue)!important; font-weight:700; }
.eyebrow,.section-label { margin:0 0 15px; color:var(--blue); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.home-hero { position:relative; min-height:510px; overflow:hidden; border-bottom:1px solid var(--line); background:#eef3f6; }
.hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 36%,rgba(255,255,255,.48) 63%,rgba(255,255,255,.08) 100%); }
.hero-inner { position:relative; z-index:1; min-height:510px; display:flex; align-items:center; }
.hero-copy-block { max-width:575px; padding:70px 0; }
.hero-copy-block h1 { margin:0; font-size:54px; line-height:1.05; letter-spacing:-.04em; font-weight:650; }
.hero-copy-block > p:not(.eyebrow) { max-width:520px; margin:21px 0 0; color:#53616c; font-size:17px; line-height:1.6; }
.hero-actions { display:flex; gap:13px; margin-top:29px; }
.primary-button,.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:11px 18px; border:1px solid var(--blue); font-size:12px; font-weight:700; }
.primary-button { color:#fff; background:var(--blue); }
.primary-button:hover { background:var(--blue-dark); }
.secondary-button { color:var(--blue); background:#fff; }
.secondary-button:hover { background:var(--blue-soft); }
.image-note { position:absolute; right:18px; bottom:14px; z-index:2; padding:6px 9px; color:#53616c; background:rgba(255,255,255,.88); font-size:9px; }

.finder-wrap { padding:42px 0 55px; border-bottom:1px solid var(--line); background:#fff; scroll-margin-top:96px; }
.finder-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:24px; }
.finder-heading h2 { margin:0; font-size:34px; letter-spacing:-.025em; }
.finder-heading p { max-width:430px; margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.finder { display:grid; grid-template-columns:1fr 1.25fr 1fr; border:1px solid var(--line); background:var(--soft); }
.finder-step { padding:20px; border-right:1px solid var(--line); }
.finder-step:last-of-type { border-right:0; }
.step-title { display:flex; align-items:center; gap:9px; margin-bottom:13px; font-size:11px; font-weight:700; }
.step-number { display:grid; place-items:center; width:22px; height:22px; color:#fff; border-radius:50%; background:var(--blue); font-size:10px; }
.choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.choice-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.choice-button { min-height:76px; padding:11px 8px; color:#46535e; border:1px solid #ccd4dc; background:#fff; cursor:pointer; text-align:center; transition:.15s ease; }
.choice-button:hover { border-color:#7d9fbd; transform:translateY(-1px); }
.choice-button[aria-pressed="true"] { color:var(--blue-dark); border-color:var(--blue); background:var(--blue-soft); box-shadow:inset 0 0 0 1px var(--blue); }
.choice-symbol { display:grid; place-items:center; width:38px; height:29px; margin:0 auto 7px; color:#314a60; border:1px solid #90a4b5; border-radius:5px; background:#f8fbfd; font-size:9px; font-weight:700; letter-spacing:.04em; }
.choice-button[aria-pressed="true"] .choice-symbol { color:#fff; border-color:var(--blue); background:var(--blue); }
.choice-label { display:block; font-size:10px; font-weight:700; line-height:1.25; }
.choice-sub { display:block; margin-top:3px; color:#7a858f; font-size:8px; line-height:1.2; }
.finder-result { grid-column:1/-1; display:grid; grid-template-columns:240px 1fr; min-height:180px; border-top:1px solid var(--line); background:#fff; }
.result-path { display:flex; align-items:center; justify-content:center; gap:8px; padding:24px; border-right:1px solid var(--line); background:#f8fafb; }
.path-node { min-width:62px; padding:10px 8px; border:1px solid #a9b7c3; background:#fff; font-size:10px; font-weight:700; text-align:center; }
.path-line { position:relative; width:40px; height:2px; overflow:hidden; background:#b9c6d1; }
.path-line::after { content:""; position:absolute; top:-2px; left:-8px; width:6px; height:6px; border-radius:50%; background:var(--blue); animation:signal-flow 1.8s linear infinite; }
@keyframes signal-flow { to { transform:translateX(56px); } }
.result-content { padding:22px 25px; }
.result-top { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.result-top h3 { margin:0; font-size:20px; }
.result-top p { margin:7px 0 0; color:var(--muted); font-size:11px; }
.status { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid #c6d6e4; color:#36546f; background:#f4f8fb; font-size:9px; font-weight:700; white-space:nowrap; }
.status::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--blue); }
.status.planned { color:#36546f; border-color:#c6d6e4; background:#f4f8fb; }
.status.planned::before { background:#66798a; }
.result-options { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:18px; }
.result-option { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:55px; padding:12px 14px; border:1px solid var(--line); background:#fff; }
.result-option strong { display:block; font-size:11px; }
.result-option span { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.result-option em { display:block; margin-top:7px; color:var(--blue-dark); font-size:10px; font-style:normal; font-weight:750; }
.result-option b { color:var(--blue); font-size:16px; }
.result-option:hover { border-color:#8ba7bf; background:#f8fbfd; }

.section-space { padding:72px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:26px; }
.section-head h2 { margin:0; font-size:34px; letter-spacing:-.025em; }
.section-head > a { color:var(--blue); font-size:12px; font-weight:700; }
.section-hint { max-width:380px; color:var(--muted); font-size:11px; line-height:1.55; }
.area-directory-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; }
.product-area-card { overflow:hidden; border:1px solid var(--line); background:#fff; }
a.product-area-card:hover { border-color:#86a2b9; box-shadow:0 8px 28px rgba(24,50,72,.08); }
.product-area-media { position:relative; height:245px; overflow:hidden; border-bottom:1px solid var(--line); background:#e9eef2; }
.product-area-media > img { width:100%; height:100%; object-fit:cover; }
.product-area-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(13,30,43,.32)); pointer-events:none; }
.area-count { position:absolute; left:16px; bottom:15px; z-index:2; padding:7px 9px; color:#fff; border:1px solid rgba(255,255,255,.4); background:rgba(18,50,76,.88); font-size:9px; font-weight:700; }
.area-count.planned { color:#596570; border-color:#cfd7de; background:rgba(255,255,255,.92); }
.product-area-copy { padding:27px; }
.area-state { display:inline-block; margin-bottom:13px; color:var(--blue); font-size:9px; font-weight:700; letter-spacing:.1em; }
.area-state.planned { color:#7b6a4e; }
.product-area-copy h2,.product-area-copy h3 { margin:0; font-size:24px; line-height:1.2; }
.product-area-copy p { min-height:38px; margin:12px 0 20px; color:var(--muted); font-size:11px; line-height:1.6; }
.product-area-copy strong { color:var(--blue); font-size:10px; }
.planned-area { background:#fafbfc; }
.planned-area .product-area-copy strong { color:#7c8790; }
.motherboard-scene { display:grid; place-items:center; background:linear-gradient(135deg,#e6ebef,#f7f9fa); }
.motherboard-scene::before { content:""; position:absolute; width:330px; height:170px; border:1px solid #b6c3cd; border-radius:8px; background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(81,111,133,.09) 32px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(81,111,133,.09) 32px); transform:rotate(-4deg); }
.motherboard-board { position:relative; z-index:1; width:265px; height:135px; border:2px solid #7590a4; border-radius:6px; background:#bfc9d1; box-shadow:0 13px 25px rgba(25,45,61,.16); transform:rotate(-4deg); }
.motherboard-board::before,.motherboard-board::after { content:""; position:absolute; border:1px solid #597283; background:#dce3e8; }
.motherboard-board::before { width:58px; height:50px; left:91px; top:39px; }
.motherboard-board::after { width:72px; height:13px; right:19px; top:18px; }
.motherboard-board i { position:absolute; width:25px; height:18px; border:1px solid #6d8291; background:#e9eeeb; }
.motherboard-board i:nth-child(1) { left:17px; top:20px; }.motherboard-board i:nth-child(2) { left:17px; top:49px; }.motherboard-board i:nth-child(3) { right:24px; bottom:18px; }.motherboard-board i:nth-child(4) { right:60px; bottom:18px; }
.motherboard-board span { position:absolute; z-index:2; left:108px; top:59px; font-size:8px; font-weight:700; }.motherboard-board b { position:absolute; z-index:2; right:44px; top:21px; font-size:7px; }
.area-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:16px; }
.area-card { position:relative; min-height:300px; overflow:hidden; border:1px solid var(--line); background:#172631; color:#fff; }
.area-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.64; }
.area-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,28,40,.92),rgba(12,28,40,.25)); }
.area-card-content { position:relative; z-index:1; max-width:440px; padding:34px; }
.area-card h3 { margin:0; font-size:28px; line-height:1.15; }
.area-card p { margin:13px 0 25px; color:#d7e1e8; font-size:12px; line-height:1.6; }
.format-stack { display:grid; gap:16px; }
.format-card { display:grid; grid-template-columns:64px 1fr 24px; align-items:center; gap:17px; min-height:142px; padding:22px; border:1px solid var(--line); background:#fff; }
.format-card:hover { border-color:#92a8ba; background:#fafcfd; }
.format-icon { position:relative; display:grid; place-items:center; width:64px; height:64px; color:var(--blue); border:1px solid #b7c8d6; background:var(--blue-soft); font-size:11px; font-weight:700; }
.format-card h3 { margin:0; font-size:16px; }
.format-card p { margin:7px 0 0; color:var(--muted); font-size:10px; line-height:1.45; }
.format-card > b { color:var(--blue); font-size:20px; }

.family-section { border-top:1px solid var(--line); background:var(--soft); }
.family-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.family-card { overflow:hidden; border:1px solid var(--line); background:#fff; }
.family-card:hover { border-color:#8ca2b5; }
.family-visual { position:relative; height:185px; overflow:hidden; border-bottom:1px solid var(--line); background:#e9eef2; }
.family-visual img { width:100%; height:100%; object-fit:cover; }
.family-visual.diagram { display:grid; place-items:center; padding:20px; background:#eef3f6; }
.family-body { padding:22px; }
.conversion-tag { display:inline-flex; align-items:center; gap:7px; color:var(--blue); font-size:10px; font-weight:700; }
.conversion-tag span { color:#84909a; }
.family-card h3 { margin:15px 0 9px; font-size:19px; line-height:1.25; }
.family-card p { min-height:35px; margin:0; color:var(--muted); font-size:10px; line-height:1.55; }
.purpose-grid .family-card p { min-height:48px; }
.use-label { display:block; min-height:24px; color:var(--blue); font-size:9px; font-weight:700; line-height:1.35; letter-spacing:.04em; }
.technical-path { margin-top:15px; padding:9px 10px; color:#455f74; border:1px solid #d2dce4; background:#f7fafc; font-size:9px; font-weight:700; text-align:center; }
.technical-path b { padding:0 5px; color:var(--blue); }
.family-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:19px; padding-top:15px; border-top:1px solid var(--line); }
.family-meta > span:first-child { color:#6d7882; font-size:9px; }

.visual-flow { display:flex; align-items:center; justify-content:center; width:100%; gap:10px; }
.visual-device { display:grid; place-items:center; width:70px; height:52px; color:#31495e; border:1px solid #8fa4b5; border-radius:7px; background:#fff; font-size:10px; font-weight:700; }
.visual-controller { position:relative; display:grid; place-items:center; width:78px; height:66px; color:#fff; border-radius:4px; background:#1c5f9d; font-size:9px; font-weight:700; }
.visual-controller::before,.visual-controller::after { content:""; position:absolute; left:-8px; right:-8px; height:4px; background:repeating-linear-gradient(90deg,#8194a4 0 4px,transparent 4px 8px); }
.visual-controller::before { top:7px; }.visual-controller::after { bottom:7px; }
.visual-wire { position:relative; width:40px; height:2px; overflow:hidden; background:#9cb0bf; }
.visual-wire::after { content:""; position:absolute; top:-2px; width:6px; height:6px; border-radius:50%; background:var(--blue); animation:signal-flow 1.8s linear infinite; }
.visual-targets { display:grid; gap:5px; }
.visual-target { min-width:68px; padding:7px 8px; border:1px solid #8fa4b5; border-radius:5px; background:#fff; font-size:9px; font-weight:700; text-align:center; }
.battery-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,31,44,.12),rgba(13,31,44,.02)); pointer-events:none; }
.battery-overlay { position:absolute; left:15px; top:15px; z-index:2; width:138px; padding:13px; color:#263a49; border:1px solid rgba(119,145,164,.75); background:rgba(255,255,255,.93); box-shadow:0 6px 18px rgba(15,37,53,.12); }
.battery-overlay span { display:block; color:#5e7180; font-size:7px; font-weight:700; letter-spacing:.08em; }
.battery-overlay strong { display:block; margin:5px 0 4px; color:var(--green); font-size:28px; line-height:1; }
.battery-overlay small { display:block; color:#5d6973; font-size:7px; line-height:1.4; }
.format-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }

.info-strip { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.info-strip article { min-height:125px; padding:23px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.info-strip strong { display:block; font-size:12px; }
.info-strip p { margin:9px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.about-section { padding:62px 0; border-top:1px solid var(--line); background:#f8f9fa; }
.about-grid { display:grid; grid-template-columns:1fr .9fr; gap:80px; }
.about-grid h2 { margin:0; font-size:31px; line-height:1.2; }
.about-grid p { margin:0 0 15px; color:var(--muted); font-size:12px; line-height:1.7; }

.page-header { padding:48px 0 35px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; color:#717d87; font-size:10px; }
.page-header h1 { margin:0; font-size:43px; letter-spacing:-.03em; }
.page-header > p:last-child { max-width:700px; margin:14px 0 0; color:var(--muted); font-size:14px; line-height:1.6; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; padding:13px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#6a7680; font-size:10px; }
.catalog-area { padding:10px 0 80px; }

.area-hero { position:relative; overflow:hidden; min-height:380px; color:#fff; background:#142736; }
.area-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.54; }
.area-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,28,41,.95),rgba(10,28,41,.27)); }
.area-hero-inner { position:relative; z-index:1; max-width:640px; padding-top:70px; padding-bottom:70px; }
.area-hero h1 { margin:0; font-size:48px; line-height:1.08; letter-spacing:-.035em; }
.area-hero p { margin:18px 0 0; color:#dce5ec; font-size:14px; line-height:1.65; }
#products { scroll-margin-top:84px; }

.family-page { padding-bottom:80px; }
.family-hero { display:grid; grid-template-columns:1fr 1fr; min-height:390px; border:1px solid var(--line); }
.family-hero-image { position:relative; min-height:360px; overflow:hidden; background:#eef2f4; }
.family-hero-image.diagram { display:grid; place-items:center; padding:35px; }
.family-hero-image img { width:100%; height:100%; object-fit:cover; }
.family-hero-image .image-note { right:12px; bottom:12px; }
.family-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:44px; }
.family-hero-copy h1 { margin:0; font-size:39px; line-height:1.12; letter-spacing:-.03em; }
.family-hero-copy > p { margin:17px 0 0; color:var(--muted); font-size:13px; line-height:1.65; }
.path-large { display:flex; align-items:center; gap:9px; margin-bottom:20px; }
.path-large span { padding:7px 9px; color:#33536e; border:1px solid #b8c7d4; background:#f4f8fb; font-size:9px; font-weight:700; }
.path-large b { color:var(--blue); }
.format-section { padding:60px 0 0; }
.format-section h2 { margin:0 0 24px; font-size:29px; }
.format-compare { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.product-format { border:1px solid var(--line); background:#fff; }
.format-title { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px; border-bottom:1px solid var(--line); background:var(--soft); }
.format-title h3 { margin:0; font-size:18px; }
.format-product { padding:24px; }
.format-product h4 { margin:0; font-size:20px; line-height:1.25; }
.format-product > p { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.6; }
.feature-icons { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:20px 0; }
.feature-icon { min-height:70px; padding:11px 8px; border:1px solid var(--line); text-align:center; }
.feature-icon b { display:grid; place-items:center; width:28px; height:25px; margin:0 auto 8px; color:#fff; border-radius:4px; background:var(--blue); font-size:8px; }
.feature-icon span { color:#56636e; font-size:9px; line-height:1.25; }
.format-link { display:flex; align-items:center; justify-content:space-between; padding-top:16px; border-top:1px solid var(--line); color:var(--blue); font-size:11px; font-weight:700; }
.technical-note { margin-top:16px; padding:17px 19px; border-left:3px solid var(--blue); background:#f1f6fa; }
.technical-note strong { font-size:11px; }
.technical-note p { margin:6px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.compatibility-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.compatibility-grid article { padding:22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.compatibility-grid h3 { margin:0; font-size:13px; }
.compatibility-grid p { margin:8px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }

.product-page { padding:32px 0 80px; }
.product-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; margin-top:15px; }
.gallery { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.gallery-main { grid-column:1/-1; }
.gallery-main,.gallery-small { border:1px solid var(--line); background:#f4f6f7; }
.gallery img { width:100%; height:100%; object-fit:cover; }
.gallery-main img { aspect-ratio:16/10; }.gallery-small img { aspect-ratio:4/3; }
.gallery span { display:block; padding:9px 11px; border-top:1px solid var(--line); color:#68737d; background:#fff; font-size:9px; }
.product-summary { padding-top:7px; }
.product-category { margin:0 0 18px; color:#66727c; font-size:9px; font-weight:700; letter-spacing:.08em; }
.product-summary h1 { margin:0 0 18px; font-size:38px; line-height:1.13; letter-spacing:-.025em; }
.product-lede { margin:22px 0; color:var(--muted); font-size:14px; line-height:1.65; }
.key-specs { border-top:1px solid var(--line); }
.key-specs > div { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid var(--line); }
.key-specs span { color:#747f89; font-size:9px; }.key-specs strong { font-size:11px; text-align:right; }
.availability-box { margin-top:20px; padding:17px; border-left:3px solid var(--blue); background:#f1f6fa; }
.availability-box strong { font-size:11px; }.availability-box p { margin:6px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.detail-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; padding:62px 0; border-bottom:1px solid var(--line); }
.detail-heading h2 { margin:0; font-size:26px; line-height:1.25; }
.detail-heading p:last-child { color:var(--muted); font-size:11px; line-height:1.6; }
.detail-body > p { margin:0 0 25px; color:var(--muted); font-size:12px; line-height:1.7; }
.detail-body h3 { margin:0 0 12px; font-size:14px; }
.detail-body ul { margin:0; padding-left:19px; color:var(--muted); font-size:11px; line-height:1.85; }
.spec-table { border-top:1px solid var(--line); }
.spec-table > div { display:grid; grid-template-columns:42% 58%; padding:13px 0; border-bottom:1px solid var(--line); }
.spec-table span { color:#68747e; font-size:10px; }.spec-table strong { font-size:10px; font-weight:600; }

.contact-page { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-bottom:70px; }
.contact-panel { padding:32px; border:1px solid var(--line); }
.contact-primary { background:var(--soft); }
.contact-panel h2 { margin:0; font-size:28px; }
.contact-panel > p:not(.section-label) { margin:15px 0 0; color:var(--muted); font-size:11px; line-height:1.65; }
.contact-actions { display:flex; align-items:center; gap:22px; margin-top:25px; }
.contact-phone { color:var(--blue); font-size:12px; font-weight:700; }
.company-details { margin:0; }
.company-details > div { display:grid; grid-template-columns:145px 1fr; gap:20px; padding:13px 0; border-bottom:1px solid var(--line); }
.company-details > div:first-child { border-top:1px solid var(--line); }
.company-details dt { color:#6b7680; font-size:10px; }.company-details dd { margin:0; font-size:11px; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }

footer { color:#dce2e7; background:#1b252e; }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.3fr; gap:48px; padding-top:48px; padding-bottom:40px; }
.footer-brand { color:#fff; }.footer-grid p { max-width:310px; color:#9da8b2; font-size:10px; line-height:1.6; }
.footer-grid h3 { margin:0 0 14px; color:#fff; font-size:10px; }
.footer-grid > div > a { display:block; margin:0 0 9px; color:#aeb8c1; font-size:10px; }
.footer-grid > div > a:hover { color:#fff; }
.footer-bottom { display:flex; justify-content:space-between; padding-top:17px; padding-bottom:19px; border-top:1px solid #34414c; color:#89959f; font-size:9px; }

@media (max-width:900px) {
  .container { width:min(100% - 30px,1180px); }
  .header-inner nav { gap:15px; }.header-inner nav a:nth-child(3) { display:none; }
  .hero-copy-block h1 { font-size:43px; }
  .hero-shade { background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 58%,rgba(255,255,255,.34)); }
  .finder { grid-template-columns:1fr; }.finder-step { border-right:0; border-bottom:1px solid var(--line); }.finder-result { grid-template-columns:1fr; }.result-path { border-right:0; border-bottom:1px solid var(--line); }
  .area-grid,.family-hero,.product-intro,.detail-section,.about-grid,.contact-page { grid-template-columns:1fr; }
  .product-area-media { height:220px; }
  .family-grid { grid-template-columns:1fr 1fr; }.family-grid .family-card:last-child { grid-column:1/-1; }
  .format-compare { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .notice-bar { font-size:9px; }.header-inner { min-height:61px; }.brand { font-size:14px; }
  .header-inner nav a:not(.nav-finder) { display:none; }.nav-finder { padding:8px 11px; }
  .home-hero,.hero-inner { min-height:470px; }.hero-copy-block { padding:55px 0 95px; }.hero-copy-block h1 { font-size:37px; }.hero-copy-block > p:not(.eyebrow) { font-size:14px; }
  .hero-shade { background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 68%,rgba(255,255,255,.46)); }
  .hero-photo { object-position:65% center; }
  .finder-heading,.section-head { align-items:start; flex-direction:column; }.finder-heading h2,.section-head h2 { font-size:29px; }.section-hint { max-width:none; }
  .choice-grid,.choice-grid.three { grid-template-columns:1fr 1fr; }.choice-grid.three .choice-button:last-child { grid-column:1/-1; }
  .result-options,.family-grid,.feature-icons,.info-strip,.compatibility-grid { grid-template-columns:1fr; }
  .family-grid .family-card:last-child { grid-column:auto; }
  .area-grid,.area-directory-grid,.format-pair { grid-template-columns:1fr; }.area-card { min-height:340px; }
  .product-area-media { height:210px; }.product-area-copy { padding:23px; }.product-area-copy p { min-height:0; }
  .motherboard-scene::before { width:270px; height:145px; }.motherboard-board { width:225px; height:120px; }
  .page-header h1,.area-hero h1 { font-size:36px; }.area-hero-inner { padding-top:55px; padding-bottom:55px; }
  .family-hero-copy { padding:30px 23px; }.family-hero-copy h1 { font-size:31px; }
  .format-title { align-items:flex-start; flex-direction:column; }
  .gallery { grid-template-columns:1fr; }.gallery-main { grid-column:auto; }
  .spec-table > div,.company-details > div { grid-template-columns:1fr; gap:6px; }
  .footer-grid { grid-template-columns:1fr; gap:28px; }.footer-bottom { flex-direction:column; gap:7px; }
  .contact-actions { align-items:flex-start; flex-direction:column; gap:14px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .path-line::after,.visual-wire::after { animation:none; }
}
a:focus-visible,button:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }

/* Dual Mini PCIe CAN FD product render inside the homepage carousel */
.product-hero-media-real {
  background:
    radial-gradient(circle at 50% 45%,rgba(84,167,255,.13),transparent 42%),
    #05090d;
}

.product-hero-media-real .product-hero-picture,
.product-hero-media-real .product-hero-picture img {
  display:block;
  width:100%;
  height:100%;
}

.product-hero-media-real .product-hero-picture img {
  object-fit:contain;
}

.product-hero-real-caption {
  position:absolute;
  z-index:4;
  right:20px;
  bottom:20px;
  min-width:168px;
  padding:13px 15px;
  color:#fff;
  border:1px solid rgba(96,209,245,.52);
  background:rgba(3,12,19,.82);
  backdrop-filter:blur(10px);
}

.product-hero-real-caption span,
.product-hero-real-caption strong {
  display:block;
}

.product-hero-real-caption span {
  color:#63ddf5;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
}

.product-hero-real-caption strong {
  margin-top:6px;
  font-size:13px;
}

@media (max-width:600px) {
  .product-hero-real-caption {
    right:12px;
    bottom:12px;
    min-width:140px;
    padding:10px 12px;
  }
}

/* Clear, area-first catalog system */
:root {
  --ink:#17212a;
  --muted:#586672;
  --line:#d8dee4;
  --soft:#f4f6f8;
  --blue:#1769c2;
  --blue-dark:#0f4e92;
  --blue-soft:#eaf3fc;
}
body { font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; font-size:16px; line-height:1.55; }
.container { width:min(1200px,calc(100% - 56px)); }
.notice-bar { padding:7px 0; font-size:12px; }
.notice-inner { display:flex; align-items:center; justify-content:space-between; }
.header-inner { min-height:70px; }
.brand { font-size:18px; }
.header-inner nav { gap:29px; }
.header-inner nav a { font-size:14px; font-weight:540; }
.nav-finder { padding:10px 15px; }
.eyebrow,.section-label { margin-bottom:14px; font-size:12px; letter-spacing:.09em; }
.primary-button,.secondary-button { min-height:45px; padding:12px 19px; font-size:14px; }

.catalog-intro { padding:52px 0 48px; border-bottom:1px solid var(--line); background:var(--soft); }
.catalog-intro-grid { display:grid; grid-template-columns:1.12fr .88fr; align-items:end; gap:90px; }
.catalog-intro h1 { max-width:650px; margin:0; font-size:clamp(38px,3.7vw,50px); line-height:1.08; letter-spacing:-.038em; font-weight:650; }
.catalog-intro-grid > div:last-child > p { max-width:520px; margin:0; color:var(--muted); font-size:17px; line-height:1.65; }
.catalog-intro .hero-actions { margin-top:24px; }
.area-first-section { padding-top:58px; padding-bottom:64px; scroll-margin-top:92px; }
.section-space { padding-top:64px; padding-bottom:64px; }
.section-head { margin-bottom:24px; }
.section-head h2 { font-size:34px; line-height:1.2; }
.section-head > a { font-size:14px; }
.area-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.product-area-card { min-width:0; }
.product-area-media { height:245px; }
.product-area-copy { padding:27px; }
.product-area-copy h2,.product-area-copy h3 { font-size:25px; }
.product-area-copy p { min-height:48px; margin:13px 0 20px; font-size:15px; line-height:1.6; }
.product-area-copy strong { font-size:13px; }
.area-state { font-size:11px; }
.area-count { font-size:11px; }
.directory-note { margin:20px 0 0; color:#6f7c87; font-size:13px; line-height:1.55; }
.family-section { background:#f5f7f9; }
.family-body { padding:23px; }
.family-card h3 { font-size:21px; }
.family-card p { min-height:62px; font-size:14px; line-height:1.6; }
.purpose-grid .family-card p { min-height:62px; }
.use-label { min-height:29px; font-size:11px; }
.family-meta > span:first-child { font-size:11px; }
.status { font-size:11px; }
.info-strip strong { font-size:15px; }
.info-strip p { font-size:14px; }
.about-grid p { font-size:15px; }
.about-grid h2 { font-size:34px; }

/* Legible type on product and contact pages */
.finder-heading p,.area-card p,.area-hero p,.family-hero-copy > p,.product-format > p,.contact-panel > p:not(.section-label) { font-size:15px; }
.finder-heading h2 { font-size:36px; }
.step-title,.result-top p,.detail-heading p:last-child,.technical-note p,.compatibility-grid p,.availability-box p { font-size:13px; }
.choice-label,.format-card p,.feature-icon span,.detail-body ul,.key-specs span,.key-specs strong,.spec-table span,.spec-table strong,.company-details dt,.company-details dd { font-size:12px; }
.choice-sub { font-size:10px; }
.result-top h3 { font-size:22px; }
.technical-path,.breadcrumbs,.catalog-toolbar,.product-category,.gallery span { font-size:11px; }
.compatibility-grid h3,.detail-body h3 { font-size:15px; }
.detail-body > p { font-size:14px; }
.page-header > p:last-child,.product-lede { font-size:16px; }
.format-link,.contact-phone { font-size:13px; }
.footer-grid p,.footer-grid > div > a,.footer-grid h3 { font-size:12px; }
.footer-bottom { font-size:11px; }

@media (max-width:900px) {
  .container { width:min(100% - 38px,1200px); }
  .catalog-intro-grid { grid-template-columns:1fr; gap:28px; }
  .area-directory-grid { grid-template-columns:1fr; }
  .product-area-copy p { min-height:0; }
}
@media (max-width:600px) {
  .container { width:min(100% - 28px,1200px); }
  .notice-inner span:last-child { display:none; }
  .catalog-intro { padding:38px 0 40px; }
  .catalog-intro h1 { font-size:36px; }
  .catalog-intro-grid > div:last-child > p { font-size:16px; }
  .catalog-intro .hero-actions { align-items:stretch; flex-direction:column; }
  .area-first-section,.section-space { padding-top:50px; padding-bottom:50px; }
  .section-head h2 { font-size:29px; }
  .product-area-media { height:210px; }
  .product-area-copy { padding:23px; }
  .family-card p,.purpose-grid .family-card p { min-height:0; }
}

/* Helpful interaction feedback without decorative motion */
.choice-button { position:relative; }
.result-option b,.format-card > b { transition:transform .16s ease; }
.product-area-media > img,.family-visual > img { transition:transform .22s ease; }

@media (hover:hover) and (pointer:fine) {
  .choice-button[data-help]::after {
    content:attr(data-help);
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    z-index:60;
    width:210px;
    padding:9px 11px;
    color:#f5f8fa;
    border:1px solid #365268;
    background:#173247;
    box-shadow:0 7px 18px rgba(16,39,55,.18);
    font-size:11px;
    font-weight:500;
    line-height:1.45;
    text-align:left;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-3px);
    transition:opacity .14s ease,transform .14s ease;
  }
  .choice-grid > .choice-button:first-child::after { left:0; transform:translate(0,-3px); }
  .choice-grid > .choice-button:last-child::after { right:0; left:auto; transform:translate(0,-3px); }
  .choice-button[data-help]:hover::after,.choice-button[data-help]:focus-visible::after { opacity:1; transform:translate(-50%,0); }
  .choice-grid > .choice-button:first-child:hover::after,.choice-grid > .choice-button:first-child:focus-visible::after,
  .choice-grid > .choice-button:last-child:hover::after,.choice-grid > .choice-button:last-child:focus-visible::after { transform:translate(0,0); }

  a.product-area-card,.family-card,.format-card,.result-option { transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease; }
  a.product-area-card:hover,.family-card:hover { transform:translateY(-2px); box-shadow:0 9px 24px rgba(24,50,72,.10); }
  a.product-area-card:hover .product-area-media > img,.family-card:hover .family-visual > img { transform:scale(1.018); }
  a.product-area-card:hover h3,.family-card:hover h3 { color:var(--blue); }
  .format-card:hover,.result-option:hover { border-color:#86a7c2; background:#f7fbfe; box-shadow:0 6px 16px rgba(24,50,72,.07); }
  .format-card:hover > b,.result-option:hover b { transform:translateX(3px); }
}

@media (prefers-reduced-motion:reduce) {
  .result-option b,.format-card > b,.product-area-media > img,.family-visual > img,
  a.product-area-card,.family-card,.format-card,.result-option { transition:none; }
  a.product-area-card:hover,.family-card:hover { transform:none; }
  a.product-area-card:hover .product-area-media > img,.family-card:hover .family-visual > img { transform:none; }
}

/* Controller-first XILUME homepage */
.controller-hero {
  border-bottom:1px solid var(--line);
  background:#fff;
}
.controller-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
  align-items:center;
  gap:70px;
  min-height:610px;
  padding-top:72px;
  padding-bottom:72px;
}
.controller-hero-copy h1 {
  max-width:650px;
  margin:0;
  color:#111c25;
  font-size:clamp(48px,4.7vw,68px);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1.01;
}
.hero-lede {
  max-width:650px;
  margin:25px 0 0;
  color:#4d5b67;
  font-size:17px;
  line-height:1.72;
}
.hero-assurance {
  display:flex;
  flex-wrap:wrap;
  gap:8px 19px;
  margin:28px 0 0;
  padding:0;
  color:#53616c;
  font-size:12px;
  list-style:none;
}
.hero-assurance li {
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.hero-assurance li::before {
  content:"";
  width:5px;
  height:5px;
  background:var(--blue);
}
.hero-system-card {
  border:1px solid #203c52;
  color:#e8eef3;
  background:#132a3c;
  box-shadow:18px 20px 0 #e8edf1;
}
.system-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 18px;
  border-bottom:1px solid #365065;
  color:#b8c7d2;
  font-size:10px;
  letter-spacing:.11em;
}
.system-card-head b {
  color:#6fb2f1;
  font-size:9px;
}
.hero-system-flow {
  display:grid;
  grid-template-columns:105px 1fr 170px 1fr 105px;
  align-items:center;
  min-height:300px;
  padding:35px 28px;
}
.hero-signal-stack {
  display:grid;
  gap:7px;
}
.hero-signal-stack small {
  margin-bottom:3px;
  color:#7891a3;
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
}
.hero-signal-stack span {
  padding:9px 8px;
  border:1px solid #496276;
  color:#d6e0e7;
  background:#1b3549;
  font-size:10px;
  font-weight:700;
  text-align:center;
}
.hero-flow-line {
  position:relative;
  height:1px;
  overflow:hidden;
  background:#527087;
}
.hero-flow-line::after {
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:5px;
  height:5px;
  background:#4da1ef;
  animation:hero-signal 2s linear infinite;
}
@keyframes hero-signal { to { transform:translateX(80px); } }
.hero-chip {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:150px;
  height:150px;
  margin:auto;
  border:1px solid #6f8ca2;
  background:#0f2130;
  box-shadow:inset 0 0 0 8px #172f42;
}
.hero-chip img {
  width:48px;
  height:48px;
  margin-bottom:10px;
}
.hero-chip strong {
  color:#fff;
  font-size:14px;
  letter-spacing:.13em;
}
.hero-chip small {
  margin-top:5px;
  color:#6fa9db;
  font-size:7px;
  letter-spacing:.1em;
}
.chip-pin-row,.chip-pin-column,.selector-chip-pins {
  position:absolute;
  pointer-events:none;
}
.chip-pin-row {
  left:13px;
  right:13px;
  height:7px;
  background:repeating-linear-gradient(90deg,#8da0ae 0 5px,transparent 5px 11px);
}
.chip-pin-row.top { top:-7px; }
.chip-pin-row.bottom { bottom:-7px; }
.chip-pin-column {
  top:13px;
  bottom:13px;
  width:7px;
  background:repeating-linear-gradient(180deg,#8da0ae 0 5px,transparent 5px 11px);
}
.chip-pin-column.left { left:-7px; }
.chip-pin-column.right { right:-7px; }
.system-card-foot {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #365065;
}
.system-card-foot > div {
  display:grid;
  grid-template-columns:27px 1fr;
  align-items:center;
  gap:8px;
  min-height:64px;
  padding:12px 14px;
  border-right:1px solid #365065;
}
.system-card-foot > div:last-child { border-right:0; }
.system-card-foot small {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid #55728a;
  color:#66a9e6;
  font-size:8px;
}
.system-card-foot strong {
  font-size:9px;
  font-weight:600;
  line-height:1.35;
}

.platform-section {
  padding-top:80px;
  padding-bottom:84px;
}
.section-intro {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:end;
  gap:70px;
  margin-bottom:30px;
}
.section-intro h2,.integration-heading h2,.build-process-grid h2 {
  margin:0;
  color:#14212b;
  font-size:38px;
  font-weight:630;
  letter-spacing:-.035em;
  line-height:1.15;
}
.section-intro > p {
  margin:0;
  color:#5a6873;
  font-size:15px;
  line-height:1.68;
}
.platform-list {
  border-top:1px solid #bfc9d1;
}
.platform-row {
  display:grid;
  grid-template-columns:58px 76px minmax(0,1fr) 175px;
  align-items:center;
  gap:22px;
  min-height:142px;
  padding:24px 22px 24px 0;
  border-bottom:1px solid #cbd3da;
  background:#fff;
}
a.platform-row:hover {
  background:#f6f9fb;
}
.platform-primary {
  border-left:4px solid var(--blue);
  padding-left:18px;
  background:#f7fbff;
}
.platform-index {
  color:#81909b;
  font-size:12px;
  font-weight:700;
}
.platform-symbol {
  position:relative;
  display:block;
  width:62px;
  height:62px;
  color:#25445d;
  border:1px solid #aab9c5;
  background:#f7fafc;
}
.chip-symbol::before {
  content:"XIC";
  position:absolute;
  inset:10px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#214f73;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
}
.chip-symbol::after {
  content:"";
  position:absolute;
  inset:-5px;
  background:repeating-linear-gradient(90deg,transparent 0 8px,#788d9d 8px 11px,transparent 11px 15px);
  clip-path:polygon(0 0,100% 0,100% 6%,0 6%,0 94%,100% 94%,100% 100%,0 100%);
}
.module-symbol i {
  position:absolute;
  display:block;
  border:1px solid #678298;
  background:#dce5eb;
}
.module-symbol i:nth-child(1) { inset:10px; }
.module-symbol i:nth-child(2) { width:16px; height:16px; left:16px; top:18px; background:#2f668f; }
.module-symbol i:nth-child(3) { width:12px; height:7px; right:15px; bottom:17px; background:#fff; }
.board-symbol i:first-child {
  position:absolute;
  inset:10px;
  border:1px solid #8295a4;
  background:#cbd6dd;
}
.board-symbol i:last-child {
  position:absolute;
  width:21px;
  height:18px;
  left:21px;
  top:21px;
  border:1px solid #667f92;
  background:#eef2f4;
}
.platform-copy {
  display:block;
}
.platform-copy small {
  display:block;
  margin-bottom:8px;
  color:var(--blue);
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
}
.platform-copy > strong {
  display:block;
  color:#16242e;
  font-size:23px;
  line-height:1.2;
}
.platform-copy > span {
  display:block;
  max-width:720px;
  margin-top:8px;
  color:#5a6873;
  font-size:14px;
  line-height:1.55;
}
.platform-meta {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  color:var(--blue);
}
.platform-meta b {
  font-size:12px;
}
.platform-meta i {
  font-size:20px;
  font-style:normal;
}
.platform-future {
  color:#73808a;
  background:#fafbfc;
}
.platform-future .platform-copy small,.platform-future .platform-meta { color:#7c8790; }
.platform-future .platform-copy > strong { color:#53616c; }

.controller-selector-section {
  padding:78px 0 84px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#f2f5f7;
  scroll-margin-top:74px;
}
.selector-intro {
  margin-bottom:34px;
}
.selector-shell {
  display:grid;
  grid-template-columns:220px 238px 250px minmax(310px,1fr);
  border:1px solid #bfc9d1;
  background:#fff;
  box-shadow:0 12px 35px rgba(20,42,58,.07);
}
.selector-column,.selector-chip-column {
  min-width:0;
  padding:20px;
  border-right:1px solid #cdd5db;
}
.selector-column-head {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:37px;
  margin-bottom:17px;
}
.selector-column-head.centered {
  justify-content:center;
}
.selector-step {
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:none;
  color:#fff;
  background:#205f94;
  font-size:10px;
  font-weight:700;
}
.selector-column-head small {
  display:block;
  color:#7a8791;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
}
.selector-column-head strong {
  display:block;
  margin-top:2px;
  color:#24333e;
  font-size:12px;
}
.signal-choice-list {
  display:grid;
  gap:7px;
}
.signal-choice {
  display:grid;
  grid-template-columns:45px 1fr;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:8px 10px;
  color:#334450;
  border:1px solid #d1d8de;
  background:#fff;
  cursor:pointer;
  text-align:left;
}
.signal-choice:hover {
  border-color:#7fa0ba;
  background:#f8fbfd;
}
.signal-choice[aria-pressed="true"] {
  color:#173d5d;
  border-color:#327ab3;
  background:#edf6fd;
  box-shadow:inset 3px 0 0 var(--blue);
}
.signal-code {
  display:grid;
  place-items:center;
  width:42px;
  height:32px;
  color:#2f5877;
  border:1px solid #9eb3c3;
  background:#f5f9fc;
  font-size:9px;
  font-weight:800;
  letter-spacing:.03em;
}
.signal-choice[aria-pressed="true"] .signal-code {
  color:#fff;
  border-color:#1f6095;
  background:#1f6095;
}
.signal-choice strong {
  display:block;
  font-size:10px;
  line-height:1.3;
}
.signal-choice small {
  display:block;
  margin-top:3px;
  color:#7a8791;
  font-size:8px;
}
.selector-chip-column {
  background:#f8fafb;
}
.selector-chip-stage {
  display:grid;
  grid-template-columns:1fr 132px 1fr;
  align-items:center;
  min-height:245px;
}
.selector-route {
  position:relative;
  height:2px;
  overflow:hidden;
  background:#8fa5b5;
}
.selector-route i {
  position:absolute;
  top:-2px;
  left:0;
  width:6px;
  height:6px;
  background:var(--blue);
  animation:selector-signal 1.8s linear infinite;
}
.route-out i { animation-delay:.8s; }
@keyframes selector-signal { to { transform:translateX(65px); } }
.selector-chip-body {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:132px;
  height:132px;
  color:#fff;
  background:#183a55;
  box-shadow:inset 0 0 0 7px #214c6d;
}
.selector-chip-body img {
  width:39px;
  height:39px;
  margin-bottom:9px;
}
.selector-chip-body > strong {
  max-width:108px;
  overflow:hidden;
  font-size:10px;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.selector-chip-body > small {
  margin-top:5px;
  color:#92bfdf;
  font-size:6px;
  letter-spacing:.08em;
}
.selector-chip-pins.top,.selector-chip-pins.bottom {
  left:13px;
  right:13px;
  height:6px;
  background:repeating-linear-gradient(90deg,#8599a8 0 5px,transparent 5px 10px);
}
.selector-chip-pins.top { top:-6px; }
.selector-chip-pins.bottom { bottom:-6px; }
.selector-chip-pins.left,.selector-chip-pins.right {
  top:13px;
  bottom:13px;
  width:6px;
  background:repeating-linear-gradient(180deg,#8599a8 0 5px,transparent 5px 10px);
}
.selector-chip-pins.left { left:-6px; }
.selector-chip-pins.right { right:-6px; }
.selector-chip-note {
  margin:8px 0 0;
  color:#6d7a84;
  font-size:9px;
  line-height:1.5;
  text-align:center;
}
.selector-match {
  padding:22px 24px;
  background:#fff;
}
.match-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:14px;
  border-bottom:1px solid #d7dde2;
}
.match-head span {
  color:#196349;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.match-head small {
  color:#677580;
  font-size:9px;
  font-weight:700;
}
.match-title {
  padding:20px 0 16px;
}
.match-title small {
  color:#78858e;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
}
.match-title h3 {
  margin:5px 0 8px;
  color:#123c5d;
  font-size:27px;
  letter-spacing:-.02em;
}
.match-title p {
  min-height:42px;
  margin:0;
  color:#596772;
  font-size:11px;
  line-height:1.55;
}
.match-specs {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:0;
  border-top:1px solid #d7dde2;
  border-left:1px solid #d7dde2;
}
.match-specs div {
  min-height:57px;
  padding:10px 11px;
  border-right:1px solid #d7dde2;
  border-bottom:1px solid #d7dde2;
}
.match-specs dt {
  color:#7c8891;
  font-size:8px;
}
.match-specs dd {
  margin:5px 0 0;
  color:#253641;
  font-size:10px;
  font-weight:700;
}
.match-actions {
  display:grid;
  gap:10px;
  margin-top:17px;
}
.match-actions .primary-button {
  width:100%;
  min-height:39px;
  font-size:11px;
}
.text-link {
  color:var(--blue);
  font-size:10px;
  font-weight:700;
}
.engineering-note {
  margin:16px 0 0;
  color:#7c8790;
  font-size:8px;
  line-height:1.45;
}
.selector-shell[data-match-state="roadmap"] .match-head span {
  color:#66798a;
}
.selector-shell[data-match-state="roadmap"] .match-title h3 {
  color:#6f5a39;
  font-size:20px;
}
.selector-shell[data-match-state="roadmap"] .selector-chip-body {
  background:#5f6d77;
  box-shadow:inset 0 0 0 7px #73818a;
}

.integration-section {
  padding-top:84px;
  padding-bottom:84px;
}
.integration-heading {
  max-width:780px;
  margin-bottom:34px;
}
.integration-heading > p:last-child {
  margin:17px 0 0;
  color:#5a6873;
  font-size:15px;
  line-height:1.7;
}
.document-package-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #c6d0d8;
  border-left:1px solid #c6d0d8;
}
.document-package-grid article {
  min-height:180px;
  padding:24px;
  border-right:1px solid #c6d0d8;
  border-bottom:1px solid #c6d0d8;
  background:#fff;
}
.document-package-grid article > span {
  display:block;
  margin-bottom:26px;
  color:var(--blue);
  font-size:10px;
  font-weight:800;
}
.document-package-grid strong {
  display:block;
  color:#1c2a34;
  font-size:16px;
}
.document-package-grid p {
  margin:10px 0 0;
  color:#62707b;
  font-size:12px;
  line-height:1.6;
}
.integration-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:22px;
  padding:22px 24px;
  color:#dce7ef;
  background:#17344b;
}
.integration-cta strong,.integration-cta span {
  display:block;
}
.integration-cta strong {
  color:#fff;
  font-size:15px;
}
.integration-cta span {
  margin-top:6px;
  font-size:11px;
}
.integration-cta .secondary-button {
  flex:none;
}

.module-catalog-section {
  padding:78px 0 82px;
  border-top:1px solid var(--line);
  background:#f4f6f8;
  scroll-margin-top:72px;
}
.module-table {
  border-top:1px solid #bac6cf;
}
.module-table > a {
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(120px,.65fr) minmax(190px,1fr) 100px 20px;
  align-items:center;
  gap:24px;
  min-height:105px;
  padding:19px 14px;
  border-bottom:1px solid #c9d2d9;
  background:#fff;
}
.module-table > a:hover {
  background:#f9fcfe;
  box-shadow:inset 4px 0 0 var(--blue);
}
.module-table span small {
  display:block;
  margin-bottom:5px;
  color:#7a8791;
  font-size:8px;
  font-weight:700;
  letter-spacing:.07em;
}
.module-table span strong {
  display:block;
  color:#263640;
  font-size:12px;
}
.module-table .module-name strong {
  color:#17364f;
  font-size:17px;
}
.module-status {
  padding:7px 9px;
  color:#3c5b72;
  border:1px solid #b5c8d6;
  background:#f4f9fc;
  font-size:9px;
  font-weight:700;
  text-align:center;
}
.module-table > a > b {
  color:var(--blue);
  font-size:18px;
}

.build-process-section {
  padding:82px 0;
  color:#e2e9ee;
  background:#182630;
}
.build-process-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:90px;
}
.build-process-grid h2 {
  color:#fff;
}
.build-process-grid ol {
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #40505c;
}
.build-process-grid li {
  display:grid;
  grid-template-columns:42px 1fr;
  gap:17px;
  padding:20px 0;
  border-bottom:1px solid #40505c;
}
.build-process-grid li > span {
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  color:#83bff1;
  border:1px solid #597186;
  font-size:10px;
  font-weight:700;
}
.build-process-grid li strong {
  color:#fff;
  font-size:14px;
}
.build-process-grid li p {
  margin:6px 0 0;
  color:#aebbc4;
  font-size:12px;
  line-height:1.55;
}

@media (max-width:1120px) {
  .controller-hero-grid {
    grid-template-columns:1fr;
    gap:50px;
  }
  .controller-hero-copy {
    max-width:780px;
  }
  .hero-system-card {
    width:min(100%,760px);
  }
  .selector-shell {
    grid-template-columns:1fr 1fr 1fr;
  }
  .selector-match {
    grid-column:1/-1;
    border-top:1px solid #cdd5db;
  }
  .match-specs {
    grid-template-columns:repeat(3,1fr);
  }
  .match-actions {
    grid-template-columns:230px 1fr;
    align-items:center;
  }
}

@media (max-width:820px) {
  .controller-hero-grid {
    min-height:0;
    padding-top:55px;
    padding-bottom:62px;
  }
  .controller-hero-copy h1 {
    font-size:48px;
  }
  .hero-system-flow {
    grid-template-columns:82px 1fr 140px 1fr 82px;
    padding-right:20px;
    padding-left:20px;
  }
  .hero-chip {
    width:125px;
    height:125px;
  }
  .section-intro,.build-process-grid {
    grid-template-columns:1fr;
    gap:18px;
  }
  .platform-row {
    grid-template-columns:42px 64px 1fr;
  }
  .platform-meta {
    grid-column:3;
    justify-content:flex-start;
  }
  .selector-shell {
    grid-template-columns:1fr 1fr;
  }
  .selector-chip-column {
    border-right:0;
  }
  .selector-shell > .signal-choice-column:nth-of-type(3) {
    border-top:1px solid #cdd5db;
  }
  .selector-match {
    grid-column:2;
    grid-row:2;
  }
  .match-specs {
    grid-template-columns:1fr 1fr;
  }
  .match-actions {
    grid-template-columns:1fr;
  }
  .document-package-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .module-table > a {
    grid-template-columns:1fr 1fr 95px 20px;
  }
  .module-table .module-name {
    grid-column:1/-1;
  }
  .module-table > a > span:nth-child(4) {
    grid-column:3;
    grid-row:2;
  }
  .module-table > a > b {
    grid-column:4;
    grid-row:2;
  }
}

@media (max-width:600px) {
  .controller-hero-copy h1 {
    font-size:40px;
  }
  .hero-lede {
    font-size:15px;
  }
  .controller-hero .hero-actions {
    align-items:stretch;
    flex-direction:column;
  }
  .hero-assurance {
    display:grid;
  }
  .hero-system-card {
    box-shadow:9px 10px 0 #e8edf1;
  }
  .hero-system-flow {
    grid-template-columns:1fr;
    gap:20px;
    padding:26px;
  }
  .hero-signal-stack {
    grid-template-columns:repeat(3,1fr);
  }
  .hero-signal-stack small {
    grid-column:1/-1;
  }
  .hero-flow-line {
    width:1px;
    height:24px;
    margin:auto;
  }
  .hero-flow-line::after {
    top:0;
    left:-2px;
    animation:none;
  }
  .hero-chip {
    width:138px;
    height:138px;
  }
  .system-card-foot {
    grid-template-columns:1fr;
  }
  .system-card-foot > div {
    border-right:0;
    border-bottom:1px solid #365065;
  }
  .system-card-foot > div:last-child {
    border-bottom:0;
  }
  .platform-section,.integration-section {
    padding-top:58px;
    padding-bottom:60px;
  }
  .section-intro h2,.integration-heading h2,.build-process-grid h2 {
    font-size:31px;
  }
  .platform-row {
    grid-template-columns:38px 58px 1fr;
    gap:14px;
    padding-right:5px;
  }
  .platform-symbol {
    width:54px;
    height:54px;
  }
  .platform-copy > strong {
    font-size:19px;
  }
  .platform-copy > span {
    font-size:12px;
  }
  .controller-selector-section {
    padding-top:56px;
    padding-bottom:60px;
  }
  .selector-shell {
    grid-template-columns:1fr;
  }
  .selector-column,.selector-chip-column {
    border-right:0;
    border-bottom:1px solid #cdd5db;
  }
  .selector-shell > .signal-choice-column:nth-of-type(3) {
    border-top:0;
  }
  .selector-match {
    grid-column:auto;
    grid-row:auto;
    border-top:0;
  }
  .signal-choice-list {
    grid-template-columns:1fr 1fr;
  }
  .signal-choice {
    grid-template-columns:38px 1fr;
    min-height:70px;
    padding:8px;
  }
  .signal-code {
    width:36px;
  }
  .document-package-grid {
    grid-template-columns:1fr;
  }
  .document-package-grid article {
    min-height:0;
  }
  .integration-cta {
    align-items:stretch;
    flex-direction:column;
  }
  .module-catalog-section {
    padding-top:56px;
    padding-bottom:60px;
  }
  .module-table > a {
    grid-template-columns:1fr 32px;
    gap:13px;
  }
  .module-table .module-name {
    grid-column:1/-1;
  }
  .module-table > a > span:nth-child(2),.module-table > a > span:nth-child(3) {
    grid-column:1;
  }
  .module-table > a > span:nth-child(4) {
    grid-column:1;
    grid-row:auto;
    justify-self:start;
  }
  .module-table > a > b {
    grid-column:2;
    grid-row:2/5;
  }
  .build-process-section {
    padding:58px 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  .hero-flow-line::after,.selector-route i { animation:none; }
}

/* Interface controller family page */
.controller-family-hero {
  border-bottom:1px solid var(--line);
  background:#f3f6f8;
}
.controller-family-hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:85px;
  min-height:520px;
  padding-top:58px;
  padding-bottom:65px;
}
.controller-family-hero h1 {
  max-width:690px;
  margin:0;
  color:#14212b;
  font-size:50px;
  font-weight:640;
  letter-spacing:-.045em;
  line-height:1.08;
}
.controller-family-hero-grid > div:first-child > p:not(.breadcrumbs):not(.section-label) {
  max-width:660px;
  margin:19px 0 0;
  color:#55636e;
  font-size:16px;
  line-height:1.7;
}
.family-chip-figure {
  display:grid;
  grid-template-columns:115px 1fr 178px 1fr 115px;
  align-items:center;
  min-height:310px;
  padding:35px;
  border:1px solid #29475d;
  color:#e6edf2;
  background:#142b3d;
}
.family-chip-inputs,.family-chip-outputs {
  display:grid;
  gap:7px;
}
.family-chip-inputs small,.family-chip-outputs small {
  margin-bottom:4px;
  color:#7894a8;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
}
.family-chip-inputs span,.family-chip-outputs span {
  padding:7px 5px;
  border:1px solid #466277;
  background:#1d374a;
  font-size:8px;
  font-weight:700;
  text-align:center;
}
.family-chip-line {
  height:1px;
  background:#617c90;
}
.family-chip-body {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:150px;
  height:150px;
  margin:auto;
  background:#0f2130;
  box-shadow:inset 0 0 0 8px #1d405a;
}
.family-chip-body img {
  width:48px;
  height:48px;
  margin-bottom:9px;
}
.family-chip-body > strong {
  color:#fff;
  font-size:13px;
  letter-spacing:.11em;
}
.family-chip-body > small {
  margin-top:5px;
  color:#7eb2da;
  font-size:6px;
  letter-spacing:.09em;
}
.controller-principles {
  padding-top:78px;
  padding-bottom:82px;
}
.principle-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #c5cfd7;
  border-left:1px solid #c5cfd7;
}
.principle-grid article {
  min-height:220px;
  padding:24px;
  border-right:1px solid #c5cfd7;
  border-bottom:1px solid #c5cfd7;
}
.principle-grid article > span {
  display:inline-block;
  padding:5px 7px;
  color:#2c5d82;
  border:1px solid #a7bfd1;
  background:#f2f8fc;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}
.principle-grid h3 {
  margin:30px 0 0;
  color:#1b2a34;
  font-size:17px;
}
.principle-grid p {
  margin:10px 0 0;
  color:#60707b;
  font-size:12px;
  line-height:1.65;
}
.controller-model-section {
  padding:76px 0 82px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#f3f6f8;
  scroll-margin-top:76px;
}
.controller-model-table {
  border:1px solid #bbc7d0;
  background:#fff;
}
.controller-model-head,.controller-model-table article {
  display:grid;
  grid-template-columns:1.05fr .9fr 1.55fr .8fr .8fr .85fr;
  align-items:center;
  gap:15px;
  padding:15px 18px;
}
.controller-model-head {
  color:#d8e4ec;
  background:#17364d;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}
.controller-model-table article {
  min-height:72px;
  border-bottom:1px solid #d5dce1;
  color:#40505b;
  font-size:11px;
}
.controller-model-table article:last-child { border-bottom:0; }
.controller-model-table article:target {
  background:#edf6fd;
  box-shadow:inset 4px 0 0 var(--blue);
}
.controller-model-table article strong {
  color:#17456a;
  font-size:13px;
}
.controller-model-table article b {
  justify-self:start;
  padding:6px 8px;
  color:#3b5c73;
  border:1px solid #b9cad6;
  background:#f3f8fb;
  font-size:9px;
}
.model-disclaimer {
  margin:13px 0 0;
  color:#72808a;
  font-size:10px;
}
.controller-file-section {
  padding-top:82px;
  padding-bottom:84px;
}
.file-register {
  border-top:1px solid #c4ced6;
}
.file-register > div {
  display:grid;
  grid-template-columns:48px 190px 1fr 80px;
  align-items:center;
  gap:20px;
  min-height:90px;
  padding:15px 12px;
  border-bottom:1px solid #cbd3da;
}
.file-register > div > span {
  color:var(--blue);
  font-size:10px;
  font-weight:800;
}
.file-register strong {
  color:#1c2b35;
  font-size:14px;
}
.file-register p {
  margin:0;
  color:#5f6e79;
  font-size:12px;
  line-height:1.55;
}
.file-register b {
  justify-self:end;
  color:#496274;
  font-size:9px;
}
.controller-roadmap-section {
  padding:76px 0;
  color:#dce6ed;
  background:#182a37;
  scroll-margin-top:75px;
}
.controller-roadmap-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px;
}
.controller-roadmap-grid h2 {
  max-width:600px;
  margin:0;
  color:#fff;
  font-size:36px;
  font-weight:620;
  letter-spacing:-.03em;
  line-height:1.18;
}
.controller-roadmap-grid > div:first-child > p:last-child {
  margin:17px 0 0;
  color:#aebdc7;
  font-size:14px;
  line-height:1.68;
}
.roadmap-list {
  border-top:1px solid #475b69;
}
.roadmap-list > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:62px;
  border-bottom:1px solid #475b69;
}
.roadmap-list strong {
  color:#e9eff3;
  font-size:12px;
}
.roadmap-list span {
  padding:5px 7px;
  color:#a6b5c0;
  border:1px solid #5c707e;
  font-size:8px;
  font-weight:700;
}

@media (max-width:1000px) {
  .controller-family-hero-grid {
    grid-template-columns:1fr;
    gap:45px;
  }
  .family-chip-figure {
    width:min(100%,720px);
  }
  .principle-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:760px) {
  .controller-family-hero h1 {
    font-size:40px;
  }
  .family-chip-figure {
    grid-template-columns:80px 1fr 130px 1fr 80px;
    padding:24px 18px;
  }
  .family-chip-body {
    width:120px;
    height:120px;
  }
  .controller-model-head {
    display:none;
  }
  .controller-model-table article {
    grid-template-columns:1fr 1fr;
    gap:8px 20px;
    padding:19px;
  }
  .controller-model-table article strong {
    grid-column:1/-1;
    font-size:16px;
  }
  .controller-roadmap-grid {
    grid-template-columns:1fr;
    gap:38px;
  }
}

@media (max-width:600px) {
  .controller-family-hero-grid {
    padding-top:38px;
    padding-bottom:50px;
  }
  .controller-family-hero h1 {
    font-size:34px;
  }
  .controller-family-hero .hero-actions {
    align-items:stretch;
    flex-direction:column;
  }
  .family-chip-figure {
    grid-template-columns:1fr;
    gap:18px;
  }
  .family-chip-inputs,.family-chip-outputs {
    grid-template-columns:repeat(4,1fr);
  }
  .family-chip-inputs small,.family-chip-outputs small {
    grid-column:1/-1;
  }
  .family-chip-line {
    width:1px;
    height:20px;
    margin:auto;
  }
  .family-chip-body {
    width:132px;
    height:132px;
  }
  .controller-principles,.controller-file-section {
    padding-top:58px;
    padding-bottom:60px;
  }
  .principle-grid {
    grid-template-columns:1fr;
  }
  .principle-grid article {
    min-height:0;
  }
  .controller-model-section,.controller-roadmap-section {
    padding-top:56px;
    padding-bottom:60px;
  }
  .controller-model-table article {
    grid-template-columns:1fr;
  }
  .controller-model-table article strong {
    grid-column:auto;
  }
  .file-register > div {
    grid-template-columns:32px 1fr 58px;
    gap:12px;
  }
  .file-register p {
    grid-column:2/-1;
  }
}

/* Product platform directory */
.product-directory-hero {
  padding:60px 0 54px;
  border-bottom:1px solid var(--line);
  background:#f3f6f8;
}
.product-directory-hero h1 {
  max-width:820px;
  margin:0;
  color:#14212b;
  font-size:48px;
  font-weight:640;
  letter-spacing:-.04em;
  line-height:1.1;
}
.product-directory-hero > .container > p:last-child {
  max-width:760px;
  margin:17px 0 0;
  color:#596772;
  font-size:16px;
  line-height:1.65;
}
.product-platform-directory {
  padding-top:64px;
  padding-bottom:72px;
}
.catalog-choice-section {
  padding:70px 0 76px;
  border-top:1px solid var(--line);
  background:#f3f6f8;
}
.catalog-choice-grid {
  display:grid;
  grid-template-columns:.85fr 1fr 1fr;
  gap:18px;
}
.catalog-choice-grid > div {
  padding:24px 35px 24px 0;
}
.catalog-choice-grid h2 {
  margin:0;
  color:#17252f;
  font-size:32px;
  font-weight:630;
  letter-spacing:-.03em;
  line-height:1.2;
}
.catalog-choice-grid > a {
  display:flex;
  flex-direction:column;
  min-height:270px;
  padding:26px;
  border:1px solid #bdc9d2;
  background:#fff;
}
.catalog-choice-grid > a:hover {
  border-color:#6e96b5;
  box-shadow:inset 4px 0 0 var(--blue);
}
.catalog-choice-grid > a > span {
  color:var(--blue);
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
}
.catalog-choice-grid > a > strong {
  margin-top:35px;
  color:#1b2a34;
  font-size:21px;
  line-height:1.25;
}
.catalog-choice-grid > a > p {
  margin:12px 0 24px;
  color:#5d6b76;
  font-size:13px;
  line-height:1.6;
}
.catalog-choice-grid > a > b {
  margin-top:auto;
  color:var(--blue);
  font-size:12px;
}

@media (max-width:850px) {
  .catalog-choice-grid {
    grid-template-columns:1fr 1fr;
  }
  .catalog-choice-grid > div {
    grid-column:1/-1;
  }
}

@media (max-width:600px) {
  .product-directory-hero {
    padding-top:42px;
    padding-bottom:44px;
  }
  .product-directory-hero h1 {
    font-size:36px;
  }
  .product-platform-directory {
    padding-top:45px;
    padding-bottom:52px;
  }
  .catalog-choice-section {
    padding-top:48px;
    padding-bottom:54px;
  }
  .catalog-choice-grid {
    grid-template-columns:1fr;
  }
  .catalog-choice-grid > div {
    grid-column:auto;
    padding-right:0;
  }
}

/* Corporate homepage and visual product catalog */
.wide-container {
  width:min(1460px,calc(100% - 56px));
  margin:0 auto;
}
.corporate-header .header-inner nav {
  gap:23px;
}
.notice-inner a {
  color:#dbe9f3;
}
.corporate-hero {
  position:relative;
  min-height:610px;
  overflow:hidden;
  color:#fff;
  background:#10283a;
}
.corporate-hero-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.corporate-hero-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(8,24,36,.98) 0%,rgba(8,24,36,.88) 37%,rgba(8,24,36,.38) 68%,rgba(8,24,36,.08) 100%);
}
.corporate-hero-inner {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:610px;
}
.corporate-hero-copy {
  max-width:680px;
  padding:86px 0 94px;
}
.corporate-hero-copy .eyebrow {
  color:#7ab8e6;
}
.corporate-hero-copy h1 {
  margin:0;
  font-size:clamp(50px,5vw,70px);
  font-weight:620;
  letter-spacing:-.052em;
  line-height:1.03;
}
.corporate-hero-copy > p:not(.eyebrow) {
  max-width:620px;
  margin:25px 0 0;
  color:#d2dde5;
  font-size:19px;
  line-height:1.68;
}
.secondary-on-dark {
  color:#fff;
  border-color:#8ea9bb;
  background:rgba(13,40,58,.38);
}
.secondary-on-dark:hover {
  color:#17364d;
  background:#fff;
}
.corporate-hero-caption {
  position:absolute;
  right:0;
  bottom:28px;
  display:flex;
  gap:8px;
}
.corporate-hero-caption span {
  padding:8px 10px;
  color:#d2e1ea;
  border:1px solid rgba(179,204,219,.38);
  background:rgba(10,32,47,.62);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.home-paths {
  padding:64px 0 70px;
  border-bottom:1px solid #ccd5dc;
  background:#f5f7f9;
}
.home-paths-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:50px;
  margin-bottom:30px;
}
.home-paths-heading h2 {
  margin:0;
  color:#15232d;
  font-size:38px;
  font-weight:630;
  letter-spacing:-.035em;
}
.home-paths-heading > p {
  max-width:470px;
  margin:0;
  color:#64727d;
  font-size:14px;
  line-height:1.65;
}
.home-paths-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #cbd4db;
  border-left:1px solid #cbd4db;
  background:#fff;
}
.home-paths-grid a {
  position:relative;
  min-height:178px;
  padding:24px 56px 24px 24px;
  border-right:1px solid #cbd4db;
  border-bottom:1px solid #cbd4db;
  transition:background-color .18s ease,color .18s ease;
}
.home-paths-grid a:hover {
  background:#edf5fc;
}
.home-paths-grid small,.home-paths-grid strong,.home-paths-grid span {
  display:block;
}
.home-paths-grid small {
  color:#71808b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.home-paths-grid strong {
  margin-top:26px;
  color:#172630;
  font-size:20px;
}
.home-paths-grid span {
  margin-top:9px;
  color:#677580;
  font-size:12px;
  line-height:1.5;
}
.home-paths-grid b {
  position:absolute;
  right:23px;
  bottom:21px;
  color:var(--blue);
  font-size:19px;
}
.corporate-products,.application-section,.engineering-section {
  padding-top:92px;
  padding-bottom:96px;
}
.corporate-section-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:60px;
  margin-bottom:34px;
}
.corporate-section-head.compact {
  margin-bottom:28px;
}
.corporate-section-head h2 {
  max-width:760px;
  margin:0;
  color:#15232d;
  font-size:42px;
  font-weight:630;
  letter-spacing:-.038em;
  line-height:1.14;
}
.catalog-button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  min-width:230px;
  min-height:53px;
  padding:13px 18px;
  color:#fff;
  background:#1769c2;
  font-size:14px;
  font-weight:700;
}
.catalog-button:hover {
  background:#0f4e92;
}
.catalog-button b {
  font-size:20px;
}
.visual-platform-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.visual-platform-card {
  display:flex;
  min-width:0;
  flex-direction:column;
  border:1px solid #c9d2d9;
  background:#fff;
}
.visual-platform-primary {
  border-top:4px solid var(--blue);
}
.visual-platform-media {
  position:relative;
  display:block;
  height:250px;
  overflow:hidden;
  border-bottom:1px solid #c9d2d9;
  background:#e9eef2;
}
.visual-platform-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}
.visual-platform-card:hover .visual-platform-media img {
  transform:scale(1.015);
}
.media-state {
  position:absolute;
  left:16px;
  bottom:15px;
  padding:7px 9px;
  color:#fff;
  background:#164f7c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
}
.media-state.planned {
  color:#5f6c75;
  border:1px solid #b8c3ca;
  background:rgba(255,255,255,.92);
}
.visual-platform-copy {
  display:flex;
  min-height:310px;
  padding:29px;
  flex-direction:column;
}
.visual-platform-copy > small {
  color:#1769c2;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.visual-platform-copy h3 {
  margin:18px 0 0;
  color:#182731;
  font-size:27px;
  line-height:1.18;
}
.visual-platform-copy p {
  margin:14px 0 24px;
  color:#5b6873;
  font-size:15px;
  line-height:1.65;
}
.visual-platform-copy > div {
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:auto;
}
.visual-platform-copy a {
  color:var(--blue);
  font-size:13px;
  font-weight:700;
}
.visual-platform-copy a + a {
  color:#5f6c75;
  font-weight:600;
}
.visual-platform-copy > div > span {
  color:#7a858d;
  font-size:13px;
  font-weight:700;
}
.visual-platform-future {
  background:#fafbfc;
}
.visual-platform-future .visual-platform-copy > small {
  color:#78838a;
}
.featured-product-section {
  padding:88px 0 94px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#f3f6f8;
}
.text-link-large {
  color:var(--blue);
  font-size:14px;
  font-weight:700;
}
.featured-product-grid {
  display:grid;
  grid-template-columns:1.45fr .8fr;
  gap:20px;
}
.featured-product-main,.featured-product-secondary {
  display:grid;
  min-width:0;
  overflow:hidden;
  border:1px solid #c4ced6;
  background:#fff;
}
.featured-product-main {
  grid-template-columns:1.18fr .82fr;
  min-height:410px;
}
.featured-product-secondary {
  grid-template-rows:225px 1fr;
}
.featured-product-image {
  overflow:hidden;
  background:#e5ebef;
}
.featured-product-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}
.featured-product-main:hover img,.featured-product-secondary:hover img {
  transform:scale(1.015);
}
.featured-product-copy {
  display:flex;
  padding:32px;
  flex-direction:column;
  justify-content:center;
}
.featured-product-copy > span {
  color:var(--blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.featured-product-copy h3 {
  margin:19px 0 0;
  color:#182731;
  font-size:29px;
  line-height:1.18;
}
.featured-product-secondary .featured-product-copy h3 {
  font-size:23px;
}
.featured-product-copy p {
  margin:14px 0 25px;
  color:#5d6b75;
  font-size:14px;
  line-height:1.65;
}
.featured-product-copy b {
  margin-top:auto;
  color:var(--blue);
  font-size:13px;
}
.section-support-copy {
  max-width:440px;
  margin:0;
  color:#60707b;
  font-size:15px;
  line-height:1.65;
}
.application-visual-grid {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:20px;
}
.application-visual-card {
  position:relative;
  min-height:350px;
  overflow:hidden;
  color:#fff;
  background:#183144;
}
.application-wide {
  grid-row:span 2;
  min-height:720px;
}
.application-visual-card img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.application-visual-card::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(13,31,44,.02) 35%,rgba(13,31,44,.9) 100%);
}
.application-visual-card > div {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  padding:30px;
}
.application-visual-card small {
  color:#9bc7e5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
}
.application-visual-card h3 {
  max-width:620px;
  margin:12px 0 0;
  color:#fff;
  font-size:28px;
  line-height:1.2;
}
.application-visual-card p {
  max-width:660px;
  margin:11px 0 0;
  color:#d7e1e8;
  font-size:14px;
  line-height:1.58;
}
.application-visual-card > div > a {
  display:inline-block;
  margin-top:18px;
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.application-visual-card > div > a:hover {
  color:#a9d7f5;
}
.selector-promo-section {
  padding:84px 0;
  color:#dce7ee;
  background:#142b3c;
}
.selector-promo-grid {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:center;
  gap:90px;
}
.selector-promo-visual {
  display:grid;
  grid-template-columns:130px 1fr 170px 1fr 130px;
  align-items:center;
  min-height:330px;
  padding:42px;
  border:1px solid #3c5668;
  background:#102536;
}
.promo-signal-list {
  display:grid;
  gap:10px;
}
.promo-signal-list span {
  padding:10px 8px;
  color:#d8e4eb;
  border:1px solid #4b6576;
  background:#183247;
  font-size:10px;
  font-weight:700;
  text-align:center;
}
.selector-promo-visual > i {
  height:2px;
  background:#648195;
}
.promo-chip {
  display:flex;
  width:170px;
  height:170px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#0b1c29;
  box-shadow:inset 0 0 0 8px #1c455f;
}
.promo-chip img {
  width:52px;
  height:52px;
  margin-bottom:14px;
}
.promo-chip strong {
  color:#fff;
  font-size:13px;
  letter-spacing:.12em;
}
.selector-promo-copy h2 {
  margin:0;
  color:#fff;
  font-size:38px;
  font-weight:620;
  letter-spacing:-.035em;
  line-height:1.17;
}
.selector-promo-copy > p:not(.section-label) {
  margin:19px 0 28px;
  color:#afbdc7;
  font-size:15px;
  line-height:1.7;
}
.engineering-section {
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:80px;
}
.engineering-image {
  min-height:440px;
  overflow:hidden;
  border:1px solid #c4ced5;
  background:#edf1f3;
}
.engineering-image img {
  width:100%;
  height:100%;
  min-height:440px;
  object-fit:cover;
}
.engineering-copy h2 {
  margin:0;
  color:#16252f;
  font-size:42px;
  font-weight:630;
  letter-spacing:-.04em;
  line-height:1.14;
}
.engineering-copy > p:not(.section-label) {
  margin:17px 0 0;
  color:#5d6b76;
  font-size:16px;
  line-height:1.7;
}
.engineering-links {
  display:flex;
  gap:24px;
  margin-top:28px;
}
.engineering-links a {
  color:var(--blue);
  font-size:13px;
  font-weight:700;
}
.support-strip {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-bottom:90px;
  border-top:1px solid #c6d0d7;
  border-left:1px solid #c6d0d7;
}
.support-strip a {
  position:relative;
  min-height:150px;
  padding:24px;
  border-right:1px solid #c6d0d7;
  border-bottom:1px solid #c6d0d7;
}
.support-strip a:hover {
  background:#f4f8fb;
}
.support-strip small,.support-strip strong {
  display:block;
}
.support-strip small {
  color:#72808a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.support-strip strong {
  margin-top:30px;
  color:#1b2a34;
  font-size:17px;
}
.support-strip span {
  position:absolute;
  right:22px;
  bottom:20px;
  color:var(--blue);
  font-size:19px;
}

/* All-products directory */
.all-products-hero {
  padding:66px 0 68px;
  border-bottom:1px solid var(--line);
  background:#f3f6f8;
}
.all-products-hero-grid {
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  align-items:center;
  gap:76px;
}
.all-products-hero h1 {
  margin:0;
  color:#14222c;
  font-size:60px;
  font-weight:620;
  letter-spacing:-.05em;
  line-height:1.04;
}
.all-products-hero-grid > div:first-child > p:not(.breadcrumbs):not(.section-label) {
  margin:21px 0 0;
  color:#596873;
  font-size:17px;
  line-height:1.7;
}
.all-products-hero-visual {
  position:relative;
  min-height:330px;
  overflow:hidden;
  border:1px solid #bfcbd3;
  background:#e8edf0;
}
.all-products-hero-visual img {
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
.all-products-hero-visual > div {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:rgba(16,42,60,.9);
}
.all-products-hero-visual strong {
  padding:14px 10px;
  color:#e4edf3;
  border-right:1px solid #496374;
  font-size:9px;
  letter-spacing:.07em;
  text-align:center;
}
.product-form-navigation {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding-top:52px;
  padding-bottom:58px;
}
.product-form-navigation > a {
  display:grid;
  grid-template-columns:30px 72px 1fr 20px;
  align-items:center;
  gap:15px;
  min-height:112px;
  padding:16px;
  border:1px solid #c5cfd6;
  background:#fff;
}
.product-form-navigation > a:hover {
  border-color:#7295af;
  box-shadow:inset 4px 0 0 var(--blue);
}
.product-form-navigation > a > span {
  color:var(--blue);
  font-size:10px;
  font-weight:800;
}
.product-form-navigation img {
  width:72px;
  height:72px;
  object-fit:cover;
}
.product-form-navigation small,.product-form-navigation strong {
  display:block;
}
.product-form-navigation small {
  color:#73808a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}
.product-form-navigation strong {
  margin-top:5px;
  color:#1d2c36;
  font-size:15px;
}
.product-form-navigation b {
  color:var(--blue);
  font-size:18px;
}
.product-catalog-section {
  padding:82px 0 96px;
  border-top:1px solid var(--line);
  background:#f5f7f8;
  scroll-margin-top:72px;
}
.catalog-title-row {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:50px;
  margin-bottom:58px;
}
.catalog-title-row h2 {
  margin:0;
  color:#172630;
  font-size:42px;
  font-weight:630;
  letter-spacing:-.04em;
}
.catalog-title-row > p {
  max-width:480px;
  margin:0;
  color:#5f6d77;
  font-size:15px;
  line-height:1.65;
}
.catalog-group {
  padding-top:12px;
  scroll-margin-top:84px;
}
.catalog-group + .catalog-group {
  margin-top:72px;
}
.catalog-group-heading {
  display:grid;
  grid-template-columns:45px 1fr auto;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid #bfc9d1;
}
.catalog-group-heading > span {
  color:var(--blue);
  font-size:12px;
  font-weight:800;
}
.catalog-group-heading small {
  display:block;
  color:#72808a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.catalog-group-heading h3 {
  margin:4px 0 0;
  color:#172630;
  font-size:26px;
}
.catalog-group-heading > a {
  color:var(--blue);
  font-size:13px;
  font-weight:700;
}
.catalog-group-heading > b {
  color:#78858e;
  font-size:10px;
}
.visual-product-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.visual-product-card {
  display:grid;
  grid-template-columns:44% 56%;
  min-height:315px;
  overflow:hidden;
  border:1px solid #c5ced5;
  background:#fff;
}
.visual-product-wide {
  grid-column:1/-1;
  grid-template-columns:40% 60%;
}
.visual-product-card:hover {
  border-color:#7999b0;
}
.visual-product-image {
  position:relative;
  overflow:hidden;
  background:#e8edf0;
}
.visual-product-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}
a.visual-product-card:hover img {
  transform:scale(1.018);
}
.visual-product-image > span {
  position:absolute;
  left:14px;
  bottom:13px;
  padding:6px 8px;
  color:#fff;
  background:#174f7a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}
.visual-product-info {
  display:flex;
  padding:27px;
  flex-direction:column;
}
.visual-product-info > small {
  color:var(--blue);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.visual-product-info h4 {
  margin:17px 0 0;
  color:#1a2933;
  font-size:23px;
  line-height:1.2;
}
.visual-product-info p {
  margin:12px 0 20px;
  color:#5e6c76;
  font-size:14px;
  line-height:1.6;
}
.visual-product-info > div {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:22px;
}
.visual-product-info > div b {
  padding:5px 7px;
  color:#405b6e;
  border:1px solid #c0cfd9;
  background:#f5f9fb;
  font-size:8px;
}
.visual-product-info > strong {
  margin-top:auto;
  color:var(--blue);
  font-size:12px;
}
.planned-product {
  color:#6f7a82;
  background:#fafbfc;
}
.planned-product .visual-product-image > span {
  color:#5f6c75;
  border:1px solid #b8c3ca;
  background:rgba(255,255,255,.92);
}
.planned-product .visual-product-info > small,.planned-product .visual-product-info > strong {
  color:#78858e;
}

/* Multi-interface chip configurator */
.configurator-hero {
  padding:54px 0 50px;
  border-bottom:1px solid var(--line);
  background:#f3f6f8;
}
.configurator-hero-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:end;
  gap:90px;
}
.configurator-hero h1 {
  max-width:770px;
  margin:0;
  color:#14222c;
  font-size:54px;
  font-weight:620;
  letter-spacing:-.048em;
  line-height:1.06;
}
.configurator-hero-grid > div:last-child > p {
  margin:0;
  color:#586873;
  font-size:16px;
  line-height:1.68;
}
.configurator-guide {
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  margin-top:22px;
}
.configurator-guide span {
  display:flex;
  align-items:center;
  gap:8px;
  color:#41515d;
  font-size:12px;
  font-weight:700;
}
.configurator-guide b {
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  color:#fff;
  background:var(--blue);
  font-size:9px;
}
.configurator-section {
  padding:40px 0 76px;
  border-bottom:1px solid var(--line);
  background:#e9eef2;
}
.configurator-workspace {
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  align-items:start;
  gap:18px;
}
.configurator-canvas {
  display:grid;
  grid-template-columns:minmax(280px,1fr) 248px minmax(280px,1fr);
  min-width:0;
  border:1px solid #b9c5ce;
  background:#fff;
  box-shadow:0 9px 26px rgba(22,44,60,.06);
}
.configurator-signal-panel {
  min-width:0;
  padding:22px;
}
.configurator-signal-panel:first-child {
  border-right:1px solid #c7d0d7;
}
.configurator-signal-panel:last-child {
  border-left:1px solid #c7d0d7;
}
.configurator-panel-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  padding-bottom:15px;
  border-bottom:1px solid #d1d8de;
}
.configurator-panel-heading span {
  color:var(--blue);
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
}
.configurator-panel-heading h2 {
  margin:3px 0 0;
  color:#1b2a34;
  font-size:19px;
}
.configurator-panel-heading > small {
  color:#7a858d;
  font-size:8px;
  font-weight:700;
}
.interface-option-list {
  display:grid;
  gap:9px;
}
.interface-option {
  border:1px solid #ced6dc;
  background:#fff;
}
.interface-option.is-selected {
  border-color:#2f79b2;
  box-shadow:inset 3px 0 0 var(--blue);
}
.interface-toggle {
  display:grid;
  grid-template-columns:50px 1fr 18px;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:68px;
  padding:9px 11px;
  color:#263742;
  border:0;
  background:#fff;
  cursor:pointer;
  text-align:left;
}
.interface-toggle:hover {
  background:#f7fafc;
}
.interface-option.is-selected .interface-toggle {
  background:#edf6fd;
}
.interface-code {
  display:grid;
  place-items:center;
  width:48px;
  height:34px;
  color:#285777;
  border:1px solid #9db3c2;
  background:#f4f8fb;
  font-size:8px;
  font-weight:800;
}
.interface-option.is-selected .interface-code {
  color:#fff;
  border-color:#1d6298;
  background:#1d6298;
}
.interface-toggle strong,.interface-toggle small {
  display:block;
}
.interface-toggle strong {
  font-size:11px;
}
.interface-toggle small {
  margin-top:3px;
  color:#77838c;
  font-size:8px;
}
.interface-toggle i {
  color:#1769c2;
  font-size:18px;
  font-style:normal;
  text-align:center;
}
.quantity-picker {
  display:none;
  grid-template-columns:1fr 34px 34px;
  align-items:center;
  gap:7px;
  padding:8px 11px 10px 72px;
  border-top:1px solid #d2dbe1;
  background:#f8fafb;
}
.interface-option.is-selected .quantity-picker {
  display:grid;
}
.quantity-picker > span {
  color:#6c7983;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
}
.quantity-picker button {
  height:29px;
  color:#405462;
  border:1px solid #b8c7d1;
  background:#fff;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
}
.quantity-picker button[aria-pressed="true"] {
  color:#fff;
  border-color:#1769c2;
  background:#1769c2;
}
.configurator-chip-panel {
  display:flex;
  min-width:0;
  min-height:648px;
  padding:24px 18px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#f5f8fa;
}
.selected-interface-stack {
  display:flex;
  width:100%;
  min-height:95px;
  flex-wrap:wrap;
  align-content:center;
  justify-content:center;
  gap:6px;
  text-align:center;
}
.selected-interface-stack > small {
  width:100%;
  color:#7a8790;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}
.selected-interface-stack p {
  margin:3px 0 0;
  color:#879199;
  font-size:9px;
}
.selected-interface-stack span {
  padding:6px 7px;
  color:#285a7a;
  border:1px solid #a9becd;
  background:#fff;
  font-size:8px;
  font-weight:800;
}
.configurator-route {
  position:relative;
  width:2px;
  height:44px;
  overflow:hidden;
  background:#8198a8;
}
.configurator-route i {
  position:absolute;
  top:-7px;
  left:-2px;
  width:6px;
  height:6px;
  background:#1769c2;
  animation:configurator-flow 1.8s linear infinite;
}
.route-right i {
  animation-delay:.8s;
}
@keyframes configurator-flow {
  to { transform:translateY(58px); }
}
.configurator-chip {
  position:relative;
  display:flex;
  width:150px;
  height:150px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#10283a;
  box-shadow:inset 0 0 0 8px #1d4865;
}
.configurator-chip img {
  width:46px;
  height:46px;
  margin-bottom:11px;
}
.configurator-chip > strong {
  max-width:126px;
  overflow:hidden;
  font-size:11px;
  letter-spacing:.05em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.configurator-chip > small {
  margin-top:5px;
  color:#80b5d9;
  font-size:6px;
  letter-spacing:.07em;
}
.configurator-result {
  position:sticky;
  top:92px;
  padding:24px;
  border:1px solid #b9c5ce;
  background:#fff;
  box-shadow:0 9px 26px rgba(22,44,60,.06);
}
.configurator-result-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding-bottom:15px;
  border-bottom:1px solid #d2d9df;
}
.configurator-result-head > span {
  color:#6f7e88;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
}
.configurator-result-head button {
  padding:0;
  color:#6c7983;
  border:0;
  background:none;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}
.configurator-result-title {
  padding:21px 0 18px;
}
.configurator-result-title > small,.configuration-code small {
  color:#7c8790;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}
.configurator-result-title h2 {
  margin:6px 0 8px;
  color:#174766;
  font-size:28px;
  letter-spacing:-.025em;
  line-height:1.15;
}
.configurator-result-title p {
  min-height:66px;
  margin:0;
  color:#596873;
  font-size:12px;
  line-height:1.58;
}
.configuration-code {
  padding:12px;
  border:1px solid #c9d3da;
  background:#f5f8fa;
}
.configuration-code small,.configuration-code strong {
  display:block;
}
.configuration-code strong {
  margin-top:5px;
  color:#314b5d;
  font-size:10px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.configurator-specs {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:18px 0 0;
  border-top:1px solid #d2d9df;
  border-left:1px solid #d2d9df;
}
.configurator-specs div {
  min-height:66px;
  padding:10px;
  border-right:1px solid #d2d9df;
  border-bottom:1px solid #d2d9df;
}
.configurator-specs dt {
  color:#7a8690;
  font-size:8px;
}
.configurator-specs dd {
  margin:5px 0 0;
  color:#253640;
  font-size:9px;
  font-weight:700;
  line-height:1.4;
}
.configurator-result-actions {
  display:grid;
  gap:9px;
  margin-top:18px;
}
.configurator-result-actions .primary-button,.configurator-result-actions .secondary-button {
  width:100%;
  min-height:41px;
  font-size:11px;
  cursor:pointer;
}
.is-disabled {
  pointer-events:none;
  opacity:.45;
}
.copy-status {
  min-height:15px;
  margin:9px 0 0;
  color:#277153;
  font-size:9px;
}
.configurator-section[data-match-state="current"] .configurator-result-head > span {
  color:#237153;
}
.configurator-section[data-match-state="roadmap"] .configurator-result-head > span,
.configurator-section[data-match-state="roadmap"] .configurator-result-title h2 {
  color:#66798a;
}
.configurator-section[data-match-state="roadmap"] .configurator-chip {
  background:#5a6871;
  box-shadow:inset 0 0 0 8px #73818a;
}
.selector-support-section {
  padding-top:82px;
  padding-bottom:92px;
}
.selector-support-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #c5cfd6;
  border-left:1px solid #c5cfd6;
}
.selector-support-grid article {
  min-height:185px;
  padding:24px;
  border-right:1px solid #c5cfd6;
  border-bottom:1px solid #c5cfd6;
}
.selector-support-grid span {
  color:var(--blue);
  font-size:10px;
  font-weight:800;
}
.selector-support-grid strong {
  display:block;
  margin-top:28px;
  color:#1b2a34;
  font-size:16px;
}
.selector-support-grid p {
  margin:9px 0 0;
  color:#61707b;
  font-size:13px;
  line-height:1.58;
}

@media (max-width:1320px) {
  .configurator-workspace {
    grid-template-columns:1fr;
  }
  .configurator-result {
    position:static;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:0 26px;
  }
  .configurator-result-head,.configurator-result-title,.configuration-code {
    grid-column:1;
  }
  .configurator-specs,.configurator-result-actions,.copy-status,.configurator-result .engineering-note {
    grid-column:2;
  }
  .configurator-specs {
    grid-row:1/4;
    margin:0;
  }
}

@media (max-width:1050px) {
  .corporate-header .header-inner nav {
    gap:15px;
  }
  .corporate-header .header-inner nav a {
    font-size:12px;
  }
  .visual-platform-grid {
    grid-template-columns:1fr 1fr;
  }
  .visual-platform-future {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .visual-platform-future .visual-platform-media {
    height:auto;
    min-height:300px;
    border-right:1px solid #c9d2d9;
    border-bottom:0;
  }
  .featured-product-grid,.selector-promo-grid,.engineering-section,.all-products-hero-grid,.configurator-hero-grid {
    grid-template-columns:1fr;
  }
  .selector-promo-visual {
    max-width:760px;
  }
  .engineering-section,.all-products-hero-grid,.configurator-hero-grid {
    gap:45px;
  }
  .product-form-navigation {
    grid-template-columns:1fr;
  }
  .configurator-canvas {
    grid-template-columns:minmax(250px,1fr) 210px minmax(250px,1fr);
  }
  .configurator-signal-panel {
    padding:16px;
  }
}

@media (max-width:850px) {
  .corporate-hero,.corporate-hero-inner {
    min-height:540px;
  }
  .corporate-hero-overlay {
    background:rgba(8,24,36,.82);
  }
  .corporate-products,.application-section,.engineering-section {
    padding-top:66px;
    padding-bottom:70px;
  }
  .home-paths-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
  .home-paths-grid {
    grid-template-columns:1fr 1fr;
  }
  .corporate-section-head,.catalog-title-row {
    align-items:flex-start;
    flex-direction:column;
    gap:24px;
  }
  .visual-platform-grid {
    grid-template-columns:1fr;
  }
  .visual-platform-future {
    grid-column:auto;
    display:flex;
  }
  .visual-platform-future .visual-platform-media {
    height:250px;
    min-height:0;
    border-right:0;
    border-bottom:1px solid #c9d2d9;
  }
  .featured-product-main {
    grid-template-columns:1fr;
  }
  .featured-product-main .featured-product-image {
    min-height:310px;
  }
  .application-visual-grid {
    grid-template-columns:1fr;
  }
  .application-wide {
    grid-row:auto;
    min-height:480px;
  }
  .support-strip {
    grid-template-columns:1fr 1fr;
  }
  .visual-product-grid {
    grid-template-columns:1fr;
  }
  .visual-product-card,.visual-product-wide {
    grid-column:auto;
    grid-template-columns:42% 58%;
  }
  .configurator-canvas {
    grid-template-columns:1fr;
  }
  .configurator-signal-panel:first-child {
    border-right:0;
    border-bottom:1px solid #c7d0d7;
  }
  .configurator-signal-panel:last-child {
    border-top:1px solid #c7d0d7;
    border-left:0;
  }
  .configurator-chip-panel {
    min-height:430px;
  }
  .configurator-result {
    display:block;
  }
  .configurator-specs {
    margin-top:18px;
  }
  .selector-support-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:600px) {
  .wide-container {
    width:min(100% - 28px,1460px);
  }
  .corporate-hero-copy h1 {
    font-size:43px;
  }
  .corporate-hero-copy > p:not(.eyebrow) {
    font-size:16px;
  }
  .corporate-hero-caption {
    display:none;
  }
  .corporate-hero .hero-actions {
    align-items:stretch;
    flex-direction:column;
  }
  .home-paths {
    padding:48px 0 54px;
  }
  .home-paths-heading h2 {
    font-size:32px;
  }
  .home-paths-grid {
    grid-template-columns:1fr;
  }
  .home-paths-grid a {
    min-height:142px;
  }
  .corporate-section-head h2,.engineering-copy h2,.catalog-title-row h2 {
    font-size:34px;
  }
  .catalog-button {
    width:100%;
  }
  .visual-platform-media {
    height:220px;
  }
  .visual-platform-copy {
    min-height:0;
    padding:24px;
  }
  .featured-product-section {
    padding:62px 0 68px;
  }
  .featured-product-grid {
    grid-template-columns:1fr;
  }
  .featured-product-main,.featured-product-secondary {
    display:block;
  }
  .featured-product-main .featured-product-image,.featured-product-secondary .featured-product-image {
    height:230px;
    min-height:0;
  }
  .featured-product-copy {
    padding:25px;
  }
  .application-visual-card,.application-wide {
    min-height:380px;
  }
  .selector-promo-section {
    padding:60px 0;
  }
  .selector-promo-visual {
    grid-template-columns:1fr;
    gap:14px;
    padding:25px;
  }
  .promo-signal-list {
    grid-template-columns:repeat(3,1fr);
  }
  .selector-promo-visual > i {
    width:2px;
    height:22px;
    margin:auto;
  }
  .promo-chip {
    width:145px;
    height:145px;
    margin:auto;
  }
  .selector-promo-copy h2 {
    font-size:32px;
  }
  .engineering-image,.engineering-image img {
    min-height:300px;
  }
  .engineering-links {
    flex-direction:column;
    gap:12px;
  }
  .support-strip {
    grid-template-columns:1fr;
    margin-bottom:64px;
  }
  .support-strip a {
    min-height:120px;
  }
  .all-products-hero {
    padding:44px 0 50px;
  }
  .all-products-hero h1 {
    font-size:43px;
  }
  .all-products-hero .hero-actions {
    align-items:stretch;
    flex-direction:column;
  }
  .all-products-hero-visual,.all-products-hero-visual img {
    min-height:240px;
  }
  .product-form-navigation > a {
    grid-template-columns:26px 58px 1fr 18px;
  }
  .product-form-navigation img {
    width:58px;
    height:58px;
  }
  .product-catalog-section {
    padding:60px 0 66px;
  }
  .catalog-group-heading {
    grid-template-columns:35px 1fr;
  }
  .catalog-group-heading > a,.catalog-group-heading > b {
    grid-column:2;
  }
  .visual-product-card,.visual-product-wide {
    grid-template-columns:1fr;
  }
  .visual-product-image {
    height:225px;
  }
  .configurator-hero {
    padding:40px 0 44px;
  }
  .configurator-hero h1 {
    font-size:39px;
  }
  .configurator-section {
    padding-top:22px;
    padding-bottom:54px;
  }
  .configurator-signal-panel {
    padding:15px;
  }
  .configurator-panel-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .quantity-picker {
    padding-left:60px;
  }
  .configurator-result {
    padding:19px;
  }
  .configurator-specs {
    grid-template-columns:1fr;
  }
  .selector-support-section {
    padding-top:60px;
    padding-bottom:66px;
  }
  .selector-support-grid {
    grid-template-columns:1fr;
  }
  .selector-support-grid article {
    min-height:0;
  }
}

@media (prefers-reduced-motion:reduce) {
  .configurator-route i {
    animation:none;
  }
}

/* 2026 official Xilume identity and product-first homepage */
.sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.notice-bar {
  display:none;
}

.site-header {
  color:#fff;
  border-bottom:1px solid #172434;
  background:#020712;
  box-shadow:0 5px 22px rgba(0,0,0,.18);
}

.site-header .header-inner {
  min-height:78px;
}

.brand-wordmark {
  display:flex;
  width:184px;
  height:72px;
  align-items:center;
  flex:0 0 auto;
  overflow:hidden;
}

.brand-wordmark img {
  width:184px;
  max-width:none;
  height:auto;
}

.site-header .header-inner nav a {
  color:#b8c3ce;
}

.site-header .header-inner nav a:hover,
.site-header .header-inner nav a[aria-current="page"] {
  color:#fff;
}

.site-header .nav-finder {
  color:#e4f2ff!important;
  border-color:#28577c;
  background:#0b2337;
}

.site-header .nav-finder:hover {
  color:#fff!important;
  border-color:#4387bc;
  background:#123653;
}

footer {
  background:#020712;
}

.footer-brand {
  display:block;
  width:205px;
  height:auto;
}

.footer-brand img {
  width:205px;
  height:auto;
}

.product-hero-carousel {
  position:relative;
  color:#fff;
  background:#050b12;
  border-bottom:1px solid #1b2936;
}

.product-hero-stage {
  position:relative;
  height:clamp(570px,68vh,680px);
  min-height:570px;
  overflow:hidden;
}

.product-hero-slide {
  --hero-accent:0,110,239;
  --hero-action:#005eb8;
  position:absolute;
  inset:0;
  visibility:hidden;
  opacity:0;
  background:
    radial-gradient(circle at 79% 34%,rgba(var(--hero-accent),.22),transparent 33%),
    linear-gradient(115deg,#07121d 0%,#091827 50%,#050b12 100%);
  transition:opacity .55s ease,visibility .55s ease;
}

.product-hero-slide::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(120,162,196,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,162,196,.13) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 58%,#000 100%);
  pointer-events:none;
}

.product-hero-8hub {
  --hero-accent:0,157,224;
  --hero-action:#006f91;
  background:
    radial-gradient(circle at 80% 37%,rgba(var(--hero-accent),.21),transparent 34%),
    linear-gradient(115deg,#07131d 0%,#09202c 51%,#050b12 100%);
}

.product-hero-battery {
  --hero-accent:40,151,151;
  --hero-action:#08766b;
  background:
    radial-gradient(circle at 78% 34%,rgba(var(--hero-accent),.20),transparent 34%),
    linear-gradient(115deg,#07131b 0%,#0b2227 51%,#050b12 100%);
}

.product-hero-mini-pcie {
  --hero-accent:66,118,244;
  --hero-action:#3155ad;
  background:
    radial-gradient(circle at 80% 35%,rgba(var(--hero-accent),.22),transparent 34%),
    linear-gradient(115deg,#07111e 0%,#10192d 51%,#050b12 100%);
}

.product-hero-slide.is-active {
  visibility:visible;
  opacity:1;
  z-index:2;
}

.product-hero-layout {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);
  align-items:center;
  gap:70px;
  height:100%;
  padding-top:54px;
  padding-bottom:54px;
}

.product-hero-copy {
  max-width:560px;
}

.product-hero-kicker {
  margin:0 0 18px;
  color:rgb(var(--hero-accent));
  font-size:12px;
  font-weight:750;
  letter-spacing:.13em;
}

.product-hero-copy h1,
.product-hero-copy h2 {
  margin:0;
  color:#f7f9fb;
  font-size:clamp(47px,4.45vw,66px);
  font-weight:625;
  letter-spacing:-.052em;
  line-height:1.03;
}

.product-hero-copy > p:not(.product-hero-kicker) {
  max-width:540px;
  margin:24px 0 0;
  color:#c3ced8;
  font-size:18px;
  line-height:1.65;
}

.product-hero-copy .hero-actions {
  align-items:center;
  flex-wrap:wrap;
  margin-top:30px;
}

.product-hero-copy .primary-button {
  color:#fff;
  border-color:var(--hero-action);
  background:var(--hero-action);
}

.product-hero-copy .primary-button:hover {
  filter:brightness(.88);
}

.hero-text-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:45px;
  color:#eef6fd;
  font-size:14px;
  font-weight:700;
}

.hero-text-link:hover {
  color:rgb(var(--hero-accent));
}

.hero-release-note {
  color:#91a0ad;
  font-size:12px;
}

.product-hero-media {
  position:relative;
  width:100%;
  max-width:720px;
  margin:0;
  aspect-ratio:3/2;
  justify-self:end;
  overflow:hidden;
  border:1px solid rgba(150,185,211,.32);
  background:
    linear-gradient(135deg,rgba(var(--hero-accent),.10),transparent 54%),
    rgba(4,12,19,.72);
  box-shadow:0 26px 70px rgba(0,0,0,.32);
}

.product-hero-media::before,
.product-hero-media::after {
  content:"";
  position:absolute;
  z-index:2;
  width:68px;
  height:68px;
  pointer-events:none;
}

.product-hero-media::before {
  top:17px;
  left:17px;
  border-top:2px solid rgb(var(--hero-accent));
  border-left:2px solid rgb(var(--hero-accent));
}

.product-hero-media::after {
  right:17px;
  bottom:17px;
  border-right:2px solid rgb(var(--hero-accent));
  border-bottom:2px solid rgb(var(--hero-accent));
}

.product-image-placeholder {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px;
  text-align:center;
}

.product-image-placeholder::before,
.product-image-placeholder::after {
  content:"";
  position:absolute;
  background:rgba(141,177,204,.13);
}

.product-image-placeholder::before {
  left:8%;
  right:8%;
  top:50%;
  height:1px;
}

.product-image-placeholder::after {
  top:10%;
  bottom:10%;
  left:50%;
  width:1px;
}

.product-image-placeholder span,
.product-image-placeholder strong,
.product-image-placeholder small {
  position:relative;
  z-index:1;
  background:#07131e;
}

.product-image-placeholder span {
  padding:6px 9px;
  color:rgb(var(--hero-accent));
  border:1px solid rgba(var(--hero-accent),.48);
  font-size:10px;
  font-weight:750;
  letter-spacing:.12em;
}

.product-image-placeholder strong {
  max-width:430px;
  margin-top:18px;
  padding:4px 12px;
  color:#e7edf2;
  font-size:23px;
  font-weight:580;
  line-height:1.25;
}

.product-image-placeholder small {
  margin-top:9px;
  padding:3px 8px;
  color:#7f909e;
  font-size:10px;
}

.product-hero-picture,
.product-hero-picture img,
.product-hero-media > img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.product-hero-controls {
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:58px minmax(0,1200px) 80px 58px;
  justify-content:center;
  min-height:86px;
  padding:0 18px;
  color:#fff;
  border-top:1px solid #1b2937;
  background:#05090e;
}

.product-hero-selector.container {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:100%;
  margin:0;
}

.hero-product-tab,
.hero-arrow,
.hero-autoplay-toggle {
  position:relative;
  color:#8795a2;
  border:0;
  background:transparent;
  cursor:pointer;
}

.hero-autoplay-toggle {
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  border-left:1px solid #1a2732;
  font-size:10px;
  font-weight:700;
}

.hero-autoplay-toggle span {
  color:#8fb9d8;
  font-size:11px;
}

.hero-autoplay-toggle:hover {
  color:#fff;
  background:#0a141e;
}

.hero-autoplay-toggle:disabled {
  color:#66737f;
  cursor:not-allowed;
}

.hero-product-tab {
  display:grid;
  grid-template-columns:32px 1fr;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:17px 18px;
  border-left:1px solid #1a2732;
  text-align:left;
}

.hero-product-tab:last-child {
  border-right:1px solid #1a2732;
}

.hero-product-tab small {
  color:#536473;
  font-size:10px;
  font-weight:750;
}

.hero-product-tab span {
  overflow:hidden;
  font-size:13px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hero-product-tab:hover,
.hero-product-tab.is-active {
  color:#fff;
  background:#09111a;
}

.hero-product-tab.is-active small {
  color:#7dbbfa;
}

.hero-product-tab i {
  position:absolute;
  right:18px;
  bottom:0;
  left:18px;
  height:2px;
  overflow:hidden;
  background:#1d2c38;
}

.hero-product-tab i::after {
  content:"";
  position:absolute;
  inset:0;
  background:#1689f3;
  transform:scaleX(0);
  transform-origin:left;
}

.hero-product-tab.is-active i::after {
  animation:hero-product-progress 3s linear forwards;
}

.product-hero-carousel.is-paused .hero-product-tab.is-active i::after {
  animation-play-state:paused;
}

@keyframes hero-product-progress {
  to { transform:scaleX(1); }
}

.hero-arrow {
  display:grid;
  place-items:center;
  font-size:28px;
}

.hero-arrow:hover {
  color:#fff;
  background:#0a141e;
}

@media (max-width:1050px) {
  .brand-wordmark {
    width:164px;
  }
  .brand-wordmark img {
    width:164px;
  }
  .product-hero-layout {
    grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);
    gap:36px;
  }
  .product-hero-copy h1,
  .product-hero-copy h2 {
    font-size:clamp(44px,5vw,58px);
  }
}

@media (max-width:860px) {
  .product-hero-stage {
    height:720px;
    min-height:720px;
  }
  .product-hero-layout {
    grid-template-columns:1fr;
    grid-template-rows:auto 280px;
    align-content:center;
    gap:32px;
    padding-top:46px;
    padding-bottom:42px;
  }
  .product-hero-copy {
    max-width:680px;
  }
  .product-hero-copy > p:not(.product-hero-kicker) {
    max-width:650px;
  }
  .product-hero-media {
    max-width:none;
    height:280px;
    aspect-ratio:auto;
  }
  .product-hero-controls {
    grid-template-columns:46px minmax(0,1fr) 72px 46px;
    padding:0;
  }
  .product-hero-selector.container {
    overflow-x:auto;
    grid-template-columns:repeat(5,minmax(145px,1fr));
    scrollbar-width:thin;
  }
  .hero-product-tab {
    padding-right:13px;
    padding-left:13px;
  }
}

@media (max-width:600px) {
  .site-header .header-inner {
    min-height:68px;
  }
  .brand-wordmark {
    width:145px;
    height:62px;
  }
  .brand-wordmark img {
    width:145px;
  }
  .site-header .nav-finder {
    padding:8px 10px;
    font-size:11px;
  }
  .product-hero-stage {
    height:700px;
    min-height:700px;
  }
  .product-hero-layout {
    grid-template-rows:auto 225px;
    gap:27px;
    padding-top:38px;
    padding-bottom:34px;
  }
  .product-hero-kicker {
    margin-bottom:13px;
    font-size:10px;
  }
  .product-hero-copy h1,
  .product-hero-copy h2 {
    font-size:40px;
    line-height:1.04;
  }
  .product-hero-copy > p:not(.product-hero-kicker) {
    margin-top:17px;
    font-size:15px;
    line-height:1.55;
  }
  .product-hero-copy .hero-actions {
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    margin-top:21px;
  }
  .product-hero-copy .primary-button,
  .hero-text-link {
    min-height:40px;
  }
  .hero-release-note {
    font-size:10px;
  }
  .product-hero-media {
    height:225px;
  }
  .product-image-placeholder {
    padding:25px;
  }
  .product-image-placeholder strong {
    margin-top:13px;
    font-size:18px;
  }
  .product-image-placeholder small {
    font-size:9px;
  }
  .product-hero-controls {
    grid-template-columns:38px minmax(0,1fr) 62px 38px;
    min-height:74px;
  }
  .product-hero-selector.container {
    grid-template-columns:repeat(5,140px);
  }
  .hero-product-tab {
    grid-template-columns:25px 1fr;
    min-height:74px;
    padding:13px 11px;
  }
  .hero-product-tab span {
    font-size:11px;
  }
  .hero-autoplay-toggle {
    gap:4px;
    padding:0 5px;
    font-size:9px;
  }
  .footer-brand,
  .footer-brand img {
    width:180px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .product-hero-slide {
    transition:none;
  }
  .hero-product-tab.is-active i::after {
    animation:none;
    transform:scaleX(1);
  }
}

/* 2026 product storytelling system */
.site-header .header-inner {
  min-height:64px;
}

.brand-wordmark {
  width:128px;
  height:50px;
}

.brand-wordmark img {
  width:128px;
}

.footer-brand,
.footer-brand img {
  width:168px;
}

.site-menu-toggle {
  display:none;
}

.product-local-nav {
  position:sticky;
  top:64px;
  z-index:24;
  color:#cad6df;
  border-bottom:1px solid #1c2d3b;
  background:rgba(5,11,18,.96);
  backdrop-filter:blur(14px);
}

.product-local-nav > .container {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.product-local-name {
  flex:0 0 auto;
  color:#fff;
  font-size:12px;
  font-weight:750;
  letter-spacing:.01em;
}

.product-local-nav > .container > div {
  display:flex;
  align-items:center;
  gap:25px;
}

.product-local-nav > .container > div a {
  color:#8fa1af;
  font-size:10px;
  font-weight:650;
}

.product-local-nav > .container > div a:hover {
  color:#fff;
}

.product-detail-page {
  --product-accent:22,143,241;
  --product-accent-solid:#168ff1;
  --product-accent-text:#0b5fa5;
  --product-action:#005eb8;
  color:#15202a;
  background:#fff;
  scroll-margin-top:112px;
}

.product-story-section[id] {
  scroll-margin-top:122px;
}

.product-theme-8hub {
  --product-accent:0,163,216;
  --product-accent-solid:#00a3d8;
  --product-accent-text:#006f91;
  --product-action:#006b8f;
}

.product-theme-battery {
  --product-accent:31,183,161;
  --product-accent-solid:#1fb7a1;
  --product-accent-text:#08766b;
  --product-action:#087269;
}

.product-theme-mini-pcie {
  --product-accent:89,138,255;
  --product-accent-solid:#598aff;
  --product-accent-text:#3155ad;
  --product-action:#3153a7;
}

.product-story-hero {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 81% 28%,rgba(var(--product-accent),.20),transparent 31%),
    linear-gradient(120deg,#06111b 0%,#091827 52%,#050b12 100%);
}

.product-story-hero::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.17;
  background-image:
    linear-gradient(rgba(120,162,196,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,162,196,.16) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 54%,#000 100%);
  pointer-events:none;
}

.product-story-hero-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(390px,.92fr) minmax(450px,1.08fr);
  min-height:590px;
  align-items:center;
  gap:70px;
  padding-top:66px;
  padding-bottom:66px;
}

.product-story-copy {
  max-width:620px;
}

.product-story-kicker {
  margin:0 0 20px;
  color:rgb(var(--product-accent));
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}

.product-story-copy h1 {
  max-width:660px;
  margin:0;
  font-size:clamp(46px,4.3vw,66px);
  font-weight:640;
  line-height:1.01;
  letter-spacing:-.045em;
}

.product-story-copy > p:not(.product-story-kicker):not(.product-development-note) {
  max-width:600px;
  margin:24px 0 0;
  color:#aabac7;
  font-size:17px;
  line-height:1.68;
}

.product-story-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:13px;
  margin-top:31px;
}

.product-story-actions .primary-button,
.product-final-cta .primary-button {
  min-height:46px;
  padding:12px 20px;
  border-color:var(--product-action);
  background:var(--product-action);
}

.product-story-actions .primary-button:hover,
.product-final-cta .primary-button:hover {
  filter:brightness(.88);
}

.product-ghost-button {
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  color:#dce8f0;
  border:1px solid #385065;
  background:rgba(11,24,36,.58);
  font-size:12px;
  font-weight:700;
}

.product-ghost-button:hover {
  color:#fff;
  border-color:#62819a;
  background:#102538;
}

.product-development-note {
  display:flex;
  align-items:center;
  gap:9px;
  margin:22px 0 0!important;
  color:#718797;
  font-size:10px;
  line-height:1.45;
}

.product-development-note span {
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:rgb(var(--product-accent));
  box-shadow:0 0 13px rgba(var(--product-accent),.8);
}

.product-story-visual,
.product-photo-placeholder-hero {
  position:relative;
  min-width:0;
  aspect-ratio:3/2;
  overflow:hidden;
  margin:0;
  border:1px solid #294155;
  background:#07121c;
  box-shadow:0 24px 65px rgba(0,0,0,.26);
}

.product-story-visual::before,
.product-photo-placeholder::before,
.product-photo-placeholder::after {
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
}

.product-story-visual::before {
  inset:0;
  border:1px solid rgba(255,255,255,.03);
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%);
}

.product-story-visual > img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-story-visual-light > img {
  object-fit:contain;
  background:#eaf0f4;
}

.product-story-visual figcaption,
.product-wide-figure figcaption,
.product-diagram-card figcaption,
.product-application-photo figcaption {
  position:absolute;
  right:13px;
  bottom:12px;
  left:13px;
  z-index:3;
  padding:9px 11px;
  color:#a8bac8;
  border:1px solid rgba(120,157,184,.2);
  background:rgba(4,11,17,.84);
  font-size:9px;
  line-height:1.4;
}

.product-visual-badge {
  position:absolute;
  top:22px;
  right:22px;
  z-index:3;
  min-width:188px;
  padding:17px 18px;
  color:#fff;
  border:1px solid rgba(var(--product-accent),.58);
  background:rgba(4,15,22,.84);
  backdrop-filter:blur(12px);
}

.product-visual-badge small,
.product-visual-badge strong,
.product-visual-badge span {
  display:block;
}

.product-visual-badge small {
  color:rgb(var(--product-accent));
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.product-visual-badge strong {
  margin-top:8px;
  font-size:38px;
  line-height:1;
}

.product-visual-badge span {
  margin-top:8px;
  color:#9db0be;
  font-size:9px;
}

.product-proof-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #1c2e3d;
  border-right:1px solid #1c2e3d;
  border-left:1px solid #1c2e3d;
  background:#07111a;
}

.product-proof-grid > div {
  min-height:122px;
  padding:23px 25px;
  border-right:1px solid #1c2e3d;
}

.product-proof-grid > div:last-child {
  border-right:0;
}

.product-proof-grid small,
.product-proof-grid strong,
.product-proof-grid span {
  display:block;
}

.product-proof-grid small {
  color:rgb(var(--product-accent));
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.product-proof-grid strong {
  margin-top:11px;
  color:#f0f5f8;
  font-size:19px;
  font-weight:650;
  line-height:1.25;
}

.product-proof-grid span {
  margin-top:7px;
  color:#708594;
  font-size:10px;
  line-height:1.4;
}

.product-story-section {
  padding:100px 0;
  border-bottom:1px solid #dfe5e9;
}

.product-story-section-soft {
  background:#f1f4f6;
}

.product-story-section-dark {
  color:#fff;
  border-bottom-color:#1b2b38;
  background:#07111a;
}

.product-section-heading {
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);
  grid-template-areas:"eyebrow title" "eyebrow copy";
  gap:12px 70px;
  align-items:start;
  margin-bottom:44px;
}

.product-section-heading > p {
  grid-area:eyebrow;
  margin:8px 0 0;
  color:var(--product-accent-text);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}

.product-section-heading h2 {
  grid-area:title;
  max-width:800px;
  margin:0;
  font-size:clamp(34px,3.4vw,49px);
  font-weight:630;
  line-height:1.08;
  letter-spacing:-.035em;
}

.product-section-heading > span {
  grid-area:copy;
  max-width:720px;
  color:#677581;
  font-size:15px;
  line-height:1.7;
}

.product-section-heading-on-dark > span {
  color:#91a4b3;
}

.product-section-heading-on-dark > p {
  color:rgb(var(--product-accent));
}

.product-reason-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #d9e1e6;
  background:#fff;
}

.product-reason-grid article {
  min-height:245px;
  padding:32px;
  border-right:1px solid #d9e1e6;
}

.product-reason-grid article:last-child {
  border-right:0;
}

.product-reason-grid b {
  color:var(--product-accent-text);
  font-size:10px;
  letter-spacing:.12em;
}

.product-reason-grid h3 {
  margin:47px 0 0;
  font-size:23px;
  font-weight:630;
  letter-spacing:-.02em;
}

.product-reason-grid p {
  margin:13px 0 0;
  color:#697782;
  font-size:13px;
  line-height:1.65;
}

.product-feature-split {
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(480px,1.22fr);
  align-items:center;
  gap:70px;
}

.product-feature-split-reverse {
  grid-template-columns:minmax(480px,1.22fr) minmax(330px,.78fr);
}

.product-feature-split-spaced {
  margin-top:70px;
}

.product-feature-copy > p {
  margin:0 0 16px;
  color:var(--product-accent-text);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}

.product-feature-copy h2 {
  margin:0;
  font-size:clamp(34px,3.1vw,48px);
  font-weight:630;
  line-height:1.08;
  letter-spacing:-.035em;
}

.product-feature-copy > span {
  display:block;
  margin-top:20px;
  color:#71818d;
  font-size:14px;
  line-height:1.72;
}

.product-story-section-dark .product-feature-copy > span {
  color:#8fa3b2;
}

.product-story-section-dark .product-feature-copy > p {
  color:rgb(var(--product-accent));
}

.product-flow-diagram {
  display:grid;
  grid-template-columns:repeat(7,auto);
  align-items:center;
  gap:12px;
  padding:34px;
  border:1px solid #243a4b;
  background:#050b12;
}

.product-flow-diagram > div {
  display:flex;
  min-height:160px;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border:1px solid #2a4254;
  background:#0b1925;
}

.product-flow-diagram > div.is-accent {
  border-color:rgba(var(--product-accent),.7);
  box-shadow:inset 0 0 30px rgba(var(--product-accent),.09);
}

.product-flow-diagram small {
  color:rgb(var(--product-accent));
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}

.product-flow-diagram strong {
  margin-top:12px;
  color:#eef5fa;
  font-size:16px;
  line-height:1.25;
}

.product-flow-diagram span {
  margin-top:10px;
  color:#7790a2;
  font-size:9px;
  line-height:1.4;
}

.product-flow-diagram > i {
  color:rgb(var(--product-accent));
  font-size:22px;
  font-style:normal;
}

.product-inline-alert,
.product-safety-note {
  margin-top:28px;
  padding:20px 22px;
  border-left:3px solid var(--product-accent-solid);
  background:rgba(var(--product-accent),.07);
}

.product-inline-alert strong,
.product-safety-note strong {
  font-size:12px;
}

.product-inline-alert p,
.product-safety-note p {
  margin:7px 0 0;
  color:#8499a9;
  font-size:11px;
  line-height:1.6;
}

.product-safety-note p {
  color:#5f6e79;
}

.product-spec-table {
  border:1px solid #d5dde3;
}

.product-spec-table > div {
  display:grid;
  grid-template-columns:1.05fr 1fr 1.75fr .85fr;
  align-items:center;
  min-height:69px;
  border-bottom:1px solid #dfe5e9;
}

.product-spec-table > div:last-child {
  border-bottom:0;
}

.product-spec-table > div > * {
  padding:15px 20px;
  font-size:11px;
}

.product-spec-table > div > strong {
  color:#142331;
  font-size:12px;
}

.product-spec-table > div > span {
  color:#667580;
}

.product-spec-table > div > b {
  color:#315b7e;
  font-size:9px;
  text-transform:uppercase;
}

.product-spec-head {
  min-height:45px!important;
  color:#8da0ae;
  background:#0a1620;
}

.product-spec-head span {
  color:#8da0ae!important;
  font-size:8px!important;
  font-weight:800;
  letter-spacing:.11em;
}

.product-application-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.product-application-grid article {
  min-height:240px;
  padding:27px;
  border:1px solid #d7e0e6;
  background:#fff;
}

.product-application-grid article > span {
  color:var(--product-accent-text);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.product-application-grid h3 {
  margin:59px 0 0;
  font-size:20px;
  line-height:1.2;
}

.product-application-grid p {
  margin:12px 0 0;
  color:#6c7a85;
  font-size:12px;
  line-height:1.62;
}

.product-check-list {
  display:grid;
  gap:11px;
  margin:25px 0 0;
  padding:0;
  list-style:none;
}

.product-check-list li {
  position:relative;
  padding-left:24px;
  color:#526370;
  font-size:12px;
  line-height:1.5;
}

.product-story-section-dark .product-check-list li {
  color:#9aadb9;
}

.product-check-list li::before {
  content:"";
  position:absolute;
  top:.44em;
  left:0;
  width:10px;
  height:6px;
  border-bottom:2px solid var(--product-accent-solid);
  border-left:2px solid var(--product-accent-solid);
  transform:rotate(-45deg);
}

.product-photo-placeholder {
  position:relative;
  display:flex;
  min-height:390px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  overflow:hidden;
  padding:38px;
  text-align:center;
  border:1px solid #31506a;
  background:
    radial-gradient(circle at 50% 44%,rgba(var(--product-accent),.13),transparent 34%),
    #07121c;
}

.product-photo-placeholder::before {
  top:50%;
  right:8%;
  left:8%;
  height:1px;
  background:rgba(125,166,197,.16);
}

.product-photo-placeholder::after {
  top:10%;
  bottom:10%;
  left:50%;
  width:1px;
  background:rgba(125,166,197,.16);
}

.product-photo-placeholder > * {
  position:relative;
  z-index:2;
  background:#07121c;
}

.product-photo-placeholder > span {
  padding:6px 9px;
  color:rgb(var(--product-accent));
  border:1px solid rgba(var(--product-accent),.48);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.product-photo-placeholder > strong {
  max-width:430px;
  margin-top:17px;
  padding:5px 12px;
  color:#edf4f8;
  font-size:24px;
  font-weight:620;
}

.product-photo-placeholder > small {
  max-width:420px;
  margin-top:9px;
  padding:4px 9px;
  color:#748a9a;
  font-size:10px;
  line-height:1.5;
}

.product-photo-stack {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}

.product-photo-stack .product-photo-placeholder {
  min-height:360px;
  padding:25px;
}

.product-photo-stack .product-photo-placeholder > strong {
  font-size:18px;
}

.product-wide-figure,
.product-diagram-card,
.product-application-photo {
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid #263d4e;
  background:#050b12;
}

.product-wide-figure {
  aspect-ratio:5/3;
}

.product-wide-figure img,
.product-diagram-card img,
.product-application-photo img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-diagram-card {
  aspect-ratio:4/3;
}

.product-diagram-card img {
  object-fit:contain;
  background:#eef2f4;
}

.product-application-photo {
  aspect-ratio:16/10;
}

.hub-channel-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.hub-channel-grid article {
  position:relative;
  min-height:160px;
  padding:24px;
  overflow:hidden;
  color:#fff;
  border:1px solid #2b4355;
  background:#08141e;
}

.hub-channel-grid article::after {
  content:"";
  position:absolute;
  right:-30px;
  bottom:-45px;
  width:115px;
  height:115px;
  border:20px solid rgba(255,255,255,.025);
  border-radius:50%;
}

.hub-channel-grid .is-can { border-color:#226a9c; }
.hub-channel-grid .is-rs485 { border-color:#23716f; }
.hub-channel-grid .is-rs232 { border-color:#4e6170; }

.hub-channel-grid small,
.hub-channel-grid strong,
.hub-channel-grid span {
  display:block;
}

.hub-channel-grid small {
  color:#6d8496;
  font-size:9px;
  font-weight:800;
}

.hub-channel-grid strong {
  margin-top:36px;
  font-size:20px;
}

.hub-channel-grid span {
  margin-top:7px;
  color:#8398a8;
  font-size:10px;
}

.product-status-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:28px;
}

.product-status-columns > div {
  display:flex;
  min-height:220px;
  flex-direction:column;
  padding:23px;
  border:1px solid #d2dce3;
  background:#f7f9fa;
}

.product-story-section-dark .product-status-columns > div {
  border-color:#263e50;
  background:#091722;
}

.product-status-columns strong {
  margin-bottom:13px;
  color:var(--product-accent-text);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.product-status-columns span {
  padding:8px 0;
  color:#63737f;
  border-bottom:1px solid #dde4e8;
  font-size:10px;
  line-height:1.35;
}

.product-story-section-dark .product-status-columns span {
  color:#8ea2b1;
  border-bottom-color:#203443;
}

.product-story-section-dark .product-status-columns strong {
  color:rgb(var(--product-accent));
}

.platform-support-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.platform-support-grid article {
  display:grid;
  grid-template-columns:90px 1fr;
  min-height:250px;
  align-items:center;
  gap:28px;
  padding:35px;
  color:#fff;
  border:1px solid #274154;
  background:#07131d;
}

.platform-support-grid small {
  color:rgb(var(--product-accent));
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.platform-support-grid h3 {
  margin:10px 0 0;
  font-size:24px;
}

.platform-support-grid p {
  margin:12px 0 0;
  color:#8fa2b0;
  font-size:12px;
  line-height:1.62;
}

.platform-support-grid b {
  display:block;
  margin-top:18px;
  color:#64b9f3;
  font-size:9px;
  font-weight:700;
}

.platform-window-icon {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  width:74px;
  height:74px;
  transform:perspective(150px) rotateY(-7deg);
}

.platform-window-icon i {
  background:#1594ef;
}

.platform-terminal-icon {
  display:grid;
  width:78px;
  height:66px;
  place-items:center;
  color:#66d7ca;
  border:2px solid #318a82;
  border-radius:7px;
  background:#091a21;
  font:700 23px/1 monospace;
}

.battery-state-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:14px;
  border:1px solid #d4dee4;
}

.battery-state-grid > div {
  display:grid;
  grid-template-columns:72px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  gap:3px 17px;
  min-height:120px;
  padding:22px;
  border-right:1px solid #d4dee4;
}

.battery-state-grid > div:last-child {
  border-right:0;
}

.battery-icon {
  position:relative;
  display:block;
  grid-row:1/3;
  width:62px;
  height:31px;
  padding:4px;
  border:2px solid #5f7483;
  border-radius:4px;
}

.battery-icon::after {
  content:"";
  position:absolute;
  top:8px;
  right:-8px;
  width:5px;
  height:11px;
  border-radius:0 3px 3px 0;
  background:#5f7483;
}

.battery-icon i {
  display:block;
  height:100%;
  border-radius:2px;
  background:#1769c2;
}

.battery-level-22 { width: 22%; }
.battery-level-58 { width: 58%; }
.battery-level-76 { width: 76%; }
.battery-level-96 { width: 96%; }

.battery-icon.is-charging i,
.battery-icon.is-full i {
  background:var(--product-accent-solid);
}

.battery-state-grid strong {
  font-size:18px;
}

.battery-state-grid small {
  color:#778691;
  font-size:9px;
}

.interface-concept-note {
  margin:12px 0 0;
  color:#8a98a2;
  font-size:9px;
  line-height:1.5;
  text-align:right;
}

.battery-data-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #d6e0e6;
  border-left:1px solid #d6e0e6;
}

.battery-data-grid article {
  min-height:160px;
  padding:24px;
  border-right:1px solid #d6e0e6;
  border-bottom:1px solid #d6e0e6;
}

.battery-data-grid small,
.battery-data-grid strong,
.battery-data-grid span {
  display:block;
}

.battery-data-grid small {
  color:var(--product-accent-text);
  font-size:9px;
  font-weight:800;
}

.battery-data-grid strong {
  margin-top:29px;
  font-size:18px;
}

.battery-data-grid span {
  margin-top:8px;
  color:#71808b;
  font-size:10px;
  line-height:1.5;
}

.product-compatibility-banner {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:60px;
  padding:45px;
  color:#fff;
  border:1px solid #2c5386;
  background:
    linear-gradient(110deg,rgba(var(--product-accent),.13),transparent 58%),
    #081521;
}

.product-compatibility-banner small {
  color:rgb(var(--product-accent));
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.product-compatibility-banner h2 {
  margin:12px 0 0;
  font-size:37px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.product-compatibility-banner > p {
  margin:0;
  color:#a2b4c1;
  font-size:14px;
  line-height:1.72;
}

.product-final-cta {
  color:#fff;
  background:
    radial-gradient(circle at 80% 50%,rgba(var(--product-accent),.18),transparent 34%),
    #050b12;
}

.product-final-cta > .container {
  display:flex;
  min-height:300px;
  align-items:center;
  justify-content:space-between;
  gap:60px;
  padding-top:55px;
  padding-bottom:55px;
}

.product-final-cta p {
  margin:0 0 14px;
  color:rgb(var(--product-accent));
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}

.product-final-cta h2 {
  max-width:730px;
  margin:0;
  font-size:clamp(34px,3.6vw,51px);
  font-weight:630;
  line-height:1.08;
  letter-spacing:-.035em;
}

.product-final-cta > .container > div:last-child {
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  gap:10px;
}

@media (max-width:1050px) {
  .brand-wordmark,
  .brand-wordmark img {
    width:136px;
  }
  .brand-wordmark {
    height:53px;
  }
  .product-story-hero-grid {
    grid-template-columns:minmax(340px,.9fr) minmax(390px,1.1fr);
    gap:40px;
  }
  .product-story-copy h1 {
    font-size:clamp(43px,5vw,56px);
  }
  .product-flow-diagram {
    overflow-x:auto;
  }
  .product-application-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:850px) {
  .product-local-nav > .container {
    overflow-x:auto;
    justify-content:flex-start;
    scrollbar-width:thin;
  }
  .product-local-nav > .container > div {
    flex:0 0 auto;
  }
  .product-story-hero-grid,
  .product-feature-split,
  .product-feature-split-reverse {
    grid-template-columns:1fr;
  }
  .product-story-hero-grid {
    gap:44px;
    padding-top:58px;
    padding-bottom:58px;
  }
  .product-story-copy {
    max-width:720px;
  }
  .product-story-visual,
  .product-photo-placeholder-hero {
    width:100%;
  }
  .product-proof-grid {
    grid-template-columns:1fr 1fr;
  }
  .product-proof-grid > div:nth-child(2) {
    border-right:0;
  }
  .product-proof-grid > div:nth-child(-n+2) {
    border-bottom:1px solid #1c2e3d;
  }
  .product-section-heading {
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "copy";
    gap:13px;
  }
  .product-section-heading > p {
    margin:0 0 4px;
  }
  .product-reason-grid {
    grid-template-columns:1fr;
  }
  .product-reason-grid article {
    min-height:190px;
    border-right:0;
    border-bottom:1px solid #d9e1e6;
  }
  .product-reason-grid article:last-child {
    border-bottom:0;
  }
  .product-reason-grid h3,
  .product-application-grid h3 {
    margin-top:31px;
  }
  .product-photo-stack,
  .platform-support-grid {
    grid-template-columns:1fr;
  }
  .hub-channel-grid,
  .battery-state-grid {
    grid-template-columns:1fr 1fr;
  }
  .battery-state-grid > div:nth-child(2) {
    border-right:0;
  }
  .battery-state-grid > div:nth-child(-n+2) {
    border-bottom:1px solid #d4dee4;
  }
  .product-spec-table {
    overflow-x:auto;
  }
  .product-spec-table > div {
    min-width:760px;
  }
  .product-final-cta > .container {
    align-items:flex-start;
    flex-direction:column;
  }
  .product-final-cta > .container > div:last-child {
    flex-direction:row;
  }
}

@media (max-width:600px) {
  .site-header .header-inner {
    position:relative;
    min-height:56px;
    gap:12px;
  }
  .brand-wordmark,
  .brand-wordmark img {
    width:112px;
  }
  .brand-wordmark {
    height:44px;
  }
  .site-menu-toggle {
    display:flex;
    min-height:35px;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    color:#d9e6ee;
    border:1px solid #2a465d;
    background:#0a1a27;
    cursor:pointer;
  }
  .site-menu-toggle > span {
    display:grid;
    gap:3px;
    width:15px;
  }
  .site-menu-toggle i {
    display:block;
    height:1px;
    background:#9fb6c7;
  }
  .site-menu-toggle b {
    font-size:9px;
    font-weight:750;
  }
  .site-header .header-inner > nav {
    position:absolute;
    top:100%;
    right:0;
    left:0;
    display:none!important;
    align-items:stretch;
    gap:0;
    padding:8px;
    border:1px solid #1f3546;
    background:#06101a;
    box-shadow:0 18px 35px rgba(0,0,0,.32);
  }
  .site-header.is-menu-open .header-inner > nav {
    display:grid!important;
  }
  .site-header.is-menu-open .header-inner > nav a,
  .site-header.is-menu-open .header-inner > nav a:not(.nav-finder) {
    display:block!important;
    padding:13px 14px;
    color:#bccbd6;
    border-bottom:1px solid #142634;
    font-size:12px;
  }
  .site-header.is-menu-open .header-inner > nav a:last-child {
    border-bottom:0;
  }
  .site-header.is-menu-open .header-inner > nav .nav-finder {
    margin-top:6px;
    color:#e9f5fd!important;
    border:1px solid #28577c;
    background:#0b2337;
  }
  .product-local-nav {
    top:56px;
  }
  .product-detail-page {
    scroll-margin-top:101px;
  }
  .product-story-section[id] {
    scroll-margin-top:111px;
  }
  .product-local-nav > .container {
    min-height:45px;
    gap:20px;
  }
  .product-local-name {
    font-size:10px;
  }
  .product-local-nav > .container > div {
    gap:18px;
  }
  .product-story-hero-grid {
    min-height:0;
    gap:34px;
    padding-top:43px;
    padding-bottom:38px;
  }
  .product-story-kicker {
    margin-bottom:15px;
    font-size:9px;
  }
  .product-story-copy h1 {
    font-size:38px;
    line-height:1.04;
  }
  .product-story-copy > p:not(.product-story-kicker):not(.product-development-note) {
    margin-top:18px;
    font-size:14px;
    line-height:1.6;
  }
  .product-story-actions {
    align-items:flex-start;
    flex-direction:column;
    margin-top:23px;
  }
  .product-story-actions .primary-button,
  .product-story-actions .product-ghost-button {
    width:100%;
  }
  .product-story-visual,
  .product-photo-placeholder-hero {
    aspect-ratio:4/3;
  }
  .product-visual-badge {
    top:12px;
    right:12px;
    min-width:150px;
    padding:13px;
  }
  .product-visual-badge strong {
    font-size:29px;
  }
  .product-proof-grid {
    grid-template-columns:1fr;
  }
  .product-proof-grid > div {
    min-height:100px;
    border-right:0;
    border-bottom:1px solid #1c2e3d;
  }
  .product-proof-grid > div:last-child {
    border-bottom:0;
  }
  .product-story-section {
    padding:68px 0;
  }
  .product-section-heading {
    margin-bottom:30px;
  }
  .product-section-heading h2,
  .product-feature-copy h2 {
    font-size:32px;
  }
  .product-section-heading > span,
  .product-feature-copy > span {
    font-size:13px;
  }
  .product-reason-grid article {
    padding:25px;
  }
  .product-flow-diagram {
    grid-template-columns:1fr;
    gap:9px;
    padding:17px;
  }
  .product-flow-diagram > div {
    min-height:120px;
  }
  .product-flow-diagram > i {
    transform:rotate(90deg);
    text-align:center;
  }
  .product-application-grid,
  .hub-channel-grid,
  .battery-state-grid,
  .battery-data-grid,
  .product-status-columns,
  .product-compatibility-banner {
    grid-template-columns:1fr;
  }
  .hub-channel-grid article,
  .product-application-grid article {
    min-height:175px;
  }
  .battery-state-grid > div {
    border-right:0;
    border-bottom:1px solid #d4dee4;
  }
  .battery-state-grid > div:last-child {
    border-bottom:0;
  }
  .platform-support-grid article {
    grid-template-columns:62px 1fr;
    gap:18px;
    padding:25px;
  }
  .platform-window-icon {
    width:54px;
    height:54px;
  }
  .platform-terminal-icon {
    width:56px;
    height:49px;
    font-size:17px;
  }
  .product-compatibility-banner {
    gap:25px;
    padding:28px;
  }
  .product-compatibility-banner h2 {
    font-size:30px;
  }
  .product-photo-placeholder,
  .product-photo-stack .product-photo-placeholder {
    min-height:300px;
  }
  .product-wide-figure {
    aspect-ratio:4/3;
  }
  .product-final-cta > .container {
    min-height:330px;
    gap:30px;
  }
  .product-final-cta h2 {
    font-size:32px;
  }
  .product-final-cta > .container > div:last-child {
    width:100%;
    flex-direction:column;
  }
  .product-final-cta .primary-button,
  .product-final-cta .product-ghost-button {
    width:100%;
  }
  .footer-brand,
  .footer-brand img {
    width:146px;
  }
}

/* Featured product paths outside the detail pages */
.featured-product-roadmap {
  padding:92px 0;
  color:#fff;
  background:#06101a;
}

.featured-product-roadmap-heading,
.application-product-rail-heading {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:end;
  gap:70px;
  margin-bottom:35px;
}

.featured-product-roadmap-heading h2,
.application-product-rail-heading h2 {
  max-width:680px;
  margin:0;
  font-size:42px;
  font-weight:630;
  line-height:1.08;
  letter-spacing:-.035em;
}

.featured-product-roadmap-heading > p,
.application-product-rail-heading > p {
  margin:0;
  color:#8599a8;
  font-size:12px;
  line-height:1.7;
}

.featured-product-roadmap-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #233644;
  border-left:1px solid #233644;
}

.featured-product-roadmap-grid > a {
  position:relative;
  display:flex;
  min-height:430px;
  flex-direction:column;
  padding:20px;
  overflow:hidden;
  border-right:1px solid #233644;
  border-bottom:1px solid #233644;
  background:#08141e;
}

.featured-product-roadmap-grid > a:hover {
  background:#0b1b28;
}

.featured-product-roadmap-grid > a > span {
  color:#68b8ef;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}

.featured-product-roadmap-grid > a > div {
  position:relative;
  height:180px;
  margin-top:20px;
  overflow:hidden;
  border:1px solid #243b4d;
  background:#e8eef2;
}

.featured-product-roadmap-grid img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.featured-product-roadmap-grid > a:nth-child(1) img,
.featured-product-roadmap-grid > a:nth-child(4) img {
  object-fit:contain;
}

.featured-product-roadmap-grid > a > div b {
  position:absolute;
  right:9px;
  bottom:9px;
  left:9px;
  padding:8px 10px;
  color:#eaf4fa;
  border:1px solid rgba(125,165,194,.22);
  background:rgba(4,12,18,.84);
  font-size:10px;
}

.featured-product-roadmap-grid h3 {
  margin:22px 0 0;
  color:#e7eef3;
  font-size:18px;
  font-weight:600;
  line-height:1.35;
}

.featured-product-roadmap-grid > a > strong {
  margin-top:auto;
  padding-top:22px;
  color:#73bff4;
  font-size:10px;
}

.application-product-rail {
  padding:88px 0;
  color:#fff;
  background:#06101a;
}

.application-product-rail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #263947;
  border-left:1px solid #263947;
}

.application-product-rail-grid > a {
  display:flex;
  min-height:260px;
  flex-direction:column;
  padding:28px;
  border-right:1px solid #263947;
  border-bottom:1px solid #263947;
  background:#08151f;
}

.application-product-rail-grid > a:hover {
  background:#0b1c29;
}

.application-product-rail-grid small {
  color:#68b8ef;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}

.application-product-rail-grid h3 {
  margin:43px 0 0;
  color:#edf4f8;
  font-size:20px;
  line-height:1.2;
}

.application-product-rail-grid p {
  margin:11px 0 0;
  color:#8499a8;
  font-size:11px;
  line-height:1.6;
}

.application-product-rail-grid span {
  margin-top:auto;
  padding-top:18px;
  color:#71bdf2;
  font-size:10px;
  font-weight:700;
}

@media (max-width:1050px) {
  .featured-product-roadmap-grid,
  .application-product-rail-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:700px) {
  .featured-product-roadmap,
  .application-product-rail {
    padding:68px 0;
  }
  .featured-product-roadmap-heading,
  .application-product-rail-heading {
    grid-template-columns:1fr;
    gap:17px;
  }
  .featured-product-roadmap-heading h2,
  .application-product-rail-heading h2 {
    font-size:33px;
  }
}

@media (max-width:520px) {
  .featured-product-roadmap-grid,
  .application-product-rail-grid {
    grid-template-columns:1fr;
  }
  .featured-product-roadmap-grid > a {
    min-height:405px;
  }
  .application-product-rail-grid > a {
    min-height:220px;
  }
}

.family-visual-image {
  padding:0;
  overflow:hidden;
}

.family-visual-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-status-columns-spaced {
  margin-top:30px;
}

/* Readability, accessible theme colors, and complete responsive controls */
.product-local-name {
  font-size:13px;
}

.product-local-nav > .container > div a {
  font-size:12px;
}

.product-development-note {
  font-size:12px;
}

.product-story-visual figcaption,
.product-wide-figure figcaption,
.product-diagram-card figcaption,
.product-application-photo figcaption {
  font-size:11px;
}

.product-visual-badge small,
.product-visual-badge span {
  font-size:11px;
}

.product-proof-grid small,
.product-section-heading > p,
.product-reason-grid b,
.product-feature-copy > p,
.product-application-grid article > span,
.product-photo-placeholder > span,
.hub-channel-grid small,
.platform-support-grid small,
.battery-data-grid small,
.product-compatibility-banner small,
.product-final-cta p {
  font-size:11px;
}

.product-proof-grid span,
.product-flow-diagram span,
.product-photo-placeholder > small,
.hub-channel-grid span,
.product-status-columns span,
.platform-support-grid b,
.battery-state-grid small,
.interface-concept-note,
.battery-data-grid span {
  font-size:12px;
}

.product-flow-diagram small,
.product-spec-head span {
  font-size:10px!important;
}

.product-inline-alert strong,
.product-safety-note strong,
.product-application-grid p,
.product-check-list li,
.platform-support-grid p,
.product-inline-alert p,
.product-safety-note p {
  font-size:13px;
}

.product-spec-table > div > * {
  font-size:13px;
}

.product-spec-table > div > strong {
  font-size:14px;
}

.product-spec-table > div > b,
.product-status-columns strong {
  font-size:12px;
}

.featured-product-roadmap-grid > a > span,
.application-product-rail-grid small {
  font-size:10px;
}

.featured-product-roadmap-grid > a > strong,
.application-product-rail-grid span {
  font-size:12px;
}

.application-product-rail-grid p,
.featured-product-roadmap-heading > p,
.application-product-rail-heading > p {
  font-size:13px;
}

@media (max-width:900px) {
  .site-header .header-inner {
    position:relative;
    min-height:60px;
    gap:12px;
  }
  .brand-wordmark,
  .brand-wordmark img {
    width:120px;
  }
  .brand-wordmark {
    height:47px;
  }
  .site-menu-toggle {
    display:flex;
    min-height:36px;
    align-items:center;
    gap:8px;
    padding:7px 11px;
    color:#d9e6ee;
    border:1px solid #2a465d;
    background:#0a1a27;
    cursor:pointer;
  }
  .site-menu-toggle > span {
    display:grid;
    gap:3px;
    width:16px;
  }
  .site-menu-toggle i {
    display:block;
    height:1px;
    background:#9fb6c7;
  }
  .site-menu-toggle b {
    font-size:11px;
    font-weight:750;
  }
  .site-header .header-inner > nav {
    position:absolute;
    top:100%;
    right:0;
    left:0;
    display:none!important;
    align-items:stretch;
    gap:0;
    padding:8px;
    border:1px solid #1f3546;
    background:#06101a;
    box-shadow:0 18px 35px rgba(0,0,0,.32);
  }
  .site-header.is-menu-open .header-inner > nav {
    display:grid!important;
  }
  .site-header.is-menu-open .header-inner > nav a,
  .site-header.is-menu-open .header-inner > nav a:not(.nav-finder) {
    display:block!important;
    padding:13px 14px;
    color:#bccbd6;
    border-bottom:1px solid #142634;
    font-size:13px;
  }
  .site-header.is-menu-open .header-inner > nav a:last-child {
    border-bottom:0;
  }
  .site-header.is-menu-open .header-inner > nav .nav-finder {
    margin-top:6px;
    color:#e9f5fd!important;
    border:1px solid #28577c;
    background:#0b2337;
  }
  .product-local-nav {
    top:60px;
  }
  .product-detail-page {
    scroll-margin-top:108px;
  }
  .product-story-section[id] {
    scroll-margin-top:118px;
  }
}

@media (max-width:600px) {
  .site-header .header-inner {
    min-height:56px;
  }
  .brand-wordmark,
  .brand-wordmark img {
    width:104px;
  }
  .brand-wordmark {
    height:40px;
  }
  .product-local-nav {
    top:56px;
  }
  .product-detail-page {
    scroll-margin-top:101px;
  }
  .product-story-section[id] {
    scroll-margin-top:111px;
  }
  .product-hero-stage {
    height:auto;
    min-height:700px;
  }
  .product-hero-slide.is-active {
    position:relative;
    min-height:700px;
  }
  .product-hero-layout {
    height:auto;
    min-height:700px;
  }
}

@media (max-width:380px) {
  .product-hero-copy h1,
  .product-hero-copy h2 {
    font-size:36px;
  }
  .product-hero-media {
    height:195px;
  }
  .product-hero-layout {
    grid-template-rows:auto 195px;
  }
}

/* 2026-08 Xilume silicon portfolio */
.product-hero-chip {
  --hero-accent:88,173,255;
  --hero-action:#0878d1;
  overflow:hidden;
  background:#05070a;
}

.product-hero-chip::before {
  display:none;
}

.chip-hero-backdrop,
.chip-hero-shade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.chip-hero-backdrop {
  object-fit:cover;
  object-position:center;
  filter:saturate(.88) contrast(1.04);
}

.chip-hero-shade {
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,6,10,.96) 0%,rgba(3,6,10,.82) 34%,rgba(3,6,10,.18) 66%,rgba(3,6,10,.25) 100%),
    linear-gradient(0deg,rgba(2,5,8,.82) 0%,transparent 42%);
}

.chip-hero-layout {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(430px,.95fr) minmax(460px,1.05fr);
  align-items:center;
  gap:45px;
  height:100%;
  padding-top:46px;
  padding-bottom:42px;
}

.chip-hero-copy {
  max-width:610px;
}

.chip-hero-copy h2 {
  margin:0;
  color:#f7f9fb;
  font-size:clamp(54px,5.3vw,78px);
  font-weight:610;
  letter-spacing:-.06em;
  line-height:.93;
}

.chip-hero-copy h2 span {
  color:#78bfff;
}

.chip-hero-copy > p:not(.product-hero-kicker) {
  margin:24px 0 0;
  color:#c2ccd5;
  font-size:18px;
  line-height:1.45;
}

.chip-hero-copy .hero-actions {
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:28px;
}

.chip-hero-copy .primary-button {
  color:#fff;
  border-color:#0878d1;
  background:#0878d1;
}

.chip-hero-models {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:31px;
}

.chip-hero-models span {
  padding:8px 10px;
  color:#8da0af;
  border:1px solid rgba(160,184,201,.22);
  background:rgba(3,8,12,.55);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:10px;
  letter-spacing:.08em;
}

.chip-hero-scenes {
  align-self:end;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  justify-self:end;
  width:min(100%,470px);
  margin-bottom:8px;
}

.chip-hero-scenes a {
  position:relative;
  display:block;
  height:142px;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(190,213,230,.26);
  background:#08121b;
}

.chip-hero-scenes a::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(2,6,9,.94) 0%,rgba(2,6,9,.08) 72%);
}

.chip-hero-scenes img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.chip-hero-scenes a:hover img {
  transform:scale(1.035);
}

.chip-hero-scenes span,
.chip-hero-scenes strong {
  position:absolute;
  z-index:1;
  right:15px;
  left:15px;
}

.chip-hero-scenes span {
  bottom:39px;
  color:#75bfff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}

.chip-hero-scenes strong {
  bottom:15px;
  font-size:12px;
  font-weight:650;
}

.home-silicon-section {
  padding:104px 0 92px;
  color:#111820;
  background:#f1f3f4;
  border-bottom:1px solid #d8dee2;
}

.home-silicon-heading {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:end;
  gap:70px;
  margin-bottom:38px;
}

.home-silicon-heading h2 {
  max-width:760px;
  margin:0;
  font-size:clamp(44px,5vw,68px);
  font-weight:610;
  letter-spacing:-.055em;
  line-height:.98;
}

.home-silicon-heading > div:last-child {
  padding-bottom:7px;
}

.home-silicon-heading > div:last-child p {
  max-width:430px;
  margin:0 0 17px;
  color:#56636d;
  font-size:16px;
  line-height:1.55;
}

.home-silicon-heading > div:last-child a {
  color:#0068b5;
  font-size:14px;
  font-weight:750;
}

.home-silicon-gallery {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);
  grid-template-rows:290px 290px;
  gap:12px;
}

.home-silicon-gallery > a {
  position:relative;
  display:block;
  overflow:hidden;
  color:#fff;
  background:#091018;
}

.home-silicon-gallery > a::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(2,6,9,.9) 0%,transparent 58%);
}

.home-silicon-gallery img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}

.home-silicon-gallery > a:hover img {
  transform:scale(1.025);
}

.home-silicon-family {
  grid-row:1 / 3;
}

.home-silicon-family img {
  object-position:center;
}

.home-silicon-gallery > a > div {
  position:absolute;
  z-index:1;
  right:25px;
  bottom:23px;
  left:25px;
}

.home-silicon-gallery span,
.home-silicon-gallery strong {
  display:block;
}

.home-silicon-gallery span {
  margin-bottom:8px;
  color:#79c1ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.home-silicon-gallery strong {
  max-width:630px;
  font-size:clamp(20px,2.5vw,35px);
  font-weight:580;
  letter-spacing:-.025em;
  line-height:1.1;
}

.home-silicon-use strong {
  font-size:20px;
}

.home-silicon-model-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:12px;
  border-top:1px solid #cbd3d8;
  border-left:1px solid #cbd3d8;
}

.home-silicon-model-grid a {
  position:relative;
  display:grid;
  grid-template-rows:auto auto 1fr;
  min-height:155px;
  padding:20px;
  color:#18232d;
  border-right:1px solid #cbd3d8;
  border-bottom:1px solid #cbd3d8;
  background:#f8f9f9;
}

.home-silicon-model-grid a:hover {
  background:#fff;
}

.home-silicon-model-grid small {
  color:#6d7d89;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
}

.home-silicon-model-grid strong {
  margin-top:13px;
  color:#0d1821;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:23px;
  font-weight:650;
}

.home-silicon-model-grid span {
  align-self:end;
  margin-top:19px;
  color:#5b6973;
  font-size:12px;
}

.home-silicon-model-grid b {
  position:absolute;
  top:20px;
  right:20px;
  color:#1683d2;
  font-size:16px;
}

.featured-product-roadmap-grid > a.roadmap-silicon-card img {
  object-fit:cover;
}

/* Controller portfolio page */
.silicon-local-nav {
  position:sticky;
  z-index:8;
  top:64px;
  color:#dce7ef;
  border-top:1px solid #162633;
  border-bottom:1px solid #213341;
  background:rgba(5,13,20,.95);
  backdrop-filter:blur(14px);
}

.silicon-local-nav > .container {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}

.silicon-local-name {
  color:#f4f8fb;
  font-size:13px;
  font-weight:750;
}

.silicon-local-nav nav {
  display:flex;
  align-items:center;
  gap:27px;
}

.silicon-local-nav nav a {
  color:#8fa3b2;
  font-size:11px;
  font-weight:650;
}

.silicon-local-nav nav a:hover {
  color:#fff;
}

.silicon-page {
  background:#f4f5f5;
}

.silicon-portfolio-hero {
  position:relative;
  min-height:720px;
  overflow:hidden;
  color:#fff;
  background:#05070a;
}

.silicon-hero-image,
.silicon-hero-overlay {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.silicon-hero-image {
  object-fit:cover;
  object-position:center;
}

.silicon-hero-overlay {
  background:
    linear-gradient(90deg,rgba(2,5,8,.98) 0%,rgba(2,5,8,.82) 34%,rgba(2,5,8,.08) 68%),
    linear-gradient(0deg,rgba(2,5,8,.84) 0%,transparent 40%);
}

.silicon-hero-content {
  position:relative;
  z-index:1;
  display:flex;
  min-height:635px;
  flex-direction:column;
  justify-content:center;
  padding-top:80px;
  padding-bottom:80px;
}

.silicon-hero-content > p:first-child {
  margin:0 0 20px;
  color:#68baff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
}

.silicon-hero-content h1 {
  max-width:800px;
  margin:0;
  color:#f6f9fb;
  font-size:clamp(63px,7.4vw,108px);
  font-weight:580;
  letter-spacing:-.07em;
  line-height:.88;
}

.silicon-hero-content h1 span {
  color:#76bfff;
}

.silicon-hero-bottom {
  display:flex;
  max-width:670px;
  align-items:end;
  justify-content:space-between;
  gap:45px;
  margin-top:42px;
}

.silicon-hero-bottom > p {
  max-width:360px;
  margin:0;
  color:#b8c4cd;
  font-size:16px;
  line-height:1.6;
}

.silicon-hero-bottom > div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
}

.silicon-hero-bottom > div > a:last-child {
  color:#dbe9f3;
  font-size:12px;
  font-weight:700;
}

.silicon-hero-model-rail {
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:0;
  border-top:1px solid rgba(176,200,217,.24);
  border-left:1px solid rgba(176,200,217,.24);
}

.silicon-hero-model-rail span {
  padding:20px 22px;
  color:#9aabb7;
  border-right:1px solid rgba(176,200,217,.24);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;
  letter-spacing:.09em;
  background:rgba(3,8,12,.62);
}

.silicon-model-section {
  padding:108px 0 115px;
  background:#f3f5f5;
}

.silicon-section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:37px;
}

.silicon-section-heading p:first-child {
  margin:0 0 14px;
  color:#147abf;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

.silicon-section-heading h2 {
  margin:0;
  color:#101820;
  font-size:clamp(43px,4.6vw,64px);
  font-weight:610;
  letter-spacing:-.052em;
  line-height:.98;
}

.silicon-section-heading > a {
  padding-bottom:8px;
  color:#0671bf;
  font-size:13px;
  font-weight:750;
}

.silicon-model-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #cbd3d8;
  border-left:1px solid #cbd3d8;
}

.silicon-model-card {
  --model-color:#137ec9;
  display:flex;
  min-height:420px;
  flex-direction:column;
  padding:27px;
  border-right:1px solid #cbd3d8;
  border-bottom:1px solid #cbd3d8;
  background:#fff;
}

.silicon-model-card::before {
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-bottom:25px;
  background:var(--model-color);
}

.silicon-model-card.model-c { --model-color:#627889; }
.silicon-model-card.model-u { --model-color:#1769c2; }
.silicon-model-card.model-p { --model-color:#66798a; }

.silicon-model-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.silicon-model-top span,
.silicon-model-top b {
  color:#71808b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}

.silicon-model-card h3 {
  margin:52px 0 0;
  color:#111a22;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:28px;
  font-weight:650;
  letter-spacing:-.035em;
}

.silicon-model-card > p {
  margin:10px 0 0;
  color:#3f4e59;
  font-size:14px;
  font-weight:650;
}

.silicon-model-card ul {
  display:grid;
  gap:0;
  margin:35px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid #e0e5e8;
}

.silicon-model-card li {
  padding:10px 0;
  color:#63717b;
  border-bottom:1px solid #e0e5e8;
  font-size:11px;
}

.silicon-model-card > a {
  margin-top:auto;
  padding-top:30px;
  color:var(--model-color);
  font-size:11px;
  font-weight:750;
}

.silicon-application-section {
  padding:108px 0 120px;
  color:#fff;
  background:#06101a;
}

.silicon-section-heading-light h2 {
  color:#f3f7f9;
}

.silicon-section-heading-light > p:last-child {
  max-width:390px;
  margin:0 0 7px;
  color:#91a3af;
  font-size:14px;
  line-height:1.65;
}

.silicon-application-mosaic {
  display:grid;
  grid-template-columns:1.23fr .77fr;
  grid-template-rows:330px 330px;
  gap:12px;
}

.silicon-application-card {
  position:relative;
  overflow:hidden;
  background:#101a21;
}

.silicon-app-industrial {
  grid-column:2;
  grid-row:1 / 3;
}

.silicon-application-card::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(2,6,9,.92) 0%,rgba(2,6,9,.08) 65%);
}

.silicon-application-card img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

.silicon-app-industrial img {
  object-position:60% center;
}

.silicon-application-card:hover img {
  transform:scale(1.025);
}

.silicon-application-card > div {
  position:absolute;
  z-index:1;
  right:30px;
  bottom:28px;
  left:30px;
}

.silicon-application-card span {
  color:#74bfff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.silicon-application-card h3 {
  max-width:620px;
  margin:9px 0 0;
  color:#f2f7fa;
  font-size:clamp(24px,3vw,40px);
  font-weight:570;
  letter-spacing:-.035em;
  line-height:1.08;
}

.silicon-app-industrial h3 {
  font-size:32px;
}

.silicon-application-card p {
  margin:10px 0 0;
  color:#adbbc4;
  font-size:11px;
}

.silicon-final-section {
  padding:92px 0;
  color:#fff;
  background:#0b74c4;
}

.silicon-final-section > .container {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:50px;
}

.silicon-final-section p {
  margin:0 0 15px;
  color:#d2eaff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}

.silicon-final-section h2 {
  max-width:760px;
  margin:0;
  font-size:clamp(42px,5vw,67px);
  font-weight:600;
  letter-spacing:-.055em;
  line-height:.98;
}

.silicon-final-section > .container > div:last-child {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
}

.silicon-final-section .primary-button {
  color:#0b5e9d;
  border-color:#fff;
  background:#fff;
}

.silicon-final-section > .container > div:last-child > a:last-child {
  color:#e7f4ff;
  font-size:12px;
  font-weight:700;
}

/* Chip finder */
.chip-finder-page {
  color:#14202a;
  background:#f3f5f6;
}

.chip-finder-hero {
  padding:75px 0 86px;
  color:#fff;
  background:#06101a;
}

.chip-finder-hero-grid {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:center;
  gap:78px;
}

.chip-finder-hero .breadcrumbs {
  margin-bottom:55px;
  color:#718595;
}

.chip-finder-hero .breadcrumbs a {
  color:#9eb0bd;
}

.chip-finder-kicker {
  display:block;
  margin-bottom:17px;
  color:#69b9f4;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

.chip-finder-hero h1 {
  margin:0;
  color:#f4f8fa;
  font-size:clamp(56px,6vw,82px);
  font-weight:590;
  letter-spacing:-.065em;
  line-height:.92;
}

.chip-finder-hero-grid > div > p:not(.breadcrumbs) {
  max-width:480px;
  margin:25px 0 0;
  color:#a9b8c2;
  font-size:16px;
  line-height:1.6;
}

.chip-finder-hero-grid > div > a {
  display:inline-block;
  margin-top:28px;
  color:#7bc2fa;
  font-size:12px;
  font-weight:750;
}

.chip-finder-hero figure {
  position:relative;
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid #263a49;
  background:#05080c;
}

.chip-finder-hero figure img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.chip-finder-hero figcaption {
  position:absolute;
  right:18px;
  bottom:18px;
  display:flex;
  flex-direction:column;
  padding:12px 14px;
  color:#fff;
  border:1px solid rgba(166,197,218,.28);
  background:rgba(3,8,12,.78);
  backdrop-filter:blur(8px);
}

.chip-finder-hero figcaption span {
  color:#67baf6;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}

.chip-finder-hero figcaption strong {
  margin-top:5px;
  font-size:12px;
}

.chip-finder-workspace {
  padding:105px 0 120px;
  scroll-margin-top:70px;
}

.chip-finder-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:45px;
  margin-bottom:33px;
}

.chip-finder-heading p:first-child {
  margin:0 0 13px;
  color:#1777ba;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

.chip-finder-heading h2 {
  margin:0;
  font-size:clamp(42px,4.6vw,61px);
  font-weight:610;
  letter-spacing:-.052em;
  line-height:1;
}

.chip-finder-heading > p:last-child {
  max-width:430px;
  margin:0 0 6px;
  color:#5c6b75;
  font-size:13px;
}

.chip-job-tabs {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid #c9d2d8;
  border-left:1px solid #c9d2d8;
}

.chip-job-tabs button {
  position:relative;
  display:flex;
  min-height:108px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  padding:18px;
  color:#60707b;
  border:0;
  border-right:1px solid #c9d2d8;
  border-bottom:1px solid #c9d2d8;
  background:#f8f9f9;
  text-align:left;
  cursor:pointer;
}

.chip-job-tabs button::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  background:#0a7dce;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}

.chip-job-tabs button:hover,
.chip-job-tabs button.is-active {
  color:#12202a;
  background:#fff;
}

.chip-job-tabs button.is-active::after {
  transform:scaleX(1);
}

.chip-job-tabs span {
  color:#1775b7;
  font-size:8px;
  font-weight:850;
  letter-spacing:.11em;
}

.chip-job-tabs strong {
  font-size:11px;
  font-weight:650;
  line-height:1.35;
}

.chip-match-grid {
  display:grid;
  gap:10px;
  margin-top:18px;
}

.chip-match-card {
  --match-color:#137ec9;
  display:grid;
  grid-template-columns:52px minmax(190px,.78fr) minmax(220px,1fr) minmax(210px,.82fr);
  align-items:center;
  gap:26px;
  min-height:205px;
  padding:27px 30px;
  border:1px solid #d2d9dd;
  border-left:4px solid var(--match-color);
  background:#fff;
  scroll-margin-top:85px;
}

.chip-match-card.match-c { --match-color:#617788; }
.chip-match-card.match-u { --match-color:#1769c2; }
.chip-match-card.match-p { --match-color:#66798a; }

.chip-match-card[hidden] {
  display:none!important;
}

.chip-match-card.is-recommended,
.chip-match-card.is-targeted {
  border-color:#8cc7ed;
  border-left-color:var(--match-color);
  box-shadow:0 18px 55px rgba(24,57,78,.1);
}

.chip-match-number {
  align-self:start;
  color:#a4afb6;
  font-size:11px;
  font-weight:800;
}

.chip-match-title small,
.chip-match-fit span {
  color:var(--match-color);
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}

.chip-match-title h2 {
  margin:13px 0 0;
  color:#111c25;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:30px;
  font-weight:650;
  letter-spacing:-.04em;
}

.chip-match-title p {
  margin:8px 0 0;
  color:#51616c;
  font-size:12px;
  font-weight:650;
}

.chip-match-fit strong {
  display:block;
  max-width:270px;
  margin-top:12px;
  color:#24333e;
  font-size:14px;
  font-weight:600;
  line-height:1.45;
}

.chip-match-card ul {
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #e0e5e8;
}

.chip-match-card li {
  padding:8px 0;
  color:#677681;
  border-bottom:1px solid #e0e5e8;
  font-size:10px;
}

.chip-match-actions {
  grid-column:2 / 5;
  display:flex;
  gap:22px;
  margin-top:-3px;
}

.chip-match-actions a {
  color:var(--match-color);
  font-size:11px;
  font-weight:750;
}

.chip-match-actions a:last-child {
  color:#677681;
}

.chip-finder-visual-break {
  padding:105px 0;
  color:#fff;
  background:#07131d;
}

.chip-finder-visual-break > .container {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:75px;
}

.chip-finder-visual-break img {
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

.chip-finder-visual-break p {
  margin:0 0 15px;
  color:#68b7ef;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

.chip-finder-visual-break h2 {
  margin:0;
  color:#f3f7f9;
  font-size:clamp(43px,5vw,66px);
  font-weight:600;
  letter-spacing:-.055em;
  line-height:.98;
}

.chip-finder-visual-break span {
  display:block;
  max-width:460px;
  margin-top:22px;
  color:#9bacb7;
  font-size:14px;
  line-height:1.65;
}

.chip-finder-visual-break .primary-button {
  margin-top:29px;
}

@media (max-width:1050px) {
  .chip-hero-layout {
    grid-template-columns:minmax(380px,.9fr) minmax(380px,1.1fr);
    gap:28px;
  }
  .chip-hero-scenes {
    width:400px;
  }
  .home-silicon-gallery {
    grid-template-columns:1.45fr .85fr;
  }
  .silicon-model-grid {
    grid-template-columns:1fr 1fr;
  }
  .silicon-model-card {
    min-height:385px;
  }
  .chip-match-card {
    grid-template-columns:42px minmax(170px,.75fr) minmax(180px,1fr) minmax(180px,.8fr);
    gap:18px;
    padding:24px;
  }
}

@media (max-width:850px) {
  .chip-hero-layout {
    grid-template-columns:1fr;
    grid-template-rows:auto 120px;
    align-content:center;
    gap:24px;
    padding-top:38px;
    padding-bottom:35px;
  }
  .chip-hero-copy h2 {
    font-size:58px;
  }
  .chip-hero-scenes {
    width:min(100%,560px);
    justify-self:start;
    margin:0;
  }
  .chip-hero-scenes a {
    height:112px;
  }
  .chip-hero-models {
    margin-top:20px;
  }
  .home-silicon-heading,
  .chip-finder-hero-grid,
  .chip-finder-visual-break > .container {
    grid-template-columns:1fr;
    gap:35px;
  }
  .home-silicon-gallery {
    grid-template-columns:1fr 1fr;
    grid-template-rows:440px 250px;
  }
  .home-silicon-family {
    grid-column:1 / 3;
    grid-row:1;
  }
  .home-silicon-model-grid {
    grid-template-columns:1fr 1fr;
  }
  .silicon-portfolio-hero {
    min-height:680px;
  }
  .silicon-hero-content {
    min-height:595px;
  }
  .silicon-hero-content h1 {
    font-size:75px;
  }
  .silicon-application-mosaic {
    grid-template-columns:1fr;
    grid-template-rows:330px 420px 330px;
  }
  .silicon-app-industrial {
    grid-column:auto;
    grid-row:auto;
  }
  .chip-job-tabs {
    grid-template-columns:1fr 1fr;
  }
  .chip-job-tabs button:first-child {
    grid-column:1 / 3;
  }
  .chip-match-card {
    grid-template-columns:38px 1fr 1fr;
  }
  .chip-match-card ul {
    grid-column:2 / 4;
  }
  .chip-match-actions {
    grid-column:2 / 4;
  }
}

@media (max-width:700px) {
  .silicon-local-nav {
    top:56px;
  }
  .silicon-local-nav > .container {
    overflow-x:auto;
  }
  .silicon-local-nav nav {
    gap:19px;
    white-space:nowrap;
  }
  .silicon-local-name {
    display:none;
  }
  .silicon-local-nav nav a {
    padding:15px 0;
  }
  .silicon-hero-bottom,
  .silicon-section-heading,
  .silicon-final-section > .container,
  .chip-finder-heading {
    align-items:flex-start;
    flex-direction:column;
  }
  .silicon-hero-bottom {
    display:flex;
    gap:25px;
  }
  .silicon-hero-model-rail {
    grid-template-columns:1fr 1fr;
  }
  .silicon-hero-model-rail span {
    padding:12px 15px;
    font-size:9px;
  }
  .silicon-hero-content {
    min-height:610px;
    padding-top:50px;
    padding-bottom:100px;
  }
  .silicon-final-section > .container,
  .chip-finder-heading {
    display:flex;
    gap:26px;
  }
}

@media (max-width:600px) {
  .chip-hero-backdrop {
    object-position:61% center;
    opacity:.72;
  }
  .chip-hero-shade {
    background:
      linear-gradient(90deg,rgba(3,6,10,.97) 0%,rgba(3,6,10,.72) 74%,rgba(3,6,10,.35) 100%),
      linear-gradient(0deg,rgba(2,5,8,.94) 0%,transparent 55%);
  }
  .chip-hero-layout {
    grid-template-rows:auto 94px;
    min-height:700px;
  }
  .chip-hero-copy h2 {
    font-size:47px;
  }
  .chip-hero-copy > p:not(.product-hero-kicker) {
    margin-top:17px;
    font-size:14px;
  }
  .chip-hero-copy .hero-actions {
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    margin-top:20px;
  }
  .chip-hero-models {
    gap:5px;
    margin-top:17px;
  }
  .chip-hero-models span {
    padding:6px 7px;
    font-size:8px;
  }
  .chip-hero-scenes {
    gap:7px;
  }
  .chip-hero-scenes a {
    height:94px;
  }
  .chip-hero-scenes span {
    bottom:30px;
    font-size:7px;
  }
  .chip-hero-scenes strong {
    bottom:10px;
    overflow:hidden;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-silicon-section,
  .silicon-model-section,
  .silicon-application-section,
  .chip-finder-workspace,
  .chip-finder-visual-break {
    padding-top:72px;
    padding-bottom:76px;
  }
  .home-silicon-heading {
    grid-template-columns:1fr;
    gap:23px;
  }
  .home-silicon-heading h2 {
    font-size:43px;
  }
  .home-silicon-gallery {
    display:block;
  }
  .home-silicon-gallery > a {
    height:235px;
    margin-bottom:8px;
  }
  .home-silicon-family {
    height:310px!important;
  }
  .home-silicon-model-grid {
    grid-template-columns:1fr;
    margin-top:8px;
  }
  .home-silicon-model-grid a {
    min-height:126px;
  }
  .silicon-portfolio-hero {
    min-height:650px;
  }
  .silicon-hero-image {
    object-position:62% center;
  }
  .silicon-hero-overlay {
    background:
      linear-gradient(90deg,rgba(2,5,8,.97) 0%,rgba(2,5,8,.73) 72%,rgba(2,5,8,.38) 100%),
      linear-gradient(0deg,rgba(2,5,8,.92) 0%,transparent 55%);
  }
  .silicon-hero-content h1 {
    font-size:57px;
  }
  .silicon-hero-bottom > p {
    font-size:14px;
  }
  .silicon-model-grid {
    grid-template-columns:1fr;
  }
  .silicon-model-card {
    min-height:350px;
  }
  .silicon-model-card h3 {
    margin-top:37px;
  }
  .silicon-section-heading h2,
  .chip-finder-heading h2 {
    font-size:39px;
  }
  .silicon-application-mosaic {
    display:block;
  }
  .silicon-application-card {
    height:310px;
    margin-bottom:9px;
  }
  .silicon-app-industrial {
    height:390px;
  }
  .silicon-application-card > div {
    right:21px;
    bottom:21px;
    left:21px;
  }
  .silicon-application-card h3,
  .silicon-app-industrial h3 {
    font-size:25px;
  }
  .silicon-final-section h2 {
    font-size:41px;
  }
  .chip-finder-hero {
    padding:48px 0 65px;
  }
  .chip-finder-hero .breadcrumbs {
    margin-bottom:40px;
  }
  .chip-finder-hero h1 {
    font-size:54px;
  }
  .chip-finder-hero-grid {
    gap:38px;
  }
  .chip-job-tabs {
    grid-template-columns:1fr;
  }
  .chip-job-tabs button:first-child {
    grid-column:auto;
  }
  .chip-job-tabs button {
    min-height:78px;
  }
  .chip-match-card {
    display:grid;
    grid-template-columns:34px 1fr;
    gap:19px;
    padding:22px 18px;
  }
  .chip-match-fit,
  .chip-match-card ul,
  .chip-match-actions {
    grid-column:2;
  }
  .chip-match-actions {
    flex-direction:column;
    gap:11px;
  }
  .chip-finder-visual-break > .container {
    gap:35px;
  }
  .chip-finder-visual-break h2 {
    font-size:42px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .chip-hero-scenes img,
  .home-silicon-gallery img,
  .silicon-application-card img {
    transition:none;
  }
}

:root {
  --green:#1769c2;
  --amber:#66798a;
}

.chip-hero-layout-simple {
  grid-template-columns:minmax(0,650px);
}

.chip-hero-layout-simple .chip-hero-copy {
  max-width:650px;
}

.product-hero-media-diagram {
  display:grid;
  place-items:center;
  padding:32px;
  background:#07131d;
}

.product-hero-media-diagram img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.product-form-navigation-two {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.silicon-portfolio-hero-simple .silicon-hero-content {
  padding-bottom:72px;
}

.silicon-model-grid-expandable {
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}

.silicon-model-grid-expandable .silicon-model-card {
  min-height:360px;
  color:inherit;
}

.silicon-model-grid-expandable .silicon-model-card:hover {
  z-index:1;
  border-color:#8ab7d8;
  box-shadow:0 18px 48px rgba(22,55,79,.1);
}

.silicon-model-card.model-c { --model-color:#526d82; }
.silicon-model-card.model-u { --model-color:#0c6eb2; }
.silicon-model-card.model-p { --model-color:#7891a4; }

.silicon-model-purpose {
  display:block;
  margin-top:34px;
  color:#6b7983;
  font-size:11px;
  line-height:1.5;
}

.silicon-model-grid-expandable .silicon-model-card > strong {
  margin-top:auto;
  padding-top:28px;
  color:var(--model-color);
  font-size:11px;
}

.silicon-application-card {
  display:block;
}

.chip-match-card.match-c { --match-color:#526d82; }
.chip-match-card.match-u { --match-color:#0c6eb2; }
.chip-match-card.match-p { --match-color:#7891a4; }

.chip-match-grid-simple {
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
}

.chip-match-grid-simple .chip-match-card {
  display:flex;
  min-height:280px;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  padding:27px;
  color:inherit;
  border-left-width:3px;
}

.chip-match-grid-simple .chip-match-title h2 {
  margin-top:18px;
}

.chip-match-grid-simple .chip-match-fit {
  margin-top:42px;
}

.chip-match-grid-simple .chip-match-fit strong {
  max-width:230px;
}

.chip-match-open {
  margin-top:auto;
  padding-top:28px;
  color:var(--match-color);
  font-size:11px;
}

.chip-match-grid-simple .chip-match-card:hover {
  border-color:#8ab7d8;
  border-left-color:var(--match-color);
  box-shadow:0 18px 48px rgba(22,55,79,.1);
}

.chip-product-nav {
  position:sticky;
  top:66px;
  z-index:24;
  border-bottom:1px solid #d8e0e5;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}

.chip-product-nav > .container {
  display:flex;
  min-height:48px;
  align-items:center;
  gap:18px;
}

.chip-product-nav > .container > a {
  color:#6a7882;
  font-size:10px;
}

.chip-product-nav strong {
  margin-right:auto;
  color:#14212b;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
}

.chip-product-nav div div {
  display:flex;
  gap:24px;
}

.chip-product-nav div div a {
  color:#52616c;
  font-size:10px;
}

.chip-product-page {
  --chip-accent:#0d78c4;
  color:#15212a;
  background:#fff;
}

.chip-product-c { --chip-accent:#526d82; }
.chip-product-u { --chip-accent:#0c6eb2; }
.chip-product-p { --chip-accent:#66849a; }

.chip-product-hero {
  padding:70px 0 0;
  border-bottom:1px solid #d6dee3;
  background:#f3f5f6;
}

.chip-product-hero-grid {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:center;
  gap:70px;
  padding-bottom:64px;
}

.chip-product-copy .breadcrumbs {
  margin-bottom:46px;
}

.chip-product-series,
.chip-product-label,
.chip-product-heading > p {
  color:var(--chip-accent);
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.chip-product-copy h1 {
  margin:15px 0 0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:clamp(54px,6vw,80px);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:.95;
}

.chip-product-copy h2 {
  margin:14px 0 0;
  color:#33434f;
  font-size:24px;
  font-weight:560;
  letter-spacing:-.025em;
}

.chip-product-copy > p:last-of-type {
  max-width:520px;
  margin:22px 0 0;
  color:#65737d;
  font-size:15px;
  line-height:1.65;
}

.chip-product-visual {
  position:relative;
  height:470px;
  margin:0;
  overflow:hidden;
  background:#0a131b;
}

.chip-product-visual::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(3,9,14,.72),transparent 50%);
}

.chip-product-visual img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.chip-product-visual figcaption {
  position:absolute;
  z-index:1;
  right:24px;
  bottom:22px;
  left:24px;
  color:#dce8ef;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
}

.chip-product-facts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #cfd8de;
  border-left:1px solid #cfd8de;
}

.chip-product-facts > div {
  min-height:105px;
  padding:24px;
  border-right:1px solid #cfd8de;
  background:#fff;
}

.chip-product-facts small,
.chip-product-facts strong {
  display:block;
}

.chip-product-facts small {
  color:#798690;
  font-size:8px;
  font-weight:800;
  letter-spacing:.11em;
}

.chip-product-facts strong {
  margin-top:14px;
  color:#17242d;
  font-size:16px;
  font-weight:650;
}

.chip-product-section {
  padding:100px 0;
}

.chip-product-section[id] {
  scroll-margin-top:124px;
}

.chip-product-section-soft {
  border-top:1px solid #dbe2e6;
  border-bottom:1px solid #dbe2e6;
  background:#f4f6f7;
}

.chip-product-heading {
  margin-bottom:38px;
}

.chip-product-heading > p {
  margin:0 0 14px;
}

.chip-product-heading h2,
.chip-product-detail-grid h2 {
  max-width:760px;
  margin:0;
  color:#14212a;
  font-size:clamp(38px,4.5vw,58px);
  font-weight:600;
  letter-spacing:-.052em;
  line-height:1;
}

.chip-benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #cfd8de;
  border-left:1px solid #cfd8de;
}

.chip-benefit-grid article {
  min-height:250px;
  padding:30px;
  border-right:1px solid #cfd8de;
  border-bottom:1px solid #cfd8de;
}

.chip-benefit-grid span {
  color:var(--chip-accent);
  font-size:9px;
  font-weight:800;
}

.chip-benefit-grid h3 {
  margin:55px 0 0;
  font-size:22px;
}

.chip-benefit-grid p {
  margin:12px 0 0;
  color:#66747e;
  font-size:12px;
  line-height:1.65;
}

.chip-product-detail-grid {
  display:grid;
  grid-template-columns:1fr .85fr;
  align-items:start;
  gap:90px;
}

.chip-product-detail-grid > div > p:last-child {
  max-width:620px;
  margin:25px 0 0;
  color:#62717b;
  font-size:14px;
  line-height:1.7;
}

.chip-interface-list {
  margin:0;
  border-top:1px solid #cfd8de;
}

.chip-interface-list > div {
  display:grid;
  grid-template-columns:135px 1fr;
  gap:20px;
  padding:18px 0;
  border-bottom:1px solid #cfd8de;
}

.chip-interface-list dt {
  color:#7b8891;
  font-size:9px;
  font-weight:750;
  text-transform:uppercase;
}

.chip-interface-list dd {
  margin:0;
  color:#293943;
  font-size:12px;
  font-weight:650;
}

.chip-interface-list a {
  color:var(--chip-accent);
}

.chip-product-application {
  position:relative;
  min-height:460px;
  overflow:hidden;
  color:#fff;
  background:#07131d;
}

.chip-product-application > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.58;
}

.chip-product-application::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,10,16,.95),rgba(3,10,16,.24));
}

.chip-product-application > .container {
  position:relative;
  z-index:1;
  display:flex;
  min-height:460px;
  align-items:center;
}

.chip-product-application > .container > div {
  max-width:680px;
}

.chip-product-application p {
  margin:0 0 15px;
  color:#72baf0;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.chip-product-application h2 {
  margin:0;
  font-size:clamp(40px,5vw,64px);
  font-weight:580;
  letter-spacing:-.055em;
  line-height:1;
}

.chip-product-application span {
  display:block;
  margin-top:22px;
  color:#b0c0ca;
  font-size:12px;
}

.chip-product-application-diagram > img {
  object-fit:contain;
  padding:40px;
  opacity:.48;
}

.chip-resource-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.chip-resource-grid a {
  display:flex;
  min-height:210px;
  flex-direction:column;
  padding:27px;
  border:1px solid #ced8de;
  background:#fff;
}

.chip-resource-grid a:hover {
  border-color:#7fb2d5;
  box-shadow:0 16px 40px rgba(22,55,79,.08);
}

.chip-resource-grid small {
  color:var(--chip-accent);
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}

.chip-resource-grid strong {
  margin-top:44px;
  font-size:22px;
}

.chip-resource-grid span {
  margin-top:auto;
  padding-top:20px;
  color:#66747e;
  font-size:10px;
}

.chip-product-scope {
  padding:28px 0;
  color:#dfe9ef;
  background:#0a1822;
}

.chip-product-scope > .container {
  display:grid;
  grid-template-columns:180px 1fr;
  align-items:center;
  gap:35px;
}

.chip-product-scope strong {
  color:#78bdeb;
  font-size:11px;
}

.chip-product-scope p {
  margin:0;
  color:#9badb8;
  font-size:11px;
  line-height:1.6;
}

.chip-product-cta {
  padding:72px 0;
  color:#fff;
  background:#0b74c4;
}

.chip-product-cta > .container {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:50px;
}

.chip-product-cta p {
  margin:0 0 12px;
  color:#d3eaff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.chip-product-cta h2 {
  max-width:760px;
  margin:0;
  font-size:clamp(38px,4.5vw,58px);
  font-weight:580;
  letter-spacing:-.05em;
  line-height:1;
}

.chip-product-cta .primary-button {
  color:#0b5e9d;
  border-color:#fff;
  background:#fff;
}

.documentation-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding-bottom:90px;
}

.documentation-grid > a,
.documentation-grid > article {
  display:flex;
  min-height:235px;
  flex-direction:column;
  padding:30px;
  border:1px solid #d2dae0;
  background:#fff;
  scroll-margin-top:90px;
}

.documentation-grid > a:hover,
.documentation-grid > article:hover {
  border-color:#7fafd0;
  box-shadow:0 16px 42px rgba(22,55,79,.08);
}

.documentation-grid small {
  color:#0c76bf;
  font-size:9px;
  font-weight:850;
}

.documentation-grid strong {
  margin-top:35px;
  font-size:24px;
}

.documentation-grid p {
  max-width:520px;
  margin:12px 0 0;
  color:#677580;
  font-size:12px;
  line-height:1.6;
}

.documentation-grid span {
  margin-top:auto;
  padding-top:22px;
  color:#0b70b7;
  font-size:10px;
  font-weight:700;
}

.datasheet-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:22px;
}

.datasheet-actions a {
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  color:#0b70b7;
  border:1px solid #9abdd5;
  background:#fff;
  font-size:10px;
  font-weight:750;
}

.datasheet-actions a:first-child {
  color:#fff;
  border-color:#0b70b7;
  background:#0b70b7;
}

.datasheet-actions a:hover {
  border-color:#075f9c;
  background:#eef6fb;
}

.datasheet-actions a:first-child:hover {
  color:#fff;
  background:#075f9c;
}

.product-theme-8hub,
.product-theme-battery {
  --product-accent:31,131,202;
  --product-accent-solid:#1f83ca;
  --product-accent-text:#0c69a8;
  --product-action:#0b67a4;
}

.product-story-visual-diagram {
  display:grid;
  place-items:center;
  padding:32px;
  background:#07131d;
}

.product-story-visual-diagram img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.hub-channel-grid .is-rs485 { border-color:#356f99; }
.hub-channel-grid .is-rs232 { border-color:#607789; }
.platform-terminal-icon { color:#77bff3; border-color:#387cad; background:#091722; }
.battery-icon i { background:#73899a; }
.battery-icon.is-charging i,
.battery-icon.is-full i { background:#1f83ca; }

@media (max-width:900px) {
  .chip-product-hero-grid,
  .chip-product-detail-grid {
    grid-template-columns:1fr;
    gap:38px;
  }
  .chip-product-visual {
    height:420px;
  }
  .chip-product-facts,
  .chip-benefit-grid,
  .chip-resource-grid {
    grid-template-columns:1fr 1fr;
  }
  .chip-benefit-grid article:last-child,
  .chip-resource-grid a:last-child {
    grid-column:1 / 3;
  }
}

@media (max-width:700px) {
  .chip-product-nav {
    top:56px;
  }
  .chip-product-nav div div {
    gap:15px;
    overflow-x:auto;
  }
  .chip-product-nav div div a {
    white-space:nowrap;
  }
  .chip-product-nav > .container > a {
    display:none;
  }
  .chip-product-hero {
    padding-top:48px;
  }
  .chip-product-copy .breadcrumbs {
    margin-bottom:34px;
  }
  .chip-product-visual {
    height:330px;
  }
  .chip-product-facts,
  .chip-benefit-grid,
  .chip-resource-grid,
  .documentation-grid,
  .product-form-navigation-two {
    grid-template-columns:1fr;
  }
  .chip-benefit-grid article:last-child,
  .chip-resource-grid a:last-child {
    grid-column:auto;
  }
  .chip-product-facts > div {
    min-height:85px;
  }
  .chip-product-section {
    padding:72px 0;
  }
  .chip-product-detail-grid {
    gap:45px;
  }
  .chip-interface-list > div {
    grid-template-columns:110px 1fr;
  }
  .chip-product-application,
  .chip-product-application > .container {
    min-height:390px;
  }
  .chip-product-scope > .container,
  .chip-product-cta > .container {
    grid-template-columns:1fr;
    align-items:flex-start;
  }
  .chip-product-cta > .container {
    display:flex;
    flex-direction:column;
  }
  .chip-match-grid-simple {
    grid-template-columns:1fr;
  }
  .chip-match-grid-simple .chip-match-card {
    min-height:240px;
  }
}

/* Xilume 8Hub home showcase */
.product-hero-8hub {
  --hero-accent:0,105,210;
  --hero-action:#0878e8;
  overflow:hidden;
  background:#f7f7f5;
}

.product-hero-8hub::before {
  display:none;
}

.home-8hub-layout {
  z-index:2;
  grid-template-columns:minmax(0,500px);
  gap:0;
}

.home-8hub-copy {
  width:100%;
  max-width:480px;
}

.home-8hub-media {
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
  overflow:hidden;
  pointer-events:none;
}

.home-8hub-backdrop {
  position:absolute;
  top:50%;
  left:73%;
  width:max(855px,min(clamp(1120px,82vw,1600px),178vh));
  max-width:none;
  height:auto;
  transform:translate(-60%,-47.8%);
}

.home-8hub-shade {
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg,rgba(247,247,245,.48) 0%,rgba(247,247,245,.12) 10%,rgba(247,247,245,0) 19%),
    linear-gradient(90deg,#f7f7f5 0%,#f7f7f5 31%,rgba(247,247,245,.98) 37%,rgba(247,247,245,.82) 44%,rgba(247,247,245,.45) 51%,rgba(247,247,245,.12) 58%,rgba(247,247,245,0) 65%);
  pointer-events:none;
}

.product-hero-8hub .product-hero-kicker {
  color:#0878e8;
}

.product-hero-8hub .product-hero-copy h2 {
  color:#0d1116;
  font-size:clamp(44px,4.25vw,64px);
}

.product-hero-8hub .product-hero-copy > p:not(.product-hero-kicker) {
  color:#5a626a;
  font-weight:600;
  letter-spacing:.01em;
}

.product-hero-8hub .hero-text-link {
  color:#1d5f9e;
}

.product-hero-8hub .hero-text-link:hover {
  color:#0878e8;
}

@media (max-width:1050px) {
  .home-8hub-backdrop {
    left:70%;
    width:clamp(1020px,105vw,1120px);
    transform:translate(-60%,-50%);
  }
}

@media (max-width:860px) {
  .home-8hub-layout {
    display:flex;
    min-height:0;
    align-items:flex-start;
    padding-top:64px;
    padding-bottom:0;
  }
  .home-8hub-copy {
    width:100%;
    max-width:580px;
  }
  .home-8hub-backdrop {
    top:68%;
    left:52%;
    width:clamp(620px,135vw,1080px);
    transform:translate(-60%,-47.8%);
  }
  .home-8hub-shade {
    background:linear-gradient(180deg,#f7f7f5 0%,#f7f7f5 38%,rgba(247,247,245,.82) 44%,rgba(247,247,245,.28) 52%,rgba(247,247,245,0) 60%);
  }
}

@media (max-width:600px) {
  .home-8hub-layout {
    display:flex;
    min-height:700px;
    padding-top:46px;
    padding-bottom:0;
  }
  .home-8hub-copy {
    width:100%;
  }
  .product-hero-8hub .product-hero-copy h2 {
    font-size:40px;
  }
}

@media (max-width:360px) {
  .product-hero-8hub .product-hero-copy h2 {
    font-size:36px;
  }
}

/* 8Hub Embedded keeps a compact, contained product view on the homepage. */
.product-hero-8hub-embedded {
  --hero-accent:88,201,255;
  --hero-action:#0878e8;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 44%,rgba(31,123,220,.17),transparent 30%),
    linear-gradient(115deg,#020812 0%,#061321 58%,#020812 100%);
}

.product-hero-8hub-embedded::before {
  display:block;
  opacity:.08;
  background-size:76px 76px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 54%,#000 100%);
}

.home-embedded-shade {
  position:absolute;
  inset:0;
}

.home-embedded-shade {
  z-index:0;
  background:linear-gradient(90deg,rgba(2,8,18,.88) 0%,rgba(2,8,18,.54) 43%,rgba(2,8,18,0) 68%);
}

.home-embedded-layout {
  z-index:1;
  grid-template-columns:minmax(350px,.9fr) minmax(500px,1.1fr);
  gap:clamp(28px,4vw,72px);
}

.home-embedded-media {
  position:relative;
  width:min(100%,760px);
  margin:0;
  justify-self:end;
}

.home-embedded-backdrop {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.3));
}

.home-embedded-copy {
  width:100%;
  max-width:570px;
}

.product-hero-8hub-embedded .product-hero-kicker {
  color:#63cfff;
}

.product-hero-8hub-embedded .product-hero-copy h2 {
  color:#f7fbff;
}

.product-hero-8hub-embedded .product-hero-copy h2 span {
  color:#d8f0ff;
}

.product-hero-8hub-embedded .product-hero-copy > p:not(.product-hero-kicker) {
  color:#c5d6e3;
  font-weight:540;
  letter-spacing:.01em;
}

.home-embedded-proof {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin-top:22px;
  color:#96aec0;
  font-size:10px;
  font-weight:680;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.home-embedded-proof span {
  display:flex;
  align-items:center;
}

.home-embedded-proof span:not(:last-child)::after {
  content:"";
  width:3px;
  height:3px;
  margin:0 12px;
  border-radius:50%;
  background:#3d9ed2;
}

.product-hero-8hub-embedded .hero-text-link {
  color:#a7d9ff;
}

.product-hero-8hub-embedded .hero-text-link:hover {
  color:#fff;
}

@media (max-width:1050px) {
  .home-embedded-layout {
    grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);
    gap:28px;
  }
  .product-hero-8hub-embedded .product-hero-copy h2 {
    font-size:clamp(40px,4.5vw,50px);
  }
}

@media (max-width:850px) {
  .home-embedded-layout {
    grid-template-columns:1fr;
    grid-template-rows:auto 300px;
    align-content:center;
    gap:24px;
  }
  .home-embedded-copy {
    width:min(600px,88%);
  }
  .home-embedded-media {
    display:flex;
    width:100%;
    height:300px;
    align-items:center;
    justify-content:flex-end;
    justify-self:stretch;
  }
  .home-embedded-backdrop {
    width:auto;
    max-width:92%;
    height:100%;
  }
}

@media (max-width:600px) {
  .home-embedded-layout {
    display:grid;
    grid-template-rows:auto 225px;
    min-height:0;
    align-items:flex-start;
    gap:20px;
    padding-top:38px;
  }
  .home-embedded-copy {
    width:100%;
  }
  .home-embedded-media {
    width:100%;
    height:225px;
    justify-content:center;
    justify-self:center;
  }
  .home-embedded-backdrop { max-width:100%; }
  .home-embedded-shade {
    background:linear-gradient(180deg,#020812 0%,rgba(2,8,18,.92) 47%,rgba(2,8,18,.12) 100%);
  }
  .home-embedded-proof {
    max-width:330px;
    gap:8px 0;
    font-size:9px;
  }
}

/* Bespoke Dual Mini PCIe hero: a centered product image without the generic card frame. */
.product-hero-mini-pcie .product-hero-media.home-canfd-visual {
  max-width:760px;
  justify-self:center;
  aspect-ratio:16/9;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}

.product-hero-mini-pcie .product-hero-media.home-canfd-visual::before,
.product-hero-mini-pcie .product-hero-media.home-canfd-visual::after {
  display:none;
}

.product-hero-mini-pcie .home-canfd-visual .product-hero-picture img {
  object-fit:contain;
  object-position:center;
}

/* Product and solution mega menus — compact, accessible navigation disclosures */
.mega-menu-trigger {
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.mega-menu-trigger::after {
  content:"";
  width:5px;
  height:5px;
  margin-top:-3px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
  transition:transform .18s ease;
}

.site-header.is-mega-menu-open .mega-menu-trigger[aria-expanded="true"] {
  color:#fff!important;
}

.site-header.is-mega-menu-open .mega-menu-trigger[aria-expanded="true"]::after {
  margin-top:3px;
  transform:rotate(225deg);
}

.site-mega-menu {
  position:absolute;
  top:100%;
  right:0;
  left:0;
  z-index:45;
  visibility:hidden;
  max-height:calc(100dvh - 64px);
  overflow-x:hidden;
  overflow-y:auto;
  color:#18232d;
  border-top:1px solid #dce2e7;
  border-bottom:1px solid #cbd3da;
  background:#fff;
  box-shadow:0 28px 60px rgba(3,14,25,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(-7px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}

.site-mega-scrim {
  position:fixed;
  top:64px;
  right:0;
  bottom:0;
  left:0;
  z-index:44;
  visibility:hidden;
  padding:0;
  border:0;
  background:rgba(1,7,14,.52);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,visibility 0s linear .18s;
}

.site-header.is-mega-menu-open .site-mega-menu[aria-hidden="false"] {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}

.site-header.is-mega-menu-open .site-mega-scrim {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transition-delay:0s;
}

.product-mega-menu-inner {
  display:grid;
  grid-template-columns:190px minmax(0,760px);
  gap:48px;
  justify-content:start;
  padding-top:23px;
  padding-bottom:27px;
}

.product-mega-menu-intro {
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding-top:3px;
}

.product-mega-menu-intro > span {
  color:#64727e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.product-mega-menu-intro > strong {
  margin-top:17px;
  color:#17232d;
  font-size:19px;
  font-weight:670;
  letter-spacing:-.02em;
  line-height:1.28;
}

.product-mega-menu-intro > a {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:25px;
  color:#1769c2;
  font-size:11px;
  font-weight:760;
}

.product-mega-menu-intro > a b,
.product-mega-links > a > b {
  font-style:normal;
  transition:transform .18s ease;
}

.product-mega-menu-intro > a:hover b,
.product-mega-links > a:hover > b {
  transform:translateX(3px);
}

.product-mega-menu-groups {
  min-width:0;
  border-top:1px solid #d8dee4;
}

.product-mega-group {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:24px;
  min-height:80px;
  padding:10px 0;
  border-bottom:1px solid #d8dee4;
}

.product-mega-group-heading {
  position:relative;
  min-width:0;
  padding-left:29px;
}

.product-mega-group-heading > small {
  position:absolute;
  top:3px;
  left:0;
  color:#7d8a95;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}

.product-mega-group-heading h2 {
  margin:0;
  color:#1c2934;
  font-size:14px;
  font-weight:760;
  letter-spacing:-.012em;
  line-height:1.35;
}

.product-mega-group-heading p {
  margin:7px 0 0;
  color:#74818c;
  font-size:9px;
  line-height:1.4;
}

.product-mega-links {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
}

.product-mega-links > a,
.product-mega-product {
  position:relative;
  display:grid;
  min-width:0;
  align-content:center;
  min-height:58px;
  padding:9px 38px 9px 13px;
  border-left:2px solid transparent;
  background:#f5f7f9;
  transition:border-color .18s ease,background-color .18s ease;
}

.product-mega-links > a:hover,
.product-mega-links > a:focus-visible {
  border-left-color:#1769c2;
  background:#eaf3fc;
}

.product-mega-links > a > span,
.product-mega-product > span {
  color:#1769c2;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.35;
  text-transform:uppercase;
}

.product-mega-links > a > strong,
.product-mega-product > strong {
  overflow:hidden;
  margin-top:4px;
  color:#1d2a35;
  font-size:12px;
  font-weight:740;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.product-mega-links > a > small,
.product-mega-product > small {
  overflow:hidden;
  margin-top:4px;
  color:#6c7984;
  font-size:8px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.product-mega-links > a > b {
  position:absolute;
  top:50%;
  right:14px;
  color:#1769c2;
  font-size:14px;
  transform:translateY(-50%);
}

.product-mega-product-planned {
  padding-right:120px;
  border-left-color:#96a4af;
  background:#f7f8f9;
}

.product-mega-product-planned > em {
  position:absolute;
  top:50%;
  right:13px;
  padding:5px 7px;
  color:#62717d;
  border:1px solid #c8d0d6;
  background:#fff;
  font-size:7px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.07em;
  transform:translateY(-50%);
}

.product-mega-links > a:hover > b {
  transform:translate(3px,-50%);
}

.solutions-mega-menu-inner {
  display:grid;
  grid-template-columns:190px minmax(0,820px);
  gap:48px;
  justify-content:start;
  padding-top:28px;
  padding-bottom:30px;
}

.solutions-mega-content {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:26px;
  min-width:0;
  padding:15px 0;
  border-top:1px solid #d8dee4;
  border-bottom:1px solid #d8dee4;
}

.solutions-mega-heading {
  min-width:0;
  padding:4px 0 4px 2px;
}

.solutions-mega-heading > span {
  color:#1769c2;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}

.solutions-mega-heading h2 {
  margin:11px 0 0;
  color:#1c2934;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.3;
}

.solutions-mega-heading p {
  margin:9px 0 0;
  color:#74818c;
  font-size:9px;
  line-height:1.55;
}

.solutions-mega-links {
  display:grid;
  gap:9px;
  min-width:0;
}

.solutions-mega-links > a {
  position:relative;
  display:grid;
  min-width:0;
  padding:11px 118px 11px 14px;
  border-left:2px solid transparent;
  background:#f5f7f9;
  transition:border-color .18s ease,background-color .18s ease;
}

.solutions-mega-links > a:hover,
.solutions-mega-links > a:focus-visible {
  border-left-color:#1769c2;
  background:#eaf3fc;
}

.solutions-mega-links > a > span {
  color:#1769c2;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.35;
  text-transform:uppercase;
}

.solutions-mega-links > a > strong {
  overflow:hidden;
  margin-top:4px;
  color:#1d2a35;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.solutions-mega-links > a > small {
  overflow:hidden;
  margin-top:4px;
  color:#6c7984;
  font-size:8px;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.solutions-mega-links > a > em {
  position:absolute;
  top:50%;
  right:35px;
  max-width:78px;
  color:#4d6070;
  font-size:7px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.35;
  text-align:right;
  text-transform:uppercase;
  transform:translateY(-50%);
}

.solutions-mega-links > a > b {
  position:absolute;
  top:50%;
  right:13px;
  color:#1769c2;
  font-size:14px;
  font-weight:500;
  transform:translateY(-50%);
  transition:transform .18s ease;
}

.solutions-mega-links > a:hover > b,
.solutions-mega-links > a:focus-visible > b {
  transform:translate(3px,-50%);
}

@media (max-width:1050px) and (min-width:901px) {
  .corporate-header .header-inner nav {
    gap:15px;
  }
  .product-mega-menu-inner {
    grid-template-columns:160px minmax(0,1fr);
    gap:30px;
  }
  .product-mega-group {
    grid-template-columns:205px minmax(0,1fr);
  }
  .product-mega-menu-intro > strong {
    font-size:17px;
  }
  .solutions-mega-menu-inner {
    grid-template-columns:160px minmax(0,1fr);
    gap:30px;
  }
  .solutions-mega-content {
    grid-template-columns:190px minmax(0,1fr);
    gap:20px;
  }
}

@media (max-width:900px) {
  .mega-menu-trigger::after,
  .site-mega-scrim,
  .site-mega-menu {
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .mega-menu-trigger::after,
  .site-mega-scrim,
  .site-mega-menu,
  .product-mega-menu-intro > a b,
  .product-mega-links > a,
  .product-mega-links > a > b,
  .solutions-mega-links > a,
  .solutions-mega-links > a > b {
    transition:none;
  }
}

/* Homepage flow — Hero → Product Categories → Solutions */
.home-product-categories,
.home-solutions {
  font-family:"Avenir Next","Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif;
}

.home-product-categories {
  padding:92px 0 104px;
  border-bottom:1px solid #d9dfe4;
  background:#f5f7f8;
}

.home-solutions {
  padding:100px 0 112px;
  border-bottom:1px solid #d9dfe4;
  background:#fff;
}

.home-flow-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:58px;
  align-items:end;
  margin-bottom:38px;
}

.home-flow-heading h2 {
  max-width:760px;
  margin:11px 0 0;
  color:#141b21;
  font-size:clamp(39px,4.4vw,58px);
  font-weight:420;
  letter-spacing:-.05em;
  line-height:1.02;
}

.home-flow-heading > div:last-child > p {
  margin:0;
  color:#626d76;
  font-size:15px;
  line-height:1.65;
}

.home-flow-heading > div:last-child > a {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:17px;
  color:#145d99;
  font-size:13px;
  font-weight:650;
}

.home-flow-heading > div:last-child > a span {
  transition:transform .18s ease;
}

.home-flow-heading > div:last-child > a:hover span,
.home-flow-heading > div:last-child > a:focus-visible span {
  transform:translateX(4px);
}

.home-category-panels {
  display:flex;
  gap:11px;
  min-height:540px;
}

.home-category-panel {
  position:relative;
  display:block;
  min-width:0;
  flex:1 1 0;
  overflow:hidden;
  color:#fff;
  border:1px solid #26323d;
  background:#07111a;
  isolation:isolate;
  transition:flex-grow .36s ease,border-color .22s ease,transform .22s ease;
}

.home-category-panel.is-featured {
  flex-grow:2.25;
}

.home-category-panels:hover .home-category-panel.is-featured,
.home-category-panels:focus-within .home-category-panel.is-featured {
  flex-grow:1;
}

.home-category-panels .home-category-panel:hover,
.home-category-panels .home-category-panel:focus-visible {
  flex-grow:2.25;
  border-color:#4388bd;
  outline:0;
}

.home-category-panel:focus-visible {
  box-shadow:0 0 0 3px #fff,0 0 0 6px #1769c2;
}

.home-category-panel::after {
  position:absolute;
  inset:0;
  z-index:1;
  content:"";
  background:
    linear-gradient(180deg,rgba(3,8,13,.12) 0%,rgba(3,8,13,.2) 34%,rgba(3,8,13,.92) 100%),
    linear-gradient(90deg,rgba(6,17,27,.4),transparent 72%);
}

.home-category-panel:nth-child(2)::after {
  background:linear-gradient(180deg,rgba(1,7,13,.13),rgba(1,7,13,.93));
}

.home-category-panel:nth-child(3)::after {
  background:linear-gradient(180deg,rgba(5,8,12,.03),rgba(5,8,12,.9));
}

.home-category-panel:nth-child(4)::after {
  background:linear-gradient(180deg,rgba(6,16,20,.08),rgba(4,17,20,.91));
}

.home-category-panel > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:1;
  object-fit:cover;
  filter:saturate(.92) contrast(1.04);
  transition:opacity .2s ease,transform .45s ease,filter .3s ease;
}

.home-category-panel > img.home-category-image-embedded {
  object-position:68% center;
}

.home-category-panel:hover > img,
.home-category-panel:focus-visible > img {
  filter:saturate(1) contrast(1.07);
  transform:scale(1.025);
}

.home-category-copy {
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  padding:36px 25px 34px;
}

.home-category-copy > span {
  position:absolute;
  top:31px;
  left:25px;
  color:#d7e2ea;
  font-size:12px;
  font-weight:650;
  letter-spacing:.11em;
}

.home-category-copy > small {
  color:#76baf0;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
}

.home-category-copy h3 {
  max-width:460px;
  margin:12px 0 0;
  color:#fff;
  font-size:24px;
  font-weight:460;
  letter-spacing:-.035em;
  line-height:1.08;
}

.home-category-panel.is-featured .home-category-copy h3,
.home-category-panel:hover .home-category-copy h3,
.home-category-panel:focus-visible .home-category-copy h3 {
  font-size:clamp(30px,2.5vw,36px);
}

.home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy h3,
.home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy h3 {
  font-size:24px;
}

.home-category-copy p {
  max-width:470px;
  max-height:0;
  margin:0;
  overflow:hidden;
  color:#c5d0d8;
  font-size:14px;
  line-height:1.58;
  opacity:0;
  transform:translateY(8px);
  transition:max-height .3s ease,margin .3s ease,opacity .24s ease,transform .3s ease;
}

.home-category-copy > b {
  display:flex;
  max-height:0;
  align-items:center;
  gap:9px;
  margin:0;
  overflow:hidden;
  color:#fff;
  font-size:12px;
  font-weight:650;
  opacity:0;
  transition:max-height .3s ease,margin .3s ease,opacity .24s ease;
}

.home-category-copy > b i,
.home-solution-copy > b i {
  font-style:normal;
  transition:transform .18s ease;
}

.home-category-panel.is-featured .home-category-copy p,
.home-category-panel:hover .home-category-copy p,
.home-category-panel:focus-visible .home-category-copy p {
  max-height:90px;
  margin-top:16px;
  opacity:1;
  transform:translateY(0);
}

.home-category-panel.is-featured .home-category-copy > b,
.home-category-panel:hover .home-category-copy > b,
.home-category-panel:focus-visible .home-category-copy > b {
  max-height:30px;
  margin-top:22px;
  opacity:1;
}

.home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy p,
.home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy p,
.home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy > b,
.home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy > b {
  max-height:0;
  margin-top:0;
  opacity:0;
  transform:translateY(8px);
}

.home-category-panel:hover .home-category-copy > b i,
.home-category-panel:focus-visible .home-category-copy > b i,
.home-solution-card:hover .home-solution-copy > b i,
.home-solution-card:focus-visible .home-solution-copy > b i {
  transform:translateX(4px);
}

.home-solution-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.home-solution-card {
  display:flex;
  min-width:0;
  flex-direction:column;
  color:#17212a;
  border:1px solid #cfd7dd;
  background:#f5f7f8;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.home-solution-card:hover,
.home-solution-card:focus-visible {
  border-color:#5992bd;
  outline:0;
  box-shadow:0 20px 48px rgba(20,47,68,.1);
  transform:translateY(-3px);
}

.home-solution-card:focus-visible {
  box-shadow:0 0 0 3px #fff,0 0 0 6px #1769c2,0 20px 48px rgba(20,47,68,.1);
}

.home-solution-card figure {
  display:grid;
  height:365px;
  place-items:center;
  margin:0;
  overflow:hidden;
  border-bottom:1px solid #cfd7dd;
  background:#020712;
}

.home-solution-card figure img {
  width:100%;
  height:100%;
  opacity:1;
  object-fit:contain;
  transition:opacity .2s ease,transform .32s ease;
}

.home-category-panels.is-managed-images:not(.is-images-ready) img[data-deferred-image],
.home-solution-grid.is-managed-images:not(.is-images-ready) img[data-deferred-image] {
  opacity:0;
}

.home-category-panel > img.is-image-failed,
.home-solution-card figure img.is-image-failed {
  display:none;
}

.home-solution-card:hover figure img,
.home-solution-card:focus-visible figure img {
  transform:scale(1.018);
}

.home-solution-copy {
  display:flex;
  min-height:360px;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:32px 34px 34px;
}

.home-solution-copy > small {
  color:#71808b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
}

.home-solution-copy > span {
  margin-top:23px;
  color:#1769c2;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
}

.home-solution-copy h3 {
  max-width:540px;
  margin:10px 0 0;
  color:#17212a;
  font-size:clamp(27px,2.8vw,38px);
  font-weight:440;
  letter-spacing:-.04em;
  line-height:1.08;
}

.home-solution-copy > p {
  max-width:540px;
  margin:17px 0 0;
  color:#606c75;
  font-size:14px;
  line-height:1.62;
}

.home-solution-copy > div {
  display:grid;
  width:100%;
  gap:5px;
  margin-top:27px;
  padding:18px 0;
  border-top:1px solid #d1d9de;
  border-bottom:1px solid #d1d9de;
}

.home-solution-copy > div small {
  color:#7a8790;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
}

.home-solution-copy > div strong {
  color:#24313a;
  font-size:14px;
  font-weight:620;
}

.home-solution-copy > b {
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:auto;
  padding-top:24px;
  color:#145d99;
  font-size:12px;
  font-weight:700;
}

@media (max-width:1050px) {
  .home-category-panels {
    min-height:500px;
  }
  .home-category-copy {
    padding:30px 25px;
  }
  .home-category-copy > span {
    top:27px;
    left:25px;
  }
  .home-category-copy h3 {
    font-size:22px;
  }
  .home-category-panel.is-featured .home-category-copy h3,
  .home-category-panel:hover .home-category-copy h3,
  .home-category-panel:focus-visible .home-category-copy h3 {
    font-size:30px;
  }
  .home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy h3,
  .home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy h3 {
    font-size:22px;
  }
}

@media (max-width:900px) {
  .home-product-categories,
  .home-solutions {
    padding:76px 0 84px;
  }
  .home-flow-heading {
    grid-template-columns:1fr;
    gap:20px;
  }
  .home-category-panels {
    display:grid;
    min-height:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-category-panel,
  .home-category-panel.is-featured,
  .home-category-panels:hover .home-category-panel.is-featured,
  .home-category-panels:focus-within .home-category-panel.is-featured,
  .home-category-panels .home-category-panel:hover,
  .home-category-panels .home-category-panel:focus-visible {
    min-height:440px;
    flex:none;
  }
  .home-category-copy p,
  .home-category-copy > b,
  .home-category-panel.is-featured .home-category-copy p,
  .home-category-panel:hover .home-category-copy p,
  .home-category-panel:focus-visible .home-category-copy p,
  .home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy p,
  .home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy p {
    max-height:100px;
    margin-top:15px;
    opacity:1;
    transform:none;
  }
  .home-category-copy h3,
  .home-category-panel.is-featured .home-category-copy h3,
  .home-category-panel:hover .home-category-copy h3,
  .home-category-panel:focus-visible .home-category-copy h3,
  .home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy h3,
  .home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy h3 {
    font-size:27px;
  }
  .home-category-copy > b,
  .home-category-panel.is-featured .home-category-copy > b,
  .home-category-panel:hover .home-category-copy > b,
  .home-category-panel:focus-visible .home-category-copy > b,
  .home-category-panels:hover .home-category-panel.is-featured:not(:hover) .home-category-copy > b,
  .home-category-panels:focus-within .home-category-panel.is-featured:not(:focus-visible) .home-category-copy > b {
    max-height:30px;
    margin-top:20px;
    opacity:1;
  }
  .home-solution-grid {
    grid-template-columns:1fr;
  }
  .home-solution-card {
    display:grid;
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);
  }
  .home-solution-card figure {
    height:100%;
    min-height:420px;
    border-right:1px solid #cfd7dd;
    border-bottom:0;
  }
}

@media (max-width:680px) {
  .home-product-categories,
  .home-solutions {
    padding:62px 0 68px;
  }
  .home-flow-heading h2 {
    font-size:38px;
  }
  .home-category-panels {
    grid-template-columns:1fr;
  }
  .home-category-panel,
  .home-category-panel.is-featured,
  .home-category-panels:hover .home-category-panel.is-featured,
  .home-category-panels:focus-within .home-category-panel.is-featured,
  .home-category-panels .home-category-panel:hover,
  .home-category-panels .home-category-panel:focus-visible {
    min-height:390px;
  }
  .home-category-copy {
    padding:29px 24px;
  }
  .home-category-copy > span {
    top:25px;
    left:24px;
  }
  .home-solution-card {
    display:flex;
  }
  .home-solution-card figure {
    height:275px;
    min-height:0;
    border-right:0;
    border-bottom:1px solid #cfd7dd;
  }
  .home-solution-copy {
    min-height:390px;
    padding:27px 24px 29px;
  }
  .home-solution-copy h3 {
    font-size:30px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .home-flow-heading > div:last-child > a span,
  .home-category-panel,
  .home-category-panel > img,
  .home-category-copy p,
  .home-category-copy > b,
  .home-category-copy > b i,
  .home-solution-card,
  .home-solution-card figure img,
  .home-solution-copy > b i {
    transition:none;
  }
}

/* Language navigation and Simplified Chinese typography */
html[lang="zh-CN"] body {
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

.site-header .header-inner > nav:not(.site-language-switch) {
  margin-left:auto;
}

.site-header .header-inner .site-language-switch {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:6px;
  margin-left:-6px;
  padding:5px 8px;
  color:#718596;
  border:1px solid #20384b;
  background:#07121d;
}

.site-header .header-inner .site-language-switch a {
  display:block;
  color:#8fa4b5;
  font-size:10px;
  font-weight:680;
  letter-spacing:.01em;
  line-height:1;
  white-space:nowrap;
}

.site-header .header-inner .site-language-switch a:hover,
.site-header .header-inner .site-language-switch a[aria-current="page"] {
  color:#fff;
}

.site-header .header-inner .site-language-switch span {
  color:#385166;
  font-size:9px;
}

@media (max-width:1050px) and (min-width:901px) {
  .site-header .header-inner .site-language-switch {
    gap:4px;
    margin-left:-8px;
    padding:5px 6px;
  }

  .site-header .header-inner .site-language-switch a {
    font-size:9px;
  }
}

@media (max-width:900px) {
  .site-header .header-inner > .brand-wordmark {
    order:1;
  }

  .site-header .header-inner .site-language-switch {
    position:static;
    inset:auto;
    order:2;
    display:flex!important;
    align-items:center;
    gap:6px;
    margin-right:0;
    margin-left:auto;
    padding:6px 7px;
    border:1px solid #20384b;
    background:#07121d;
    box-shadow:none;
  }

  .site-header .header-inner .site-language-switch a,
  .site-header .header-inner .site-language-switch a:not(.nav-finder),
  .site-header.is-menu-open .header-inner > .site-language-switch a,
  .site-header.is-menu-open .header-inner > .site-language-switch a:not(.nav-finder) {
    display:block!important;
    padding:0!important;
    border:0!important;
    font-size:10px;
  }

  .site-header.is-menu-open .header-inner > .site-language-switch {
    position:static;
    display:flex!important;
  }

  .site-header .site-menu-toggle {
    order:3;
  }
}

@media (max-width:380px) {
  .site-header .header-inner {
    gap:7px;
  }

  .site-header .header-inner .site-language-switch {
    gap:3px;
    padding:5px;
  }

  .site-header .header-inner .site-language-switch a,
  .site-header .header-inner .site-language-switch a:not(.nav-finder) {
    font-size:9px;
  }

  .site-header .site-menu-toggle {
    padding-right:8px;
    padding-left:8px;
  }
}