/* Product-led overview. Shared navigation geometry is owned by navigation.css. */
.conference-overview { background: #08090b; }
.conference-main { max-width: 1500px; margin: auto; padding: 0 64px; }
.conference-section { padding: 150px 0; }
.conference-intro { padding-top: 96px; padding-bottom: 100px; }
.conference-copy { max-width: 430px; position: relative; z-index: 2; }
.conference-kicker { display: flex; align-items: center; gap: 18px; color: #b9b9c0; font-size: 13px; letter-spacing: .12em; margin-bottom: 26px; }
.conference-copy h1,.conference-copy h2 { margin: 0; font-size: clamp(30px,3vw,44px); line-height: 1.35; font-weight: 600; letter-spacing: -.025em; text-wrap: balance; }
.conference-copy p { color: #a9abb3; font-size: 17px; line-height: 1.95; margin: 28px 0 0; text-wrap: pretty; }
.conference-intro .conference-copy { max-width: 800px; margin: auto; text-align: center; }
.conference-intro .conference-kicker { justify-content: center; }
.conference-intro h1 { font-size: clamp(36px,4.6vw,62px); }
.conference-intro p { max-width: 710px; margin: 28px auto 0; }
.conference-split { display: grid; grid-template-columns: .8fr 1.4fr; align-items: center; gap: 70px; }
.conference-split.image-first { grid-template-columns: 1.4fr .8fr; }
.image-first .conference-copy { grid-column: 2; grid-row: 1; }
.image-first .conference-figure { grid-column: 1; grid-row: 1; }
.conference-figure { margin: 0; min-width: 0; transform: scale(.85); transform-origin: center; }
.product-stage { position: relative; isolation: isolate; height: 580px; }
.product-stage::before { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: 8% -8%; background: radial-gradient(ellipse at 48% 48%,rgba(118,136,160,.075),transparent 63%); }
.product-stage img { display: block; position: relative; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 18px 28px #0007); }
/* Unified camera, scale and studio lighting are baked into the transparent family asset. */
.system-figure { height: auto; aspect-ratio: auto; max-width: 1200px; margin: 24px auto 0; transform-origin: center top; }
.system-figure::before { inset: 8% -2% -4%; background: radial-gradient(ellipse at 49% 58%,rgba(156,179,211,.11),transparent 66%); }
.system-figure > img { position: relative; height: auto; width: 100%; filter: drop-shadow(0 0 22px rgba(153,177,210,.09)) drop-shadow(0 18px 26px #0005); }
.hybrid-figure .hybrid-wired { position: absolute; width: 68%; height: 80%; left: -6%; bottom: 0; z-index: 2; }
.hybrid-figure .hybrid-wireless { position: absolute; width: 58%; height: 95%; right: -2%; top: -5%; }
.wireless-figure { height: 500px; }
.wireless-figure::before,.integration-figure::before { opacity: .45; }
.terminals-figure .terminal-desk { position: absolute; width: 65%; height: 95%; top: 0; left: -8%; }
.terminals-figure .terminal-handheld { position: absolute; width: 48%; height: 72%; right: 2%; top: -5%; }
.terminals-figure .terminal-bodypack { position: absolute; width: 38%; height: 48%; right: 0; bottom: 0; }
.pickup-figure { height: 650px; }
.management-figure { height: 540px; }
.charging-figure { height: 640px; }
.charging-figure .charging-rack { position: absolute; width: 100%; height: 38%; top: 2%; }
.charging-figure .charging-dock { position: absolute; width: 70%; height: 67%; bottom: 0; right: 2%; }
.integration-figure { height: 560px; }
.conference-footer { border-top: 1px solid #ffffff12; margin-top: 40px; }
@media (min-width: 1500px) { .conference-section { padding-block: 170px; } .conference-intro { padding-top: 100px; padding-bottom: 90px; } }
@media (max-width: 1100px) {
 .conference-main { padding-inline: 36px; }
 .conference-split,.conference-split.image-first { gap: 40px; }
 .conference-section { padding-block: 110px; }
 .conference-copy p { font-size: 16px; }
 .product-stage { height: 490px; }
 .system-figure { height: auto; }

}
@media (max-width: 760px) {
 .conference-main { padding-inline: 24px; }
 .conference-section { padding: 90px 0; }
 .conference-intro { padding-top: 64px; padding-bottom: 60px; }
 .conference-split,.conference-split.image-first { display: flex; flex-direction: column; align-items: stretch; gap: 40px; }
 .conference-copy { max-width: 580px; }
 .conference-kicker { margin-bottom: 20px; font-size: 12px; }
 .conference-copy p { margin-top: 22px; line-height: 1.9; }
 .conference-intro h1 { font-size: 36px; }
 .product-stage { height: auto; aspect-ratio: 1 / 1.05; margin-inline: -12px; }
 .product-stage > img:only-child { position: absolute; inset: 0; }
 .system-figure { aspect-ratio: auto; margin-top: 24px; }
 .system-figure > img:only-child { position: relative; inset: auto; }
 .wireless-figure { aspect-ratio: 1.4; }
 .management-figure,.integration-figure { aspect-ratio: 1.15; }
 .charging-figure { aspect-ratio: .9; }
 .conference-footer { margin-top: 16px; }
}
@media (max-width: 380px) { .conference-main { padding-inline: 20px; } .conference-intro h1 { font-size: 32px; } }

/* Broad page background lift, independent of every product silhouette. */
.system-figure { isolation: isolate; }
.system-figure::before {
  content: "";
  position: absolute;
  inset: -8% -18% -15%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 54% 48% at 51% 56%,
    rgba(128,132,138,.30) 0%,
    rgba(116,120,126,.24) 28%,
    rgba(96,100,106,.14) 52%,
    rgba(72,76,82,.055) 72%,
    transparent 100%);
  filter: none;
}
.system-figure > img { filter: none; }

/* Each fixed ellipse was measured from an original device alpha boundary.
   Percent geometry follows responsive scaling without a fixed screen offset. */
.system-figure::before {
  inset: -12%;
  background: var(--hero-product-background, none);
  transition: opacity .2s ease;
}

/* Fixed five-device lighting belongs to CSS, independent of JS initialization. */
.system-figure {
  --hero-product-background: radial-gradient(ellipse 16.146% 23.400% at 30.259% 42.597%, rgba(145,148,154,.23) 0%, rgba(127,130,136,.17) 30%, rgba(104,108,114,.08) 58%, rgba(80,84,90,.025) 78%, transparent 100%),radial-gradient(ellipse 16.431% 15.902% at 50.840% 37.399%, rgba(145,148,154,.23) 0%, rgba(127,130,136,.17) 30%, rgba(104,108,114,.08) 58%, rgba(80,84,90,.025) 78%, transparent 100%),radial-gradient(ellipse 15.003% 27.041% at 76.252% 38.659%, rgba(145,148,154,.23) 0%, rgba(127,130,136,.17) 30%, rgba(104,108,114,.08) 58%, rgba(80,84,90,.025) 78%, transparent 100%),radial-gradient(ellipse 34.854% 18.901% at 66.276% 62.601%, rgba(145,148,154,.23) 0%, rgba(127,130,136,.17) 30%, rgba(104,108,114,.08) 58%, rgba(80,84,90,.025) 78%, transparent 100%),radial-gradient(ellipse 41.423% 19.330% at 39.394% 77.407%, rgba(145,148,154,.23) 0%, rgba(127,130,136,.17) 30%, rgba(104,108,114,.08) 58%, rgba(80,84,90,.025) 78%, transparent 100%);
}