/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2026 | 20:00:03 */
/* ============================================================
   CX1 Showroom — PRODUCTION bundle
   Source of truth: staging case-studies post 1215, rendered through the v6 single
   DERIVED — re-harvest with etch-bridge/harvest-showroom.mjs; do NOT hand-edit.
   All rules are scoped under .ulx-showroom so they can't leak into the Divi site or
   clash with the other bundles. ACSS brand tokens are resolved to literals on the
   wrapper; the contextual --relative-* color system stays live (set by the bg--* rules).
   ============================================================ */
.ulx-showroom {
  color-scheme: light;
  font-family: Avenir;
  --bg-dark: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --bg-dark-heading: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --bg-dark-icon: dark;
  --bg-dark-text: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --bg-light: light-dark(oklch(0.85 0 0), oklch(0.25 0 0));
  --bg-light-heading: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --bg-light-icon: light;
  --bg-light-text: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --bg-ultra-dark: light-dark(oklch(0.19 0 0), oklch(0.95 0 0));
  --bg-ultra-dark-heading: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --bg-ultra-dark-icon: dark;
  --bg-ultra-dark-text: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --bg-ultra-light: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --bg-ultra-light-button: primary;
  --bg-ultra-light-heading: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --bg-ultra-light-icon: light;
  --bg-ultra-light-text: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --blockquote-background: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --blockquote-border-color: light-dark(oklch(0.61 0.1642327002 253.488596557), oklch(0.61 0.1642327002 253.488596557));
  --blockquote-border-radius: 5px;
  --blockquote-border-style: solid;
  --blockquote-border-width: 0 0 0 3px;
  --blockquote-box-shadow: none;
  --blockquote-cite-color: currentColor;
  --blockquote-footer-color: currentColor;
  --blockquote-footer-font-size: clamp(0.875rem, calc(0.1063829787vw + 0.8510638298rem), 0.9375rem);
  --blockquote-footer-font-style: normal;
  --blockquote-footer-font-weight: normal;
  --blockquote-footer-line-height: 1.5;
  --blockquote-footer-margin-block: 1em 0;
  --blockquote-footer-padding: 0;
  --blockquote-footer-text-transform: none;
  --blockquote-gap: 1em;
  --blockquote-padding: clamp(1.5rem, calc(0.6382978723vw + 1.3563829787rem), 1.875rem);
  --blockquote-spacing: 1em;
  --blockquote-text-font-size: clamp(0.9375rem, calc(0.829787234vw + 0.7507978723rem), 1.425rem);
  --blockquote-text-font-style: normal;
  --blockquote-text-font-weight: normal;
  --blockquote-text-text-align: left;
  --blockquote-text-text-transform: none;
  --border-color-dark: color-mix(in oklch, light-dark(#000, #fff) 20%, transparent);
  --border-color-light: color-mix(in oklch, light-dark(#fff, #000) 20%, transparent);
  --btn-align-items: center;
  --btn-border-radius: 100px;
  --btn-border-style: solid;
  --btn-border-width: 2px;
  --btn-font-size: clamp(0.9375rem, calc(0.4255319149vw + 0.8417553191rem), 1.1875rem);
  --btn-font-style: normal;
  --btn-font-weight: 600;
  --btn-justify-content: center;
  --btn-letter-spacing: 0;
  --btn-line-height: 1;
  --btn-min-width: 8.75rem;
  --btn-padding-block: 0.75em;
  --btn-padding-inline: 1.3em;
  --btn-text-align: center;
  --btn-text-decoration: none;
  --btn-text-decoration-hover: none;
  --btn-text-transform: none;
  --btn-width: max-content;
  --container-gap: clamp(2.6653335rem, calc(2.6441131915vw + 2.0704080319rem), 4.21875rem);
  --content-gap: clamp(1.5rem, calc(0.6382978723vw + 1.3563829787rem), 1.875rem);
  --content-width: 81.25rem;
  --figcaption-spacing: 0.5em;
  --figure-spacing: 1em;
  --flow-spacing: 1em;
  --focus-color: light-dark(oklch(0.61 0.1642327002 253.488596557), oklch(0.61 0.1642327002 253.488596557));
  --focus-offset: 2px;
  --focus-width: 2px;
  --gutter: clamp(1rem, calc(6.8085106383vw + -0.5319148936rem), 5rem);
  --h1: clamp(2.16rem, calc(3.770212766vw + 1.3117021277rem), 4.375rem);
  --h1-max-width: 100%;
  --h2: clamp(1.8rem, calc(0.7167851064vw + 1.6387233511rem), 2.22111125rem);
  --h3: clamp(1.5rem, calc(0.2829787234vw + 1.4363297872rem), 1.66625rem);
  --h4: clamp(1.25rem, calc(0vw + 1.25rem), 1.25rem);
  --h4-line-height: calc(4px + 2ex);
  --h5: clamp(0.875rem, calc(0.1063829787vw + 0.8510638298rem), 0.9375rem);
  --h6: clamp(0.8125rem, calc(0.1063829787vw + 0.7885638298rem), 0.875rem);
  --heading-color: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --heading-font-family: Avenir;
  --heading-font-weight: 600;
  --heading-line-height: calc(4px + 2ex);
  --heading-text-wrap: balance;
  --icon-background-hover: light-dark(oklch(0.85 0 0), oklch(0.25 0 0));
  --icon-color-hover: light-dark(oklch(0.61 0.1642327002 253.488596557), oklch(0.61 0.1642327002 253.488596557));
  --neutral-dark: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --neutral-light: light-dark(oklch(0.85 0 0), oklch(0.25 0 0));
  --neutral-ultra-dark: light-dark(oklch(0.19 0 0), oklch(0.95 0 0));
  --paragraph-spacing: 1em;
  --primary: light-dark(oklch(0.61 0.1642327002 253.488596557), oklch(0.61 0.1642327002 253.488596557));
  --primary-dark: light-dark(oklch(0.25 0.1 253.497553901), oklch(0.85 0.083 253.488596557));
  --primary-hover: light-dark(oklch(0.702 0.164 253.488596557), oklch(0.702 0.164 253.488596557));
  --primary-light: light-dark(oklch(0.85 0.083 253.488596557), oklch(0.25 0.1 253.497553901));
  --primary-semi-dark: light-dark(oklch(0.35 0.141 253.488596557), oklch(0.65 0.164 253.488596557));
  --primary-semi-light: light-dark(oklch(0.65 0.164 253.488596557), oklch(0.35 0.141 253.488596557));
  --primary-ultra-dark: light-dark(oklch(0.1 0.04 253.488596557), oklch(0.97 0.0067 253.488596557));
  --primary-ultra-light: light-dark(oklch(0.97 0.0067 253.488596557), oklch(0.1 0.04 253.488596557));
  --radius: 5px;
  --radius-l: 7.5px;
  --radius-m: 5px;
  --radius-xl: 11.25px;
  --secondary: light-dark(oklch(0.61 0.1410853073 83.9709586036), oklch(0.61 0.1410853073 83.9709586036));
  --secondary-dark: light-dark(oklch(0.25 0.059 83.9532191508), oklch(0.85 0.141 83.9709586036));
  --secondary-hover: light-dark(oklch(0.702 0.141 83.9709586036), oklch(0.702 0.141 83.9709586036));
  --secondary-light: light-dark(oklch(0.85 0.141 83.9709586036), oklch(0.25 0.059 83.9532191508));
  --secondary-semi-dark: light-dark(oklch(0.35 0.083 83.9709586036), oklch(0.65 0.141 83.9709586036));
  --secondary-ultra-dark: light-dark(oklch(0.1 0.024 83.9709586036), oklch(0.95 0.063 83.9709586036));
  --secondary-ultra-light: light-dark(oklch(0.95 0.063 83.9709586036), oklch(0.1 0.024 83.9709586036));
  --section-padding-block: clamp(3.999rem, calc(7.554893617vw + 2.2991489362rem), 8.4375rem);
  --section-space-l: clamp(3.999rem, calc(7.554893617vw + 2.2991489362rem), 8.4375rem);
  --section-space-l-to-m: clamp(3rem, calc(9.2553191489vw + 0.9175531915rem), 8.4375rem);
  --section-space-l-to-s: clamp(2.2505626407rem, calc(10.5309572074vw + -0.118902731rem), 8.4375rem);
  --section-space-l-to-xs: clamp(1.6883440665rem, calc(11.4879249932vw + -0.896439057rem), 8.4375rem);
  --section-space-m: clamp(3rem, calc(4.4680851064vw + 1.9946808511rem), 5.625rem);
  --section-space-m-to-s: clamp(2.2505626407rem, calc(5.7437231648vw + 0.9582249286rem), 5.625rem);
  --section-space-m-to-xs: clamp(1.6883440665rem, calc(6.7006909506vw + 0.1806886026rem), 5.625rem);
  --section-space-s: clamp(2.2505626407rem, calc(2.5522338031vw + 1.676310035rem), 3.75rem);
  --section-space-s-to-xs: clamp(1.6883440665rem, calc(3.5092015889vw + 0.898773709rem), 3.75rem);
  --section-space-xl: clamp(5.330667rem, calc(12.4690774468vw + 2.5251245745rem), 12.65625rem);
  --section-space-xl-to-l: clamp(3.999rem, calc(14.7357446809vw + 0.6834574468rem), 12.65625rem);
  --section-space-xl-to-m: clamp(3rem, calc(16.4361702128vw + -0.6981382979rem), 12.65625rem);
  --section-space-xl-to-s: clamp(2.2505626407rem, calc(17.7118082712vw + -1.7345942204rem), 12.65625rem);
  --section-space-xl-to-xs: clamp(1.6883440665rem, calc(18.668776057vw + -2.5121305463rem), 12.65625rem);
  --section-space-xs: clamp(1.6883440665rem, calc(1.3815420144vw + 1.3774971133rem), 2.5rem);
  --section-space-xxl: clamp(7.105779111rem, calc(20.2188866196vw + 2.5565296216rem), 18.984375rem);
  --section-space-xxl-to-l: clamp(3.999rem, calc(25.5070212766vw + -1.7400797872rem), 18.984375rem);
  --section-space-xxl-to-m: clamp(3rem, calc(27.2074468085vw + -3.1216755319rem), 18.984375rem);
  --section-space-xxl-to-s: clamp(2.2505626407rem, calc(28.483084867vw + -4.1581314544rem), 18.984375rem);
  --section-space-xxl-to-xl: clamp(5.330667rem, calc(23.2403540426vw + 0.1015873404rem), 18.984375rem);
  --section-space-xxl-to-xs: clamp(1.6883440665rem, calc(29.4400526527vw + -4.9356677804rem), 18.984375rem);
  --space-l: clamp(1.9995rem, calc(1.3838297872vw + 1.6881382979rem), 2.8125rem);
  --space-m: clamp(1.5rem, calc(0.6382978723vw + 1.3563829787rem), 1.875rem);
  --space-s: clamp(1.1252813203rem, calc(0.2122871143vw + 1.0775167196rem), 1.25rem);
  --space-xl: clamp(2.6653335rem, calc(2.6441131915vw + 2.0704080319rem), 4.21875rem);
  --space-xxl: clamp(3.5528895555rem, calc(4.7238050119vw + 2.4900334278rem), 6.328125rem);
  --text-color: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --text-dark: light-dark(oklch(0.25 0 0), oklch(0.85 0 0));
  --text-dark-muted: color-mix(in srgb, light-dark(oklch(0.25 0 0), oklch(0.85 0 0)) 80%, transparent);
  --text-font-family: Avenir;
  --text-l: clamp(0.9375rem, calc(0.829787234vw + 0.7507978723rem), 1.425rem);
  --text-l-max-width: 100%;
  --text-light: light-dark(oklch(0.95 0 0), oklch(0.19 0 0));
  --text-light-muted: color-mix(in srgb, light-dark(oklch(0.95 0 0), oklch(0.19 0 0)) 80%, transparent);
  --text-line-height: calc(6px + 2ex);
  --text-m: clamp(0.9375rem, calc(0.4255319149vw + 0.8417553191rem), 1.1875rem);
  --text-m-line-height: calc(6px + 2ex);
  --text-m-max-width: 100%;
  --text-s: clamp(0.875rem, calc(0.1063829787vw + 0.8510638298rem), 0.9375rem);
  --text-s-max-width: 100%;
  --text-text-wrap: pretty;
  --text-xl: clamp(0.9375rem, calc(1.314893617vw + 0.6416489362rem), 1.71rem);
  --text-xl-max-width: 100%;
  --text-xs: clamp(0.8125rem, calc(0.1063829787vw + 0.7885638298rem), 0.875rem);
  --text-xs-max-width: 100%;
  --text-xxl: clamp(0.9375rem, calc(1.8970212766vw + 0.5106702128rem), 2.052rem);
  --text-xxl-max-width: 100%;
  --transition: 0.3s ease-in-out 0s;
  --white: light-dark(#fff, #000);

  /* ---- BASE TYPOGRAPHY (do not remove) ----
     ACSS declares these as :where(body){...} = specificity (0,0,0), which Divi's plain
     body{...} = (0,0,1) out-specifies. Measured on the live prod Gorman's bundle 2026-08-03:
     base font-size resolved to 16px / line-height 27.2px instead of staging's
     18.9149px / 23.6998px. Declaring them on the WRAPPER wins outright
     (body and the wrapper are different elements — inheritance, not specificity), and every
     element on this page that has no explicit class rule (.quote-frame__text, .quote-frame__name,
     .quote-frame__role, .stat__desc, the CTA prose) depends on it. */
  font-size: var(--text-m);
  line-height: var(--text-line-height);
  color: var(--text-color);
  text-wrap: var(--text-text-wrap, pretty);
  /* Divi's theme sets body{font-weight:500}; ACSS leaves it at the UA default 400, so without
     this every unstyled run of text on prod renders a half-step heavier than on staging
     (measured 2026-08-03 on the live page: 500 vs 400). Headings/buttons/stat values set 600
     themselves, so this only restores the body copy. */
  font-weight: 400;
}

/* ============================================================
   DIVI NEUTRALISERS
   Setting base typography on the wrapper (above) only reaches elements that INHERIT it. Divi
   styles some bare elements DIRECTLY, and a direct rule always beats an inherited value no matter
   how specific the ancestor's declaration is. Measured on the live page 2026-08-03: every <ul>
   and <li> in .check-list rendered 16px instead of 18.9149px — 21 elements, because
   .check-list__text carries its own class rule but the list containers do not.
   Scoped ':where()' so this sits at exactly (0,1,0): above Divi's bare-element rules (0,0,1),
   and emitted BEFORE the class rules below so any of our own class rules still wins on order.
   ============================================================ */
.ulx-showroom :where(ul, ol, li) { font-size: inherit; line-height: inherit; }

/* line-height must be RE-EVALUATED per element, not inherited. --text-line-height is
   'calc(6px + 2ex)', which depends on the element's own font-size; line-height inherits as a
   COMPUTED LENGTH, so a small-font child of the wrapper would keep the wrapper's 23.7px instead
   of its own 20.4px. ACSS has a bare 'p { line-height: var(--text-line-height) }' for exactly
   this reason, but it is not in effect on prod — measured on the live page 2026-08-03:
   p.meta-chips__label was 23.6998px there vs 20.3712px on staging. Elements with their own
   line-height class rule (.article__lede 36.2px, .stat__desc 31.2px, .quote-frame__text 29.3px)
   are unaffected: those rules are also (0,1,0) but come later in this file, so they win. */
.ulx-showroom :where(p) { line-height: var(--text-line-height); }

/* ============================================================
   OUR PAGE PATTERNS (class rules — the bulk of the bundle)
   ============================================================ */
.ulx-showroom .form-bar__form .btn--cta { white-space: nowrap; flex-shrink: 0; }
.ulx-showroom .ubc-modal .check-list { display: flex; flex-direction: column; gap: var(--space-s, 1.25rem); list-style: none; margin: 0px; padding: 0px; }
.ulx-showroom .ubc-modal .check-list__item { --check-color: var(--primary, #1B3A5C); display: grid; grid-template-columns: 1.5rem 1fr; align-items: start; gap: 0.75rem; color: var(--ubc-text); }
.ulx-showroom .ubc-modal .check-list__icon { display: inline-flex; align-items: center; justify-content: center; color: var(--check-color, #1B3A5C); }
.ulx-showroom .ubc-modal .check-list__icon-svg { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; }
.ulx-showroom .ubc-modal .check-list__text { font-size: var(--text-m, 1rem); line-height: var(--text-line-height, 1.6); color: inherit; }
.ulx-showroom .ubc-list--ask .check-list__item, .ulx-showroom .ubc-list--gap .check-list__item { --check-color: var(--ubc-glyph); }
.ulx-showroom .ubc-modal .check-list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: var(--space-m, 2rem); row-gap: var(--space-s, 1.25rem); }
.ulx-showroom .ubc-modal .ubc-choice.is-on { background: var(--primary, #1B3A5C); border-color: var(--primary, #1B3A5C); color: var(--white, #ffffff); }
.ulx-showroom .ubc-modal .ubc-actions .btn--cta { cursor: pointer; white-space: nowrap; }
.ulx-showroom .ubc-gate .btn--cta { flex-shrink: 0; cursor: pointer; white-space: nowrap; }
@container (max-width: 44rem) {
  .ulx-showroom .ubc-modal .check-list { grid-template-columns: minmax(0px, 1fr); }
  .ulx-showroom .ubc-modal .ubc-gate .btn--cta { width: 100%; text-align: center; }
  .ulx-showroom .ubc-modal .ubc-actions .btn--cta { width: 100%; text-align: center; }
}
@layer etch-reset {
  .ulx-showroom img, .ulx-showroom picture, .ulx-showroom video, .ulx-showroom canvas, .ulx-showroom svg:not(.block-editor-list-view-tree svg), .ulx-showroom a:not(p > a, span > a, h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, li > a, em > a, q > a, label > a, strong > a, figcaption > a, .editor-styles-wrapper a) { max-inline-size: 100%; height: auto; display: block; }
  .ulx-showroom figure > img { inline-size: 100%; }
}
.ulx-showroom :where([data-etch-element="section"]) { inline-size: 100%; display: flex; flex-direction: column; align-items: center; }
.ulx-showroom :where([data-etch-element="container"]) { inline-size: 100%; display: flex; flex-direction: column; max-inline-size: var(--content-width, 1366px); align-self: center; margin-inline: auto; }
.ulx-showroom :where([data-etch-element="flex-div"]) { inline-size: 100%; display: flex; flex-direction: column; }
.ulx-showroom .hero {
  &:not(.hero--with-media):not(.hero--form) .intro { max-inline-size: 56rem; margin-inline: auto; }
}
.ulx-showroom .bg--ultra-dark { }
.ulx-showroom .section-glow-top {
  position: relative; overflow: hidden;
  &::before { content: ""; display: block; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: min(1100px, 140%); height: 520px; background: radial-gradient(at center top, rgba(40, 140, 255, 0.26) 0%, rgba(40, 140, 255, 0.14) 22%, rgba(40, 140, 255, 0.06) 45%, rgba(40, 140, 255, 0) 70%); filter: blur(18px); opacity: 0.9; pointer-events: none; z-index: 1; }
  & > * { position: relative; z-index: 2; }
}
.ulx-showroom .shot-wall {
  --shot-wall-w: 50rem; --shot-wall-col: 22.5rem; --shot-wall-gap: 1.25rem; --shot-wall-bleed: -3.5rem; --shot-wall-veil: 0.32; position: absolute; inset-block: 0px; inset-inline-end: var(--shot-wall-bleed); inline-size: var(--shot-wall-w); z-index: 1; pointer-events: none; mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.18) 16%, rgba(0, 0, 0, 0.7) 32%, rgb(0, 0, 0) 48%);
  :has(> &) { position: relative; overflow: hidden; }
  & ~ * { position: relative; z-index: 2; }
  & .shot-wall__inner { position: absolute; inset: 0px; display: flex; gap: var(--shot-wall-gap); mask-image: linear-gradient(transparent 0px, transparent 4rem, rgb(0, 0, 0) 10.25rem, rgb(0, 0, 0) 48%, rgba(0, 0, 0, 0.35) 62%, transparent 72%); }
  & .shot-wall__inner::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: rgb(10 12 16 / var(--shot-wall-veil)); }
  & .shot-wall__col { inline-size: var(--shot-wall-col); flex: 0 0 var(--shot-wall-col); overflow: hidden; position: relative; }
  & .shot-wall__track { display: flex; flex-direction: column; gap: var(--shot-wall-gap); will-change: transform; animation: shot-wall-scroll var(--shot-wall-dur, 145s) linear infinite; }
  & .shot-wall__col--down .shot-wall__track { animation-direction: reverse; animation-delay: -40s; }
  & .shot-wall__item { margin: 0px; border-radius: var(--radius-m, 12px); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04); }
  & .shot-wall__img { display: block; inline-size: 100%; block-size: auto; }
  @media (max-width: 75rem) {
  & { --shot-wall-w: 41.25rem; --shot-wall-col: 18.75rem; }
}
  @media (max-width: 60rem) {
  & { display: none; }
}
  @media (prefers-reduced-motion: reduce) {
  & .shot-wall__track { animation: auto ease 0s 1 normal none running none; }
}
}
.ulx-showroom .hero__grid {
  display: grid; gap: var(--space-l, 2rem); align-items: center;
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 48rem) {
  & { grid-template-columns: 1.05fr 0.95fr; }
}
}
.ulx-showroom .hero__grid--wide-copy {
  @container (inline-size >= 48rem) {
  & { grid-template-columns: 1.25fr 0.75fr; }
}
}
.ulx-showroom .intro {
  &[data-gap-style="large"] { gap: 30px; }
  &[data-gap-style="medium"] { gap: 20px; }
  &[data-gap-style="small"] { gap: 10px; }
  &[data-align-style="left"] { align-items: flex-start; }
  &[data-align-style="center"] { align-items: center; text-align: center; }
  & a { margin-block-start: auto; }
}
.ulx-showroom .eyebrow {
  --eyebrow-outline: var(--relative-text-color, inherit); --eyebrow-text: var(--relative-text-color, inherit); --eyebrow-icon: var(--secondary-light); display: inline-flex; align-items: center; gap: 6px; padding-block: 7px; padding-inline: 20px; border: 1px solid var(--eyebrow-outline); border-radius: 999px; inline-size: max-content; max-inline-size: 100%; font-size: var(--text-xs); font-weight: 400; text-transform: uppercase; letter-spacing: 0.045em; color: var(--eyebrow-text);
  & .eyebrow__icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 0; color: var(--eyebrow-icon);
  & svg { display: block; inline-size: 8px; block-size: 11px; }
}
  & .eyebrow__text { display: inline-flex; align-items: center; min-inline-size: 0px; }
}
.ulx-showroom .eyebrow--heading {
  &.eyebrow { line-height: inherit; }
}
.ulx-showroom .intro-heading {
  text-wrap: balance; color: var(--relative-heading-color); max-width: 75ch;
  & span { color: var(--primary); }
}
.ulx-showroom .intro-description {
  max-width: 75ch; line-height: var(--text-line-height); color: var(--relative-text-color);
  & span { color: var(--primary-semi-light); }
  &.text--xs, &.text--s, &.text--m, &.text--l, &.text--xl, &.text--xxl { max-width: 75ch; }
}
.ulx-showroom .button-group {
  display: flex; flex-direction: row; gap: var(--content-gap);
  :has(> &) { container-type: inline-size; }
  @container (inline-size <= 32.9375rem) {
  flex-direction: column;
}
}
.ulx-showroom .btn--cta { --btn-background: var(--secondary-light); --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--text-dark); --btn-text-color-hover: var(--text-dark); --btn-border-color: var(--secondary-light); --btn-border-color-hover: var(--secondary-hover); --focus-color: var(--secondary-light); }
.ulx-showroom .stat-row {
  display: flex; flex-wrap: wrap; row-gap: var(--space-m, 1.5rem);
  & .stat { flex: 1 1 0px; min-inline-size: 0px; align-items: flex-start; text-align: left; gap: 0.4rem; min-block-size: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
  & .stat + .stat { border-inline-start: 1px solid color-mix(in srgb, var(--heading-color) 22%, transparent); margin-inline-start: var(--space-l, 2rem); padding-inline-start: var(--space-l, 2rem); }
  & .stat__value { font-size: clamp(2rem, 1.4cqw + 1.6rem, 2.6rem); font-weight: 600; line-height: 1; color: var(--primary); }
  & .stat__label { font-size: var(--text-s); line-height: 1.4; color: var(--heading-color); font-weight: 600; }
  @media (max-width: 34rem) {
  & { flex-direction: column; }
  & .stat { flex: 1 1 auto; }
  & .stat + .stat { border-inline-start: 0px; margin-inline-start: 0px; padding-inline-start: 0px; border-block-start: 1px solid color-mix(in srgb, var(--heading-color) 22%, transparent); margin-block-start: var(--space-m, 1.5rem); padding-block-start: var(--space-m, 1.5rem); }
}
}
.ulx-showroom .stat-row--invert {
  & .stat + .stat { border-inline-start-color: rgba(255, 255, 255, 0.18); }
  @media (max-width: 34rem) {
  & .stat + .stat { border-block-start-color: rgba(255, 255, 255, 0.18); }
}
  & .stat__value { color: var(--white, #fff); }
  & .stat__label { color: rgba(255, 255, 255, 0.74); font-weight: 400; }
}
.ulx-showroom .stat-row--pair {
  @media (max-width: 34rem) {
  &.stat-row { display: grid; grid-template-columns: auto minmax(0px, 1fr); }
  &.stat-row .stat { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: baseline; gap: 0.9rem; }
  &.stat-row .stat__desc { grid-column: 2; }
  &.stat-row .stat__value { font-size: 1.75rem; }
  &.stat-row .stat + .stat { margin-block-start: 0.85rem; padding-block-start: 0.85rem; }
}
}
.ulx-showroom .stat { display: flex; flex-direction: column; align-items: flex-start; gap: 0.3rem; padding: var(--space-m); border-radius: var(--radius, 12px); background: color-mix(in srgb, var(--relative-text-color) 7%, transparent); border: 1px solid color-mix(in srgb, var(--relative-text-color) 14%, transparent); }
.ulx-showroom .stat__value { margin: 0px; font-size: clamp(1.35rem, 1rem + 1vw, 1.7rem); font-weight: 800; line-height: 1.08; color: var(--primary); letter-spacing: -0.01em; }
.ulx-showroom .stat__label { margin: 0px; font-size: var(--text-xs); line-height: var(--text-line-height, 1.5); color: var(--relative-text-color); opacity: 0.88; }
.ulx-showroom .section--tight-b { padding-block-end: 3rem !important; }
.ulx-showroom .showcase-grid {
  display: flex; flex-direction: column; gap: 48px; inline-size: 100%; margin-inline: auto;
  & .showcase-grid__row { display: flex; gap: 48px; }
  & .showcase-grid__cell { position: relative; container-type: inline-size; flex: 1 1 0px; min-inline-size: 0px; background: var(--white, #fff); border: 1px solid rgb(227, 235, 244); border-radius: 14px; box-shadow: rgba(4, 28, 57, 0.03) 0px 2px 3px; overflow: hidden; }
  & .showcase-grid__cell--tall { block-size: 560px; }
  & .showcase-grid__cell--wide { block-size: 356px; }
  & .showcase-grid__cell--short { block-size: 466px; }
  & .showcase-grid__net { position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(to right, rgba(60, 141, 242, 0.06) 1px, transparent 1px), linear-gradient(rgba(60, 141, 242, 0.06) 1px, transparent 1px); background-size: 31px 31px; mask-image: linear-gradient(transparent 32%, rgb(0, 0, 0) 54%); }
  & .showcase-grid__glow { position: absolute; inset-inline-end: 0px; inset-block-end: 0px; inline-size: 560px; block-size: 470px; pointer-events: none; background: radial-gradient(90% 90% at 100% 100%, rgba(60, 141, 242, 0.086) 0%, rgba(60, 141, 242, 0.043) 30%, rgba(143, 192, 247, 0.016) 62%, rgba(143, 192, 247, 0) 100%); }
  & .showcase-grid__cell--short .showcase-grid__glow { inline-size: 380px; block-size: 390px; }
  & .showcase-grid__cell--wide .showcase-grid__glow { inline-size: 740px; block-size: 356px; }
  & .showcase-grid__copy { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 11px; padding: 40px 44px 0px; }
  & .showcase-grid__icon { display: block; inline-size: 40px; block-size: 40px; flex: 0 0 auto; }
  & .showcase-grid__title { margin: 0px; font-size: 23px; line-height: 30px; font-weight: 600; letter-spacing: -0.01em; color: rgb(4, 28, 57); }
  & .showcase-grid__text { margin: 0px; font-size: 16px; line-height: 26px; color: rgb(61, 75, 89); max-inline-size: 480px; }
  & .showcase-grid__cell--wide .showcase-grid__copy { max-inline-size: 496px; }
  & .showcase-grid__cell--wide .showcase-grid__text { max-inline-size: 420px; }
  & .showcase-grid__cell--short .showcase-grid__copy { padding: 36px 34px 0px; }
  & .showcase-grid__cell--short .showcase-grid__title { font-size: 21px; line-height: 28px; }
  & .showcase-grid__cell--short .showcase-grid__text { font-size: 15px; line-height: 25px; max-inline-size: 315px; }
  @media (max-width: 60rem) {
  & .showcase-grid__row { flex-direction: column; }
  & .showcase-grid__cell { flex: 1 1 auto; block-size: auto; padding-block-end: 40px; }
  & .showcase-grid__copy { padding: 32px 28px 0px; }
  & .showcase-grid__text, & .showcase-grid__cell--short .showcase-grid__text { max-inline-size: none; }
}
  @container (inline-size < 38rem) {
  & .connector { display: none; }
  & .ui-card { display: flex; flex-direction: column; gap: 14px; margin: 24px 28px 0px; }
  & .mini, & .shot { max-inline-size: 100%; flex: 0 0 auto; position: relative !important; inset: auto !important; }
}
  @media (max-width: 47.999rem) {
  & {
  display: flex; flex-flow: row; gap: 12px; overflow: auto hidden; scroll-snap-type: x mandatory; scrollbar-width: none;
  &::-webkit-scrollbar { display: none; }
}
  & .showcase-grid__row { display: contents; }
  & .showcase-grid__cell { flex: 0 0 calc(100% - 2.75rem); scroll-snap-align: start; padding-block-end: 28px; }
  & .showcase-grid__copy { display: grid; grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: 9px 12px; padding: 24px 20px 0px; }
  & .showcase-grid__icon { grid-area: 1 / 1; inline-size: 30px; block-size: 30px; }
  & .showcase-grid__title, & .showcase-grid__cell--short .showcase-grid__title { grid-area: 1 / 2; font-size: 19px; line-height: 25px; }
  & .showcase-grid__text, & .showcase-grid__cell--short .showcase-grid__text { grid-column: 1 / -1; font-size: 14px; line-height: 22px; }
  & .ui-card { margin: 20px 20px 0px; }
}
}
.ulx-showroom .ui-card {
  display: contents;
  & .connector { position: absolute; inset: 0px; z-index: 2; pointer-events: none; inline-size: 100%; block-size: 100%; }
  & .mini { position: absolute; z-index: 3; background: rgb(255, 255, 255); border: 1px solid rgb(225, 235, 245); border-radius: 10px; box-shadow: rgba(4, 28, 57, 0.45) 0px 22px 44px -22px; }
  & .mini--pad { padding: 14px 16px; display: flex; flex-direction: column; gap: 11px; }
  & .pill { display: inline-flex; background: rgb(234, 244, 251); border: 1px solid rgb(207, 225, 244); border-radius: 999px; padding: 5px 10px; color: rgb(31, 95, 168); font-size: 11px; font-weight: 500; line-height: 12px; }
  & .rule { block-size: 1px; background: rgb(237, 243, 249); }
  & .row-between { display: flex; align-items: center; justify-content: space-between; }
  & .t-muted { color: rgb(95, 113, 131); font-size: 11px; line-height: 13px; }
  & .t-strong { color: rgb(4, 28, 57); font-size: 11px; font-weight: 600; line-height: 13px; }
  & .thumb { inline-size: 46px; block-size: 46px; border-radius: 7px; background-color: rgb(244, 247, 250); flex: 0 0 auto; background-image: var(--sprite); background-size: 260px 174px; background-repeat: no-repeat; }
  & .wl-row { display: flex; align-items: center; gap: 12px; }
  & .wl-row b { display: block; color: rgb(29, 42, 56); font-size: 12px; font-weight: 600; line-height: 15px; }
  & .wl-row span { display: block; color: rgb(95, 113, 131); font-size: 11px; line-height: 13px; margin-block-start: 3px; }
  & .btn-sm { border-radius: 7px; padding: 8px 14px; font-size: 12px; font-weight: 600; line-height: 14px; }
  & .btn-sm--blue { background: rgb(31, 95, 168); color: rgb(255, 255, 255); }
  & .btn-sm--ghost { border: 1px solid rgb(216, 228, 240); color: rgb(65, 85, 107); font-weight: 500; }
  & .dot { inline-size: 9px; block-size: 9px; border-radius: 99px; background: rgb(60, 141, 242); flex: 0 0 auto; }
  & .avatar { inline-size: 22px; block-size: 22px; border-radius: 99px; background: rgb(216, 232, 248); color: rgb(31, 95, 168); font-size: 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
  & .label-caps { color: rgb(95, 113, 131); font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 12px; }
  & .shot { position: absolute; z-index: 3; overflow: clip; border-radius: 10px; border: 1px solid rgb(225, 235, 245); background: rgb(255, 255, 255); box-shadow: rgba(4, 28, 57, 0.45) 0px 22px 44px -22px; }
  & .shot__inner { position: absolute; display: flex; align-items: stretch; gap: 14px; padding: 14px; }
  & .tile { display: flex; flex-direction: column; gap: 9px; inline-size: 200px; flex: 0 0 auto; }
  & .tile__shot { display: flex; align-items: center; justify-content: center; block-size: 132px; border-radius: 7px; background: rgb(247, 249, 252); }
  & .tile__shot img { max-inline-size: 88%; max-block-size: 88%; object-fit: contain; }
  & .tile__cat { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  & .tile__cat b { color: rgb(29, 42, 56); font-size: 11px; font-weight: 600; line-height: 13px; }
  & .tile__wl { display: inline-flex; align-items: center; gap: 4px; color: rgb(95, 113, 131); font-size: 10px; line-height: 12px; white-space: nowrap; }
  & .tile__wl svg { inline-size: 11px; block-size: 11px; flex: 0 0 auto; }
  & .tile__name { color: rgb(4, 28, 57); font-size: 11px; font-weight: 500; line-height: 14px; }
  & .tile__meta { color: rgb(95, 113, 131); font-size: 10px; line-height: 13px; }
}
.ulx-showroom .link-inline {
  color: var(--primary); font-weight: 600; text-decoration: underline 1px; text-underline-offset: 2px;
  &:hover { color: var(--primary-hover); }
}
.ulx-showroom .showcase-nav {
  display: none;
  @media (max-width: 47.999rem) {
  & { display: flex; align-items: center; justify-content: center; gap: 1rem; inline-size: 100%; margin-block-start: 0.75rem; }
  & .showcase-nav__dots { display: flex; align-items: center; gap: 0.5rem; }
  & .showcase-nav__dot {
  appearance: none; padding: 0px; inline-size: 1.5rem; block-size: 1.5rem; border: 0px; background: transparent; cursor: pointer; display: grid; place-items: center;
  &::before { content: ""; inline-size: 0.5rem; block-size: 0.5rem; border-radius: 99px; background: color-mix(in srgb, var(--heading-color) 22%, transparent); transition: background-color 0.2s, inline-size 0.2s; }
}
  & .showcase-nav__dot[aria-current="true"]::before { background: var(--primary); inline-size: 1.125rem; }
  & .showcase-nav__dot:focus-visible { outline: 2px solid var(--primary); outline-offset: 0px; border-radius: 99px; }
  & .showcase-nav__toggle { appearance: none; display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; padding: 0px; border: 1px solid color-mix(in srgb, var(--heading-color) 14%, transparent); border-radius: 99px; background: var(--white, #fff); color: color-mix(in srgb, var(--heading-color) 62%, transparent); cursor: pointer; }
  & .showcase-nav__toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
  & .showcase-nav__toggle svg { display: block; inline-size: 0.6875rem; block-size: auto; }
  & .showcase-nav__toggle .showcase-nav__pause, & .showcase-nav__toggle .showcase-nav__play { display: none; }
  & .showcase-nav__toggle[data-state="playing"] .showcase-nav__pause { display: block; }
  & .showcase-nav__toggle[data-state="paused"] .showcase-nav__play { display: block; }
}
  @media (prefers-reduced-motion: reduce) {
  & .showcase-nav__dot::before { transition: none; }
}
}
.ulx-showroom .section--flush { padding-block: 0px !important; }
.ulx-showroom .proposal-pin {
  display: grid; grid-template-columns: 28.25rem minmax(0px, 1fr); column-gap: 6rem; align-items: start; align-content: center; box-sizing: border-box; inline-size: 100%; margin-inline: auto; min-block-size: 100svh; padding-block: 1.5rem 3.5rem; margin-block-start: -3rem;
  & .proposal-pin__copy { display: flex; flex-direction: column; gap: var(--space-m, 1.5rem); min-inline-size: 0px; }
  & .proposal-pin__copy .step-list { margin-block-start: 0.25rem; }
  & .proposal-pin__copy .step-list__step { cursor: pointer; }
  & .proposal-pin__copy .step-list__step:hover { background: color-mix(in srgb, var(--primary) 6%, transparent); }
  & .proposal-pin__copy .step-list__step--active:hover { background: color-mix(in srgb, var(--primary) 10%, transparent); }
  & .proposal-pin__copy .step-list__step:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
  @media (max-width: 1180px) {
  & { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-l, 2rem); min-block-size: 0px; padding-block: var(--section-padding-block, 4rem); margin-block-start: 0px; }
  & .proposal-pin__copy { flex-basis: auto; inline-size: 100%; }
  & .proposal-pin__copy .step-list__step { cursor: default; }
  & .proposal-pin__copy .step-list__step { opacity: 1; }
}
  &.proposal-pin .prop__total .btn-approve { visibility: hidden; opacity: 0; transition: opacity 0.35s; }
  &.proposal-pin:has(.step-list__step[data-step="4"].step-list__step--active) .prop__total .btn-approve { visibility: visible; opacity: 1; animation: 1.9s ease-in-out 0.35s infinite normal none running prop-pay-pulse; }
  @media (prefers-reduced-motion: reduce) {
  &.proposal-pin:has(.step-list__step[data-step="4"].step-list__step--active) .prop__total .btn-approve { animation: auto ease 0s 1 normal none running none; }
}
  &.proposal-pin .panel__photo--pay { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.45s; }
  &.proposal-pin:has(.step-list__step[data-step="4"].step-list__step--active) .panel__photo--pay { opacity: 1; }
  @media (max-height: 860px) {
  &.proposal-pin { min-block-size: calc(7rem + 100vh); padding-block-end: 5rem; }
}
  @media (max-width: 1180px) {
  &.proposal-pin .prop__total .btn-approve { display: none; }
  &.proposal-pin:has(.step-list__step[data-step="4"].step-list__step--active) .prop__total .btn-approve { display: flex; }
}
}
.ulx-showroom .step-list {
  display: flex; flex-direction: column; gap: 0.125rem; inline-size: 100%; margin: 0px; padding: 0px; list-style: none;
  & .step-list__step { display: flex; align-items: flex-start; gap: var(--space-s, 1rem); padding: 0.875rem 1rem; border: 1px solid transparent; border-radius: var(--radius-m, 12px); opacity: 0.44; transition: opacity 0.25s, background-color 0.25s, border-color 0.25s; }
  & .step-list__step--active { opacity: 1; background: color-mix(in srgb, var(--primary) 10%, transparent); border-color: color-mix(in srgb, var(--primary) 34%, transparent); }
  & .step-list__num { display: grid; place-items: center; flex: 0 0 auto; inline-size: 1.625rem; block-size: 1.625rem; border-radius: 99px; border: 1px solid color-mix(in srgb, var(--relative-text-color, currentColor) 22%, transparent); font-size: var(--text-xs, 0.75rem); font-weight: 600; line-height: 1; color: color-mix(in srgb, var(--relative-text-color, currentColor) 72%, transparent); }
  & .step-list__step--active .step-list__num { background: var(--primary); border-color: var(--primary); color: var(--white, #fff); }
  & .step-list__body { display: flex; flex-direction: column; gap: 0.2rem; min-inline-size: 0px; }
  & .step-list__body:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: 6px; }
  & .step-list__title { margin: 0px; font-size: var(--text-m); font-weight: 600; line-height: 1.4; color: var(--relative-heading-color, var(--heading-color)); }
  & .step-list__kicker { margin: 0px; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.3; color: color-mix(in srgb, var(--relative-text-color, currentColor) 62%, transparent); }
  & .step-list__step--active .step-list__kicker { color: rgb(31, 95, 168); }
  @media (prefers-reduced-motion: reduce) {
  & .step-list__step { transition: none; }
}
  & .step-list__chev { display: none; }
  & .step-list__panel { display: none; }
  @media (max-width: 1180px) {
  & .step-list__step { display: grid; grid-template-columns: auto 1fr auto; align-items: start; column-gap: var(--space-s, 1rem); opacity: 1; cursor: pointer; border-color: color-mix(in srgb, var(--relative-text-color, currentColor) 14%, transparent); }
  & .step-list__chev {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; inline-size: 1.25rem; block-size: 1.25rem; margin-block-start: 0.15rem; color: color-mix(in srgb, var(--relative-text-color, currentColor) 62%, transparent); transition: transform 0.2s;
  & svg { inline-size: 0.75rem; block-size: auto; display: block; }
}
  & .step-list__step--open .step-list__chev { transform: rotate(180deg); }
  & .step-list__panel { grid-column: 1 / -1; }
  & .step-list__step--open .step-list__panel { display: block; margin-block-start: var(--space-s, 1rem); }
}
  @media (prefers-reduced-motion: reduce) {
  & .step-list__chev { transition: none; }
}
}
.ulx-showroom .proposal-stage {
  position: relative; --hero-bg: var(--white, #fff); --blue: #3C8DF2; --gold: #FBC655; --ink: #041C39; --card-border: #E1EBF5; line-height: normal; font-weight: 400; font-size: 16px; text-align: start; letter-spacing: normal;
  & * { box-sizing: border-box; }
  & img { display: block; max-width: 100%; }
  &.proposal-stage button { line-height: normal; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: center; font-weight: inherit; font-style: normal; font-family: inherit; }
  &.proposal-stage img { border-radius: 0px; }
  margin-block-start: 104px;
  &.proposal-stage .stage { position: relative; }
  &.proposal-stage .sitem { position: absolute; inset: 0px; opacity: 0; will-change: opacity, transform; }
  &.proposal-stage .sitem[data-item="1"] { position: relative; }
  &.proposal-stage .sitem[data-item="1"] { opacity: 1; }
  &.proposal-stage .panel__visual { position: relative; width: 100%; border-radius: 16px; }
  &.proposal-stage .panel__photo { width: 100%; height: auto; display: block; border-radius: 16px; background: var(--hero-bg); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -40px, rgba(0, 0, 0, 0.4) 0px 4px 12px; }
  &.proposal-stage .ocard { position: absolute; background: rgb(255, 255, 255); border: 1px solid var(--card-border); border-radius: 12px; box-shadow: rgba(2, 10, 22, 0.72) 0px 28px 56px -24px; padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }
  &.proposal-stage .ocard__title { font-size: 14.5px; font-weight: 600; color: var(--ink); line-height: 18px; }
  &.proposal-stage .ocard__rows { display: flex; flex-direction: column; gap: 11px; }
  &.proposal-stage .ocard--wl { left: -40px; width: 392px; }
  &.proposal-stage .ocard--spex { right: -46px; width: 452px; padding: 0px; overflow: hidden; gap: 0px; }
  &.proposal-stage .ocard--prop { right: -46px; width: 432px; padding: 0px; overflow: hidden; gap: 0px; }
  &.proposal-stage .ocard--wl, &.proposal-stage .ocard--spex, &.proposal-stage .ocard--prop { top: 50%; transform: translateY(-50%); }
  &.proposal-stage .room { font-style: normal; color: rgb(95, 113, 131); font-size: 11px; white-space: nowrap; }
  &.proposal-stage .spx__head { display: flex; align-items: center; gap: 12px; padding: 15px 17px; border-bottom: 1px solid rgb(237, 243, 249); }
  &.proposal-stage .spx__ico { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 9px; background: rgb(234, 243, 253); color: var(--blue); display: grid; place-items: center; }
  &.proposal-stage .spx__ico svg { width: 21px; height: 21px; }
  &.proposal-stage .spx__name { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
  &.proposal-stage .spx__name b { font-size: 15px; font-weight: 600; line-height: 19px; color: var(--ink); letter-spacing: -0.005em; }
  &.proposal-stage .spx__name span { font-size: 11.5px; line-height: 15px; color: rgb(95, 113, 131); }
  &.proposal-stage .spx__tag { margin-left: auto; flex: 0 0 auto; background: var(--blue); color: rgb(255, 255, 255); border-radius: 999px; padding: 5px 12px; font-size: 10.5px; font-weight: 600; line-height: 13px; }
  &.proposal-stage .spex { width: 100%; border-collapse: collapse; }
  &.proposal-stage .spex th { text-align: left; color: rgb(95, 113, 131); font-weight: 500; font-size: 9px; letter-spacing: 0.09em; padding: 9px 0px; background: rgb(247, 250, 252); border-bottom: 1px solid rgb(237, 243, 249); }
  &.proposal-stage .spex th:first-child { padding-left: 17px; }
  &.proposal-stage .spex th:last-child { padding-right: 17px; }
  &.proposal-stage .spex th:not(:first-child), &.proposal-stage .spex td:not(:first-child) { text-align: right; }
  &.proposal-stage .spex td { padding: 7px 0px; border-bottom: 1px solid rgb(244, 248, 251); font-size: 11.5px; color: rgb(29, 42, 56); vertical-align: middle; }
  &.proposal-stage .spex td:first-child { padding-left: 17px; }
  &.proposal-stage .spex td:last-child { padding-right: 17px; }
  &.proposal-stage .spex td.num { font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
  &.proposal-stage .spex td.qty, &.proposal-stage .spex td.mrg { color: rgb(85, 103, 125); font-variant-numeric: tabular-nums; }
  &.proposal-stage .spex tr.muted td { color: rgb(95, 113, 131); font-size: 11px; padding-top: 10px; padding-bottom: 10px; }
  &.proposal-stage .spex tr.muted td.num { color: rgb(85, 103, 125); font-weight: 600; }
  &.proposal-stage .spex__item { display: flex; align-items: center; gap: 11px; }
  &.proposal-stage .spex__item b { display: block; font-size: 11.5px; font-weight: 600; line-height: 15px; color: rgb(29, 42, 56); }
  &.proposal-stage .spex__item span { display: block; font-size: 10.5px; line-height: 14px; color: rgb(95, 113, 131); margin-top: 2px; }
  &.proposal-stage .margin-box { display: flex; align-items: center; gap: 14px; padding: 12px 17px; border-bottom: 1px solid rgb(237, 243, 249); }
  &.proposal-stage .margin-box > span:first-child { font-size: 11.5px; color: rgb(85, 103, 125); white-space: nowrap; }
  &.proposal-stage .margin-box > b { margin-left: auto; font-size: 12.5px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
  &.proposal-stage .slider { position: relative; height: 4px; border-radius: 99px; background: rgb(221, 231, 241); flex: 1 1 auto; min-width: 0px; }
  &.proposal-stage .slider__fill { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 46%; border-radius: 99px; background: var(--blue); }
  &.proposal-stage .slider__knob { position: absolute; left: 46%; top: 50%; width: 11px; height: 11px; border-radius: 99px; background: rgb(255, 255, 255); border: 2px solid var(--blue); transform: translate(-50%, -50%); box-shadow: rgba(4, 28, 57, 0.28) 0px 1px 3px; }
  &.proposal-stage .spx__foot { display: flex; background: rgb(247, 250, 252); }
  &.proposal-stage .spx__sum { flex: 1 1 0px; min-width: 0px; display: flex; align-items: center; gap: 9px; padding: 13px 12px; }
  &.proposal-stage .spx__sum + .spx__sum { border-left: 1px solid rgb(231, 238, 246); }
  &.proposal-stage .spx__sum i { width: 26px; height: 26px; flex: 0 0 auto; border-radius: 7px; background: rgb(228, 240, 252); color: var(--blue); display: grid; place-items: center; }
  &.proposal-stage .spx__sum i svg { width: 14px; height: 14px; }
  &.proposal-stage .spx__sum div { min-width: 0px; }
  &.proposal-stage .spx__sum em { display: block; font-style: normal; color: rgb(95, 113, 131); font-size: 8.5px; font-weight: 500; letter-spacing: 0.09em; line-height: 11px; }
  &.proposal-stage .spx__sum b { display: block; color: var(--ink); font-size: 16px; font-weight: 600; line-height: 21px; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; margin-top: 2px; }
  &.proposal-stage .spx__sum span { display: block; color: rgb(95, 113, 131); font-size: 9.5px; line-height: 12px; }
  &.proposal-stage .prop__head { padding: 15px 18px; display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid rgb(231, 238, 246); }
  &.proposal-stage .prop__head b { color: var(--ink); font-size: 14px; font-weight: 600; letter-spacing: 0.09em; line-height: 18px; }
  &.proposal-stage .prop__num { color: rgb(150, 165, 181); font-weight: 500; font-size: 10.5px; letter-spacing: 0.08em; }
  &.proposal-stage .prop__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 18px 0px; }
  &.proposal-stage .prop__meta b { display: block; color: rgb(27, 74, 128); font-size: 14px; font-weight: 600; line-height: 18px; }
  &.proposal-stage .prop__meta span { display: block; color: rgb(95, 113, 131); font-size: 10.5px; line-height: 14px; margin-top: 2px; }
  &.proposal-stage .prop__date { color: rgb(85, 103, 125); font-size: 10.5px; line-height: 18px; white-space: nowrap; }
  &.proposal-stage .prop__hero { display: flex; align-items: center; gap: 14px; padding: 14px 18px 16px; }
  &.proposal-stage .prop__hero .thumb { width: 84px; height: 84px; border-radius: 0px; background-color: transparent; }
  &.proposal-stage .prop__hero div { flex: 1 1 auto; min-width: 0px; }
  &.proposal-stage .prop__hero b { display: block; color: var(--ink); font-size: 13px; font-weight: 600; line-height: 17px; }
  &.proposal-stage .prop__hero i { display: block; font-style: normal; color: rgb(85, 103, 125); font-size: 11.5px; line-height: 15px; }
  &.proposal-stage .prop__hero small { display: block; color: rgb(95, 113, 131); font-size: 10px; line-height: 14px; margin-top: 5px; }
  &.proposal-stage .prop__price { text-align: right; flex: 0 0 auto; }
  &.proposal-stage .prop__price b { color: var(--ink); font-size: 15px; font-weight: 600; line-height: 19px; font-variant-numeric: tabular-nums; }
  &.proposal-stage .prop__price span { display: block; color: rgb(95, 113, 131); font-size: 10px; line-height: 13px; }
  &.proposal-stage .prop__strip { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0px 18px; padding: 8px 10px; background: rgb(252, 253, 254); border: 1px solid rgb(237, 243, 249); border-radius: 6px; }
  &.proposal-stage .prop__strip .thumb { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 4px; background-color: rgb(255, 255, 255); }
  &.proposal-stage .prop__total { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; margin-top: 16px; border-top: 1px solid rgb(231, 238, 246); }
  &.proposal-stage .prop__total em { display: block; font-style: normal; color: rgb(95, 113, 131); font-size: 9.5px; font-weight: 500; letter-spacing: 0.09em; line-height: 12px; }
  &.proposal-stage .prop__total b { display: block; color: var(--ink); font-size: 25px; font-weight: 600; line-height: 31px; letter-spacing: -0.015em; font-variant-numeric: tabular-nums; margin-top: 2px; }
  &.proposal-stage .btn-approve { display: inline-flex; align-items: center; gap: 9px; background: var(--gold); color: rgb(26, 18, 5); border-radius: 8px; padding: 12px 16px; font-size: 12.5px; font-weight: 600; line-height: 14px; white-space: nowrap; }
  &.proposal-stage .btn-approve svg { width: 12px; height: 12px; }
  &.proposal-stage .prop__sign { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 18px; background: rgb(251, 252, 254); border-top: 1px solid rgb(237, 243, 249); }
  &.proposal-stage .prop__sign p { margin: 0px; color: rgb(95, 113, 131); font-size: 10px; line-height: 15px; }
  &.proposal-stage .prop__mark { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
  &.proposal-stage .prop__mark i { width: 26px; height: 26px; border-radius: 99px; border: 1px solid rgb(201, 215, 229); color: rgb(85, 103, 125); display: grid; place-items: center; font-style: normal; font-size: 9px; font-weight: 600; letter-spacing: 0.04em; }
  &.proposal-stage .prop__mark span { color: rgb(85, 103, 125); font-size: 9.5px; line-height: 12px; letter-spacing: 0.1em; font-weight: 600; }
  @media (max-width: 1180px) {
  margin-block-start: 0px; display: flex; flex-direction: column; gap: var(--space-l, 2rem);
  &.proposal-stage .sitem { position: relative; inset: auto; opacity: 1; transform: none; }
  &.proposal-stage .panel__visual { display: flex; flex-direction: column; gap: 14px; }
  &.proposal-stage .ocard { position: static; inset: auto; inline-size: 100%; max-inline-size: 100%; transform: none; }
  &.proposal-stage .spex th:nth-child(3), &.proposal-stage .spex td:nth-child(3) { display: none; }
  &.proposal-stage .spx__foot { flex-wrap: wrap; }
  &.proposal-stage .spx__sum { flex: 1 1 45%; }
  &.proposal-stage .prop__total { flex-wrap: wrap; }
  &.proposal-stage .prop__sign { flex-direction: column; align-items: flex-start; gap: 10px; }
  &.proposal-stage[data-show] { display: block; gap: 0px; }
  &.proposal-stage[data-show] .panel__photo { display: none; }
  &.proposal-stage[data-show] .sitem { display: none; }
  &.proposal-stage[data-show="1"] .sitem[data-item="1"] { display: block; }
  &.proposal-stage[data-show="2"] .sitem[data-item="2"] { display: block; }
  &.proposal-stage[data-show="3"] .sitem[data-item="3"] { display: block; }
  &.proposal-stage[data-show] .panel__visual { display: block; }
}
}
.ulx-showroom .cta-seam {
  position: relative; z-index: 3; inline-size: 100%; block-size: 0px;
  & > .container, & > [data-etch-element="container"] { position: absolute; inset-inline: 0px; inset-block-start: 0px; margin-inline: auto; transform: translateY(-50%); }
  @media (max-width: 48rem) {
  & { block-size: auto; margin-block: -2.5rem; }
  & > .container, & > [data-etch-element="container"] { position: relative; inset: auto; transform: none; }
}
}
.ulx-showroom .cta-bar {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m, 1.5rem); inline-size: 100%; padding: var(--space-m, 1.5rem) var(--space-l, 2rem); border-radius: var(--radius-l, 16px); background: rgb(31, 95, 168); box-shadow: rgba(12, 29, 59, 0.55) 0px 22px 52px -30px;
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 40rem) {
  & { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-l, 2rem); }
}
  & .cta-bar__copy { display: flex; flex-direction: column; gap: 0.25rem; min-inline-size: 0px; }
  & .cta-bar__title { margin: 0px; font-size: var(--text-l); font-weight: 600; line-height: 1.35; color: var(--white, #fff); }
  & .cta-bar__sub { margin: 0px; font-size: var(--text-s); line-height: 1.45; color: rgba(255, 255, 255, 0.78); }
}
.ulx-showroom .bg--soft { --bg-ultra-light: light-dark(oklch(0.961 0 0), oklch(0.19 0 0)); }
.ulx-showroom .section--gap-xl { --content-gap: 5.25rem; }
.ulx-showroom .alt-rows__row {
  display: grid; grid-template-columns: 1fr; gap: var(--space-l); align-items: stretch; inline-size: 100%; max-inline-size: 75rem; margin-inline: auto;
  & .alt-rows__text { order: -1; }
  @media (min-width: 56rem) {
  & { grid-template-columns: 1fr 1fr; gap: var(--space-xxl, 4rem); align-items: center; }
  & .alt-rows__text { order: 0; }
}
}
.ulx-showroom .alt-rows__row--reverse {
  @media (min-width: 56rem) {
  & .alt-rows__media { order: -1; }
}
}
.ulx-showroom .alt-rows__row--full { max-inline-size: none; scroll-margin-block-start: 5.5rem; }
.ulx-showroom .alt-rows__text {
  min-inline-size: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m);
  & .intro-description { margin: 0px; }
  & .check-list { margin-block-start: 0.25rem; }
  & .button-group { margin-block-start: 0.4rem; }
}
.ulx-showroom .quote-plain {
  display: flex; flex-direction: column; gap: 0.6rem; min-inline-size: 0px;
  & .quote-plain__mark { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 6.5rem; line-height: 0.62; color: var(--primary); }
  & .quote-plain__text { margin: 0px; font-size: clamp(1.25rem, 0.9cqw + 1rem, 1.625rem); font-weight: 600; line-height: 1.6; letter-spacing: -0.005em; color: var(--relative-heading-color, var(--white, #fff)); }
  & .quote-plain__text p { margin: 0px; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
  & .quote-plain__foot { display: flex; flex-direction: column; gap: 0.15rem; margin-block-start: var(--space-s, 1rem); }
  & .quote-plain__name { font-size: var(--text-m); font-weight: 600; line-height: 1.4; color: var(--relative-heading-color, var(--white, #fff)); }
  & .quote-plain__role { font-size: var(--text-s); line-height: 1.4; color: color-mix(in srgb, var(--relative-text-color, currentColor) 72%, transparent); }
}
.ulx-showroom .alt-rows__media {
  margin: 0px; display: flex;
  & > * { inline-size: 100%; }
}
.ulx-showroom .proof-stack {
  --proof-surface: var(--white, #fff); --proof-surface-low: #DDE1E6; --proof-hover: #E9EBED; --proof-foot: #FBFCFE; --proof-line: var(--neutral-light); --proof-line-low: #D2DBE4; --proof-rule: #E3EBF4; --proof-frame: #E7E9EC; --proof-copy: var(--text-dark-muted, #55677d); --proof-link: #1663C0; --proof-link-hover: color-mix(in srgb, var(--proof-link) 82%, var(--text-dark, #212121)); --proof-fade-mid: color-mix(in srgb, var(--proof-surface) 72%, transparent); color: var(--text-dark); line-height: normal; font-weight: 400; font-size: 16px; text-align: start; letter-spacing: normal;
  & * { box-sizing: border-box; }
  & img { display: block; max-width: 100%; }
  &.proof-stack button { line-height: normal; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: center; font-weight: inherit; font-style: normal; font-family: inherit; }
  &.proof-stack img { border-radius: 0px; }
  & { position: relative; z-index: 2; max-width: 1240px; margin: 0px auto; }
  &.proof-stack .ptabs { display: flex; gap: 4px; }
  &.proof-stack .ptab { flex: 1 1 0px; min-width: 0px; height: 76px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 0px 20px; background: var(--proof-surface-low); border: 1px solid var(--proof-line-low); cursor: pointer; text-align: center; font-family: inherit; transition: background 0.28s, border-color 0.28s; }
  &.proof-stack .ptab b { font-size: 15px; line-height: 20px; font-weight: 600; color: var(--proof-copy); transition: color 0.28s; }
  &.proof-stack .ptab span { font-size: 12px; line-height: 17px; color: var(--proof-copy); transition: color 0.28s; }
  &.proof-stack .ptab:hover { background: var(--proof-hover); border-color: var(--proof-line); }
  &.proof-stack .ptab:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
  &.proof-stack .ptab.is-on { background: var(--proof-surface); border-color: var(--proof-line); cursor: default; }
  &.proof-stack .ptab.is-on b { color: var(--text-dark); }
  &.proof-stack .ptab.is-on span { color: var(--proof-copy); }
  &.proof-stack .ptab__line { position: absolute; left: 0px; bottom: 0px; height: 4px; width: 100%; background: var(--primary); transform: scaleX(0); transform-origin: left center; }
  &.proof-stack .pcard { margin-top: 8px; background: var(--proof-surface); overflow: hidden; border: 1px solid var(--proof-line); box-shadow: rgba(10, 27, 46, 0.3) 0px 22px 44px -26px; }
  &.proof-stack .pcard { display: grid; }
  &.proof-stack .pslide { grid-area: 1 / 1; visibility: hidden; }
  &.proof-stack .pslide.is-on { visibility: visible; }
  &.proof-stack .pcard__body { display: flex; align-items: stretch; min-height: 578px; }
  &.proof-stack .pshot { flex: 0 0 512px; width: 512px; padding: 28px; display: flex; }
  &.proof-stack .pshot__frame { flex: 1 1 auto; position: relative; overflow: hidden; border: 1px solid var(--proof-frame); background: var(--proof-surface); cursor: grab; user-select: none; }
  &.proof-stack .pshot__frame.is-drag { cursor: grabbing; }
  &.proof-stack .pshot__frame img { position: absolute; inset: 0px; width: 100%; height: auto; min-height: 100%; object-fit: cover; object-position: center top; display: block; will-change: transform; }
  &.proof-stack .pshot__fade { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 150px; pointer-events: none; background: linear-gradient(to bottom,transparent 0%,var(--proof-fade-mid) 55%,var(--proof-surface) 100%); }
  &.proof-stack .pbody { flex: 1 1 auto; min-width: 0px; padding: 48px 52px; display: flex; flex-direction: column; gap: 30px; }
  &.proof-stack .pbody__id { display: flex; flex-direction: column; gap: 2px; }
  &.proof-stack .pbody__id b { font-size: 31px; line-height: 38px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-dark); }
  &.proof-stack .pbody__id span { font-size: 19px; line-height: 26px; color: var(--proof-copy); }
  &.proof-stack .pbody__desc { margin: 0px; font-size: 16px; line-height: 27px; color: var(--proof-copy); }
  &.proof-stack .pbody__quote { margin: 0px; font-size: 22px; line-height: 34px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-dark); }
  &.proof-stack .pstats { display: flex; align-items: flex-start; gap: 44px; padding-top: 30px; border-top: 1px solid var(--proof-rule); margin-top: auto; }
  &.proof-stack .pstat { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 6px; }
  &.proof-stack .pstat + .pstat { padding-left: 44px; border-left: 1px solid var(--proof-rule); }
  &.proof-stack .pstat b { font-size: 40px; line-height: 46px; font-weight: 600; letter-spacing: -0.02em; color: var(--primary); }
  &.proof-stack .pstat span { font-size: 14px; line-height: 21px; color: var(--proof-copy); }
  &.proof-stack .pcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 52px; background: var(--proof-foot); border-top: 1px solid var(--proof-rule); }
  &.proof-stack .pcard__who b { display: block; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dark); }
  &.proof-stack .pcard__who span { display: block; font-size: 13px; line-height: 19px; color: var(--proof-copy); }
  &.proof-stack .pcard__link { display: inline-flex; align-items: center; gap: 9px; padding-bottom: 3px; flex: 0 0 auto; border-bottom: 1px solid var(--primary); color: var(--proof-link); text-decoration: none; text-transform: uppercase; font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.08em; }
  &.proof-stack .pcard__link svg { width: 12px; height: 12px; flex: 0 0 auto; }
  @media (max-width: 1180px) {
  &.proof-stack .pcard__body { flex-direction: column; min-height: 0px; }
  &.proof-stack .pshot { flex-basis: auto; width: 100%; padding: 20px; }
  &.proof-stack .pshot__frame { height: 340px; }
  &.proof-stack .pbody { padding: 32px 28px; gap: 24px; }
  &.proof-stack .pcard__foot { padding: 18px 28px; }
  &.proof-stack .ptab b { font-size: 13.5px; }
  &.proof-stack .ptab span { font-size: 11px; }
}
  @media (max-width: 760px) {
  &.proof-stack .pstats { flex-direction: column; gap: 22px; }
  &.proof-stack .pstat + .pstat { padding-left: 0px; border-left: 0px; padding-top: 22px; border-top: 1px solid var(--proof-rule); }
  &.proof-stack .pcard__foot { flex-direction: column; align-items: flex-start; gap: 14px; }
  &.proof-stack .pbody__id b { font-size: 24px; line-height: 30px; }
  &.proof-stack .pbody__quote { font-size: 18px; line-height: 28px; }
}
  @media (max-width: 34rem) {
  &.proof-stack .ptab { height: auto; min-height: 76px; padding-block: 0.625rem; }
}
  @media (prefers-reduced-motion: reduce) {
  &.proof-stack .ptab, &.proof-stack .ptab b, &.proof-stack .ptab span { transition: none; }
}
  &.proof-stack .pslide { display: flex; flex-direction: column; }
  &.proof-stack .pslide .pcard__body { flex: 1 1 auto; }
  &.proof-stack .pshot__frame--wide { align-self: flex-start; cursor: default; }
  &.proof-stack .pshot__frame--wide img { min-height: 0px; object-fit: contain; }
  &.proof-stack .pshot__frame--wide .pshot__fade { display: none; }
  max-inline-size: none;
  &.proof-stack { max-inline-size: none; }
  &.proof-stack .pcard__link:hover { color: var(--proof-link-hover); }
  &.proof-stack .ptab:not(.is-on):hover b { color: var(--text-dark); }
  min-inline-size: 0px;
  @media (max-width: 48rem) {
  &.proof-stack .ptabs { flex-direction: column; gap: 2px; }
  &.proof-stack .ptab { flex: 0 0 auto; block-size: auto; min-inline-size: 0px; align-items: flex-start; text-align: left; padding: 0.75rem 1rem; }
  &.proof-stack .pcard, &.proof-stack .pslide, &.proof-stack .pcard__body, &.proof-stack .pbody, &.proof-stack .pshot { min-inline-size: 0px; }
}
  @media (max-width: 47.999rem) {
  &.proof-stack { inline-size: 100%; min-inline-size: 0px; }
  &.proof-stack .ptabs { display: none; }
  &.proof-stack .pcard {
  display: flex; flex-flow: row; gap: 12px; overflow: auto hidden; scroll-snap-type: x mandatory; scrollbar-width: none; margin-top: 0px; background: transparent; border: 0px; box-shadow: none;
  &::-webkit-scrollbar { display: none; }
}
  &.proof-stack .pslide { grid-area: auto; visibility: visible; flex: 0 0 calc(100% - 2.75rem); scroll-snap-align: start; background: var(--proof-surface); border: 1px solid var(--proof-line); border-radius: 14px; overflow: hidden; box-shadow: rgba(10, 27, 46, 0.3) 0px 12px 26px -18px; }
  &.proof-stack .pbody__desc, &.proof-stack .pbody__quote, &.proof-stack .pcard__who { display: none; }
  &.proof-stack .pshot { padding: 14px; }
  &.proof-stack .pshot__frame { height: 220px; }
  &.proof-stack .pshot__fade { height: 64px; }
  &.proof-stack .pbody { padding: 20px 20px 24px; gap: 16px; }
  &.proof-stack .pbody__id b { font-size: 22px; line-height: 28px; }
  &.proof-stack .pbody__id span { font-size: 15px; line-height: 22px; }
  &.proof-stack .pstats { padding-top: 16px; gap: 16px; }
  &.proof-stack .pstat b { font-size: 28px; line-height: 34px; }
  &.proof-stack .pstat { inline-size: 100%; align-self: stretch; }
  &.proof-stack .pstat + .pstat { padding-left: 0px; border-left: 0px; padding-top: 16px; border-top: 1px solid var(--proof-rule); }
  &.proof-stack .pcard__foot { padding: 14px 20px; }
}
}
.ulx-showroom .brand-wall {
  line-height: normal; font-weight: 400; font-size: 16px; text-align: start; letter-spacing: normal;
  & * { box-sizing: border-box; }
  & img { display: block; max-width: 100%; }
  &.brand-wall button { line-height: normal; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: center; font-weight: inherit; font-style: normal; font-family: inherit; }
  &.brand-wall img { border-radius: 0px; }
  scroll-margin-block-start: 5.5rem; --bwall-photo: url(https://www.unilogcorp.com/wp-content/uploads/static/lighting-showroom-fixture-floor.webp); --bwall-ground: var(--hero-bg); --blue: #3C8DF2; --body: #C3D3E4; --hero-bg: oklch(0.19 0 0); --ink: #041C39; --muted: #A9BDD3;
  & { position: relative; background: var(--bwall-ground); overflow: clip; padding: 76px 100px; min-height: 660px; display: flex; align-items: stretch; --bwall-photo: url(https://www.unilogcorp.com/wp-content/uploads/static/lighting-showroom-fixture-floor.webp); --bwall-split: 66.6%; --bwall-ground: var(--hero-bg); }
  &.brand-wall .bwall__photo { position: absolute; inset: 0px; z-index: 1; pointer-events: none; background-image: var(--bwall-photo); background-size: cover; background-position: 52% 48%; mask-image: linear-gradient(to right, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 4%, rgba(0, 0, 0, 0.94) 16%, rgba(0, 0, 0, 0.78) 28%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.3) 52%, rgba(0, 0, 0, 0.12) 62%, transparent 72%); }
  &.brand-wall .bwall__scrim { position: absolute; inset: 0px; z-index: 2; pointer-events: none; background: rgba(8, 10, 14, 0.52); mask-image: linear-gradient(to right, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 4%, rgba(0, 0, 0, 0.94) 16%, rgba(0, 0, 0, 0.78) 28%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.3) 52%, rgba(0, 0, 0, 0.12) 62%, transparent 72%); }
  &.brand-wall .bwall__rows { position: absolute; inset: 0px; z-index: 0; pointer-events: none; display: flex; flex-direction: column; justify-content: center; gap: var(--bw-gap,13px); mask-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 11%, rgb(0, 0, 0) 89%, transparent 100%), linear-gradient(to right, transparent 0px, transparent 34%, rgba(0, 0, 0, 0.18) 46%, rgba(0, 0, 0, 0.5) 57%, rgba(0, 0, 0, 0.82) 67%, rgb(0, 0, 0) 76%); mask-composite: intersect; }
  &.brand-wall .brow2 { overflow: hidden; }
  &.brand-wall .btrack { display: flex; width: max-content; gap: var(--bw-gap,13px); will-change: transform; }
  &.brand-wall .brow2--l .btrack { animation: brand-wall-slide var(--dur,150s) linear infinite; }
  &.brand-wall .brow2--r .btrack { animation: brand-wall-slide var(--dur,150s) linear infinite reverse; }
  &.brand-wall .blogo { width: var(--bw-cell,150px); height: var(--bw-cellh,62px); flex: 0 0 var(--bw-cell,150px); display: flex; align-items: center; justify-content: center; }
  &.brand-wall .bl { width: var(--lw,84%); height: var(--lh,58%); background-repeat: no-repeat; background-position: center center; background-size: contain; filter: grayscale(1) brightness(0) invert(1); opacity: 0.15; }
  &.brand-wall .bl--plate { filter: grayscale(1) invert(1) contrast(1.02); opacity: 0.19; }
  &.brand-wall .bwall__inner { position: relative; z-index: 3; width: 100%; max-width: 1240px; margin: 0px auto; display: flex; align-items: center; justify-content: flex-start; }
  &.brand-wall .bwall__copy { width: 100%; max-width: 566px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; background: rgba(9, 12, 17, 0.72); backdrop-filter: blur(3px) saturate(115%); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; padding: 44px 46px 46px; box-shadow: rgba(0, 0, 0, 0.7) 0px 26px 60px -30px; }
  &.brand-wall .bwall__figure > * { margin: 0px; font-size: 60px; line-height: 66px; font-weight: 600; letter-spacing: -0.025em; color: rgb(255, 255, 255); text-wrap: balance; }
  &.brand-wall .bwall__word { font-style: normal; color: var(--blue); }
  &.brand-wall .bwall__sub { margin: 0px; color: var(--body); font-size: 17px; line-height: 29px; max-width: 430px; }
  &.brand-wall .bwall__lab { margin: 4px 0px -6px; font-size: 12px; font-weight: 500; letter-spacing: 0.12em; color: var(--muted); text-transform: uppercase; }
  &.brand-wall .bpills { display: flex; flex-wrap: wrap; gap: 8px; max-width: 296px; }
  &.brand-wall .bpill { border: 1px solid rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.06); border-radius: 999px; padding: 7px 15px; font-size: 13px; line-height: 16px; color: rgb(255, 255, 255); white-space: nowrap; }
  &.brand-wall .bwall__rule { width: 100%; height: 1px; background: rgba(255, 255, 255, 0.16); margin: 6px 0px 2px; }
  &.brand-wall .bcheck { width: 100%; display: flex; flex-direction: column; gap: 9px; }
  &.brand-wall .bcheck b { font-size: 17px; font-weight: 600; line-height: 24px; color: rgb(255, 255, 255); }
  &.brand-wall .bcheck__hint { margin: 0px; font-size: 13px; line-height: 20px; color: var(--muted); }
  &.brand-wall .bcheck__row { display: flex; gap: 9px; flex-wrap: wrap; align-items: flex-start; }
  &.brand-wall .bcheck textarea { flex: 1 1 240px; min-width: 200px; min-height: 46px; height: 46px; resize: vertical; color: var(--ink); background: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 8px; padding: 12px 14px; }
  &.brand-wall .bcheck textarea:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
  &.brand-wall .bcheck .btn { padding: 14px 26px; font-size: 15px; flex: 0 0 auto; align-self: flex-start; }
  @media (prefers-reduced-motion: reduce) {
  &.brand-wall .brow2--l .btrack, &.brand-wall .brow2--r .btrack { animation: auto ease 0s 1 normal none running none; }
}
  @media (max-width: 1080px) {
  & { flex-direction: column; min-height: 0px; padding: 0px; }
  &.brand-wall .bwall__inner { max-width: none; }
  &.brand-wall .bwall__photo, &.brand-wall .bwall__scrim { inset: 0px; background-position: 56% 46%; mask-image: none; }
  &.brand-wall .bwall__inner { order: 2; width: 100%; padding: 56px 40px; }
  &.brand-wall .bwall__copy { max-width: none; }
  &.brand-wall .bwall__rows { position: relative; order: 3; inset: auto; width: auto; height: auto; z-index: 4; margin: 0px -40px; padding: 30px 0px 34px; justify-content: flex-start; background: var(--bwall-ground); mask-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 86%, transparent 100%); }
  &.brand-wall .bwall__figure > * { font-size: 50px; line-height: 56px; }
}
  @media (max-width: 700px) {
  &.brand-wall .bwall__inner { padding: 34px 20px; }
  &.brand-wall .bwall__copy { padding: 32px 26px 34px; gap: 17px; }
  &.brand-wall .bwall__rows { margin: 0px -20px; }
  &.brand-wall .bwall__figure > * { font-size: 40px; line-height: 46px; }
  &.brand-wall .bwall__rows .brow2:nth-child(n+6) { display: none; }
  & { --bw-cell: 126px; --bw-cellh: 54px; }
}
  &.brand-wall .bl-kohler { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kohler.webp); --lw: 55.9%; --lh: 41.4%; }
  &.brand-wall .bl-delta-faucet { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/delta-faucet.webp); --lw: 49.7%; --lh: 32.7%; }
  &.brand-wall .bl-brizo { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/brizo.webp); --lw: 64.1%; --lh: 33.3%; }
  &.brand-wall .bl-grohe { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/grohe.webp); --lw: 39.0%; --lh: 41.7%; }
  &.brand-wall .bl-hansgrohe { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hansgrohe.webp); --lw: 66.5%; --lh: 24.4%; }
  &.brand-wall .bl-toto { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/toto.webp); --lw: 56.0%; --lh: 30.5%; }
  &.brand-wall .bl-rohl { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/rohl.webp); --lw: 88.0%; --lh: 33.5%; }
  &.brand-wall .bl-newport-brass { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/newport-brass.webp); --lw: 88.0%; --lh: 15.5%; }
  &.brand-wall .bl-california-faucets { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/california-faucets.webp); --lw: 54.1%; --lh: 65.5%; }
  &.brand-wall .bl-kallista { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kallista.webp); --lw: 88.0%; --lh: 34.1%; }
  &.brand-wall .bl-duravit { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/duravit.webp); --lw: 67.0%; --lh: 30.6%; }
  &.brand-wall .bl-villeroy-and-boch { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/villeroy-and-boch.webp); --lw: 34.6%; --lh: 47.0%; }
  &.brand-wall .bl-dornbracht { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/dornbracht.webp); --lw: 33.4%; --lh: 48.7%; }
  &.brand-wall .bl-graff { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/graff.webp); --lw: 67.5%; --lh: 27.6%; }
  &.brand-wall .bl-watermark { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/watermark.webp); --lw: 88.0%; --lh: 31.9%; }
  &.brand-wall .bl-pfister { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/pfister.webp); --lw: 57.1%; --lh: 68.0%; }
  &.brand-wall .bl-american-standard { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/american-standard.webp); --lw: 80.2%; --lh: 21.8%; }
  &.brand-wall .bl-mti-baths { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/mti-baths.webp); --lw: 43.3%; --lh: 68.0%; }
  &.brand-wall .bl-aquatica { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/aquatica.webp); --lw: 71.4%; --lh: 39.7%; }
  &.brand-wall .bl-robern { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/robern.webp); --lw: 58.0%; --lh: 37.4%; }
  &.brand-wall .bl-electric-mirror { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/electric-mirror.webp); --lw: 64.4%; --lh: 68.0%; }
  &.brand-wall .bl-fleurco { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/fleurco.webp); --lw: 88.0%; --lh: 29.3%; }
  &.brand-wall .bl-native-trails { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/native-trails.webp); --lw: 70.3%; --lh: 41.1%; }
  &.brand-wall .bl-aquabrass { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/aquabrass.webp); --lw: 88.0%; --lh: 20.4%; }
  &.brand-wall .bl-jaclo { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/jaclo.webp); --lw: 51.8%; --lh: 48.6%; }
  &.brand-wall .bl-kingston-brass { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kingston-brass.webp); --lw: 72.9%; --lh: 32.8%; }
  &.brand-wall .bl-blanco { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/blanco.webp); --lw: 51.9%; --lh: 22.7%; }
  &.brand-wall .bl-franke { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/franke.webp); --lw: 27.1%; --lh: 60.1%; }
  &.brand-wall .bl-elkay { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/elkay.webp); --lw: 73.4%; --lh: 24.0%; }
  &.brand-wall .bl-kraus { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kraus.webp); --lw: 48.3%; --lh: 34.0%; }
  &.brand-wall .bl-ruvati { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/ruvati.webp); --lw: 56.3%; --lh: 34.1%; }
  &.brand-wall .bl-sub-zero { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/sub-zero.webp); --lw: 72.9%; --lh: 38.8%; }
  &.brand-wall .bl-wolf { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/wolf.webp); --lw: 60.1%; --lh: 40.6%; }
  &.brand-wall .bl-cove { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/cove.webp); --lw: 60.9%; --lh: 41.4%; }
  &.brand-wall .bl-thermador { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/thermador.webp); --lw: 69.5%; --lh: 34.3%; }
  &.brand-wall .bl-miele { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/miele.webp); --lw: 42.1%; --lh: 38.6%; }
  &.brand-wall .bl-viking { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/viking.webp); --lw: 57.0%; --lh: 42.5%; }
  &.brand-wall .bl-monogram { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/monogram.webp); --lw: 41.3%; --lh: 68.0%; }
  &.brand-wall .bl-bertazzoni { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/bertazzoni.webp); --lw: 74.0%; --lh: 20.9%; }
  &.brand-wall .bl-gaggenau { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/gaggenau.webp); --lw: 68.1%; --lh: 23.9%; }
  &.brand-wall .bl-dacor { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/dacor.webp); --lw: 55.6%; --lh: 33.0%; }
  &.brand-wall .bl-liebherr { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/liebherr.webp); --lw: 73.3%; --lh: 22.2%; }
  &.brand-wall .bl-smeg-usa { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/smeg-usa.webp); --lw: 54.6%; --lh: 25.8%; }
  &.brand-wall .bl-hestan { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hestan.webp); --lw: 88.0%; --lh: 46.5%; }
  &.brand-wall .bl-zephyr { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/zephyr.webp); --lw: 55.2%; --lh: 29.5%; }
  &.brand-wall .bl-broan-nutone { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/broan-nutone.webp); --lw: 38.6%; --lh: 44.4%; }
  &.brand-wall .bl-best-range-hoods { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/best-range-hoods.webp); --lw: 42.7%; --lh: 47.2%; }
  &.brand-wall .bl-vent-a-hood { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/vent-a-hood.webp); --lw: 76.7%; --lh: 21.0%; }
  &.brand-wall .bl-faber { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/faber.webp); --lw: 68.6%; --lh: 34.0%; }
  &.brand-wall .bl-elica { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/elica.webp); --lw: 46.9%; --lh: 33.8%; }
  &.brand-wall .bl-perlick { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/perlick.webp); --lw: 74.3%; --lh: 21.4%; }
  &.brand-wall .bl-visual-comfort-modern-collection { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/visual-comfort-modern-collection.webp); --lw: 88.0%; --lh: 17.8%; }
  &.brand-wall .bl-hudson-valley-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hudson-valley-lighting.webp); --lw: 88.0%; --lh: 35.4%; }
  &.brand-wall .bl-kichler-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kichler-lighting.webp); --lw: 85.8%; --lh: 26.4%; }
  &.brand-wall .bl-hinkley-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hinkley-lighting.webp); --lw: 74.7%; --lh: 30.3%; }
  &.brand-wall .bl-minka-lavery { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/minka-lavery.webp); --lw: 51.7%; --lh: 59.5%; }
  &.brand-wall .bl-minka-aire { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/minka-aire.webp); --lw: 75.4%; --lh: 67.5%; }
  &.brand-wall .bl-quoizel { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/quoizel.webp); --lw: 88.0%; --lh: 48.0%; }
  &.brand-wall .bl-crystorama { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/crystorama.webp); --lw: 88.0%; --lh: 20.1%; }
  &.brand-wall .bl-uttermost { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/uttermost.webp); --lw: 88.0%; --lh: 27.1%; }
  &.brand-wall .bl-currey-and-company { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/currey-and-company.webp); --lw: 88.0%; --lh: 44.4%; }
  &.brand-wall .bl-arteriors-home { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/arteriors-home.webp); --lw: 88.0%; --lh: 16.9%; }
  &.brand-wall .bl-wac-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/wac-lighting.webp); --lw: 88.0%; --lh: 15.1%; }
  &.brand-wall .bl-maxim-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/maxim-lighting.webp); --lw: 62.9%; --lh: 59.2%; }
  &.brand-wall .bl-eurofase { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/eurofase.webp); --lw: 62.4%; --lh: 32.7%; }
  &.brand-wall .bl-elegant-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/elegant-lighting.webp); --lw: 88.0%; --lh: 32.5%; }
  &.brand-wall .bl-hubbardton-forge { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hubbardton-forge.webp); --lw: 88.0%; --lh: 30.7%; }
  &.brand-wall .bl-schonbek { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/schonbek.webp); --lw: 88.0%; --lh: 33.9%; }
  &.brand-wall .bl-fine-art-handcrafted-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/fine-art-handcrafted-lighting.webp); --lw: 86.9%; --lh: 51.2%; }
  &.brand-wall .bl-emtek { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/emtek.webp); --lw: 83.7%; --lh: 66.4%; }
  &.brand-wall .bl-baldwin { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/baldwin.webp); --lw: 88.0%; --lh: 23.5%; }
  &.brand-wall .bl-schlage { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/schlage.webp); --lw: 52.9%; --lh: 30.7%; }
  &.brand-wall .bl-top-knobs { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/top-knobs.webp); --lw: 88.0%; --lh: 32.3%; }
  &.brand-wall .bl-amerock { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/amerock.webp); --lw: 51.4%; --lh: 31.6%; }
  &.brand-wall .bl-berenson { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/berenson.webp); --lw: 65.3%; --lh: 26.5%; }
  &.brand-wall .bl-sun-valley-bronze { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/sun-valley-bronze.webp); --lw: 88.0%; --lh: 11.3%; }
  &.brand-wall .bl-ashley-norton { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/ashley-norton.webp); --lw: 88.0%; --lh: 47.0%; }
  &.brand-wall .bl-nostalgic-warehouse { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/nostalgic-warehouse.webp); --lw: 77.3%; --lh: 40.7%; }
  &.brand-wall .bl-allied-brass { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/allied-brass.webp); --lw: 28.4%; --lh: 68.0%; }
  &.brand-wall .bl-gessi { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/gessi.webp); --lw: 34.4%; --lh: 45.5%; }
  &.brand-wall .bl-zucchetti { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/zucchetti.webp); --lw: 76.9%; --lh: 27.6%; }
  &.brand-wall .bl-phylrich { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/phylrich.webp); --lw: 88.0%; --lh: 54.0%; }
  &.brand-wall .bl-waterstone { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/waterstone.webp); --lw: 62.8%; --lh: 44.2%; }
  &.brand-wall .bl-santec { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/santec.webp); --lw: 88.0%; --lh: 39.4%; }
  &.brand-wall .bl-lacava { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/lacava.webp); --lw: 83.3%; --lh: 37.2%; }
  &.brand-wall .bl-nameeks { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/nameeks.webp); --lw: 72.5%; --lh: 22.4%; }
  &.brand-wall .bl-strom-living { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/strom-living.webp); --lw: 70.9%; --lh: 45.5%; }
  &.brand-wall .bl-sonoma-forge { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/sonoma-forge.webp); --lw: 88.0%; --lh: 22.4%; }
  &.brand-wall .bl-herbeau { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/herbeau.webp); --lw: 53.2%; --lh: 41.2%; }
  &.brand-wall .bl-americh { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/americh.webp); --lw: 88.0%; --lh: 28.4%; }
  &.brand-wall .bl-maax { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/maax.webp); --lw: 55.4%; --lh: 33.4%; }
  &.brand-wall .bl-kaldewei { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kaldewei.webp); --lw: 64.0%; --lh: 25.4%; }
  &.brand-wall .bl-blu-bathworks { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/blu-bathworks.webp); --lw: 34.6%; --lh: 68.0%; }
  &.brand-wall .bl-laufen { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/laufen.webp); --lw: 73.5%; --lh: 35.6%; }
  &.brand-wall .bl-geberit { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/geberit.webp); --lw: 63.8%; --lh: 21.2%; }
  &.brand-wall .bl-catalano { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/catalano.webp); --lw: 80.5%; --lh: 26.2%; }
  &.brand-wall .bl-acquabella { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/acquabella.webp); --lw: 86.3%; --lh: 41.7%; }
  &.brand-wall .bl-cheviot-products { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/cheviot-products.webp); --lw: 88.0%; --lh: 27.9%; }
  &.brand-wall .bl-gerber-plumbing { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/gerber-plumbing.webp); --lw: 58.2%; --lh: 52.2%; }
  &.brand-wall .bl-mansfield-plumbing { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/mansfield-plumbing.webp); --lw: 85.7%; --lh: 19.9%; }
  &.brand-wall .bl-zurn-industries { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/zurn-industries.webp); --lw: 39.8%; --lh: 40.8%; }
  &.brand-wall .bl-chicago-faucets { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/chicago-faucets.webp); --lw: 55.2%; --lh: 39.4%; }
  &.brand-wall .bl-ariel-bath { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/ariel-bath.webp); --lw: 57.5%; --lh: 29.9%; }
  &.brand-wall .bl-karran { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/karran.webp); --lw: 55.3%; --lh: 29.4%; }
  &.brand-wall .bl-vigo { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/vigo.webp); --lw: 33.8%; --lh: 53.8%; }
  &.brand-wall .bl-nantucket-sinks { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/nantucket-sinks.webp); --lw: 60.1%; --lh: 46.9%; }
  &.brand-wall .bl-true-residential { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/true-residential.webp); --lw: 88.0%; --lh: 23.7%; }
  &.brand-wall .bl-electrolux { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/electrolux.webp); --lw: 69.4%; --lh: 38.6%; }
  &.brand-wall .bl-frigidaire { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/frigidaire.webp); --lw: 78.1%; --lh: 22.5%; }
  &.brand-wall .bl-whirlpool { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/whirlpool.webp); --lw: 59.0%; --lh: 45.0%; }
  &.brand-wall .bl-samsung { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/samsung.webp); --lw: 59.0%; --lh: 22.8%; }
  &.brand-wall .bl-speed-queen { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/speed-queen.webp); --lw: 73.8%; --lh: 33.6%; }
  &.brand-wall .bl-asko { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/asko.webp); --lw: 55.8%; --lh: 26.7%; }
  &.brand-wall .bl-blomberg { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/blomberg.webp); --lw: 51.3%; --lh: 33.1%; }
  &.brand-wall .bl-avanti { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/avanti.webp); --lw: 58.0%; --lh: 36.2%; }
  &.brand-wall .bl-marvel { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/marvel.webp); --lw: 53.9%; --lh: 43.3%; }
  &.brand-wall .bl-scotsman { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/scotsman.webp); --lw: 66.5%; --lh: 24.5%; }
  &.brand-wall .bl-verona { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/verona.webp); --lw: 60.6%; --lh: 30.2%; }
  &.brand-wall .bl-amana { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/amana.webp); --lw: 79.2%; --lh: 42.4%; }
  &.brand-wall .bl-accucold { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/accucold.webp); --lw: 64.2%; --lh: 27.5%; }
  &.brand-wall .bl-aga { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/aga.webp); --lw: 47.4%; --lh: 32.0%; }
  &.brand-wall .bl-air-king { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/air-king.webp); --lw: 51.5%; --lh: 32.4%; }
  &.brand-wall .bl-twin-eagles { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/twin-eagles.webp); --lw: 29.5%; --lh: 68.0%; }
  &.brand-wall .bl-coyote-outdoor-living { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/coyote-outdoor-living.webp); --lw: 69.1%; --lh: 47.4%; }
  &.brand-wall .bl-summerset-grills { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/summerset-grills.webp); --lw: 88.0%; --lh: 24.9%; }
  &.brand-wall .bl-blaze-outdoor-products { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/blaze-outdoor-products.webp); --lw: 50.5%; --lh: 65.7%; }
  &.brand-wall .bl-american-made-grills { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/american-made-grills.webp); --lw: 88.0%; --lh: 14.3%; }
  &.brand-wall .bl-artisan-grills { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/artisan-grills.webp); --lw: 79.7%; --lh: 49.2%; }
  &.brand-wall .bl-progress-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/progress-lighting.webp); --lw: 88.0%; --lh: 20.2%; }
  &.brand-wall .bl-modern-forms { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/modern-forms.webp); --lw: 88.0%; --lh: 30.4%; }
  &.brand-wall .bl-et2 { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/et2.webp); --lw: 88.0%; --lh: 58.0%; }
  &.brand-wall .bl-golden-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/golden-lighting.webp); --lw: 51.1%; --lh: 50.7%; }
  &.brand-wall .bl-kalco-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/kalco-lighting.webp); --lw: 25.4%; --lh: 62.7%; }
  &.brand-wall .bl-access-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/access-lighting.webp); --lw: 58.5%; --lh: 28.0%; }
  &.brand-wall .bl-acclaim-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/acclaim-lighting.webp); --lw: 73.3%; --lh: 37.6%; }
  &.brand-wall .bl-alora-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/alora-lighting.webp); --lw: 88.0%; --lh: 34.8%; }
  &.brand-wall .bl-american-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/american-lighting.webp); --lw: 88.0%; --lh: 17.7%; }
  &.brand-wall .bl-afx-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/afx-lighting.webp); --lw: 82.4%; --lh: 51.8%; }
  &.brand-wall .bl-capital-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/capital-lighting.webp); --lw: 59.7%; --lh: 48.5%; }
  &.brand-wall .bl-besa-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/besa-lighting.webp); --lw: 88.0%; --lh: 31.6%; }
  &.brand-wall .bl-cal-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/cal-lighting.webp); --lw: 36.2%; --lh: 44.9%; }
  &.brand-wall .bl-avenue-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/avenue-lighting.webp); --lw: 35.3%; --lh: 46.0%; }
  &.brand-wall .bl-adesso { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/adesso.webp); --lw: 88.0%; --lh: 29.6%; }
  &.brand-wall .bl-abra-lighting { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/abra-lighting.webp); --lw: 71.3%; --lh: 45.9%; }
  &.brand-wall .bl-fanimation { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/fanimation.webp); --lw: 88.0%; --lh: 38.0%; }
  &.brand-wall .bl-savoy-house { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/savoy-house.webp); --lw: 72.9%; --lh: 38.9%; }
  &.brand-wall .bl-hunter { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hunter.webp); --lw: 88.0%; --lh: 43.5%; }
  &.brand-wall .bl-deltana { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/deltana.webp); --lw: 41.3%; --lh: 57.1%; }
  &.brand-wall .bl-frank-allart { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/frank-allart.webp); --lw: 88.0%; --lh: 45.1%; }
  &.brand-wall .bl-hardware-resources { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/hardware-resources.webp); --lw: 53.1%; --lh: 33.0%; }
  &.brand-wall .bl-belwith-keeler { --bl-img: url(https://www.unilogcorp.com/wp-content/uploads/static/brand-logos/belwith-keeler.webp); --lw: 71.0%; --lh: 36.9%; }
  &.brand-wall[data-near] .bl { background-image: var(--bl-img); }
}
.ulx-showroom .head-row {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m, 1.5rem); inline-size: 100%;
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 58rem) {
  & { flex-direction: row; align-items: flex-end; gap: var(--space-2xl, 5rem); }
  & .head-row__lead { flex: 1 1 43.75rem; max-inline-size: 43.75rem; }
  & .head-row__deck { flex: 1 1 28.75rem; max-inline-size: 28.75rem; padding-block-end: 0.4rem; }
}
  & .head-row__lead { display: flex; flex-direction: column; gap: var(--space-s, 1rem); min-inline-size: 0px; }
  & .head-row__deck { display: flex; flex-direction: column; gap: var(--space-s, 1rem); min-inline-size: 0px; }
  & .head-row__deck p { margin: 0px; }
}
.ulx-showroom .module-rows {
  display: flex; flex-direction: column; inline-size: 100%;
  :has(> &) { container-type: inline-size; }
  & .module-rows__row { display: grid; grid-template-columns: 2.125rem 1fr; align-items: start; column-gap: var(--space-s, 1rem); row-gap: 0.35rem; padding-block: var(--space-m, 1.25rem); border-block-end: 1px solid color-mix(in srgb, var(--primary) 22%, transparent); }
  & .module-rows__row:last-child { border-block-end: 0px; }
  @container (inline-size >= 40rem) {
  & .module-rows__row { grid-template-columns: 2.125rem 14.5rem 1fr; align-items: center; column-gap: var(--space-m, 1.5rem); }
}
  & .module-rows__icon { display: block; inline-size: 2.125rem; block-size: 2.125rem; object-fit: contain; }
  & .module-rows__name { margin: 0px; font-size: var(--text-m); font-weight: 600; line-height: 1.4; color: var(--heading-color); }
  & .module-rows__text { margin: 0px; grid-column: 2 / -1; font-size: var(--text-s); line-height: 1.55; color: var(--text-dark-muted, #5a6b82); }
  @container (inline-size >= 40rem) {
  & .module-rows__text { grid-column: 3; }
}
}
.ulx-showroom .module-rows--card {
  padding: 0px; border: 1px solid color-mix(in srgb, var(--neutral-ultra-dark) 8%, transparent); border-radius: var(--radius-l, 16px); background: var(--white, #fff); box-shadow: rgba(4, 28, 57, 0.03) 0px 2px 3px; overflow: hidden;
  & .module-rows__row { grid-template-columns: 1.875rem 1fr; align-items: start; padding: var(--space-m, 1.25rem); border-block-end: 1px solid color-mix(in srgb, var(--neutral-ultra-dark) 6%, transparent); }
  & .module-rows__row:first-child { background: color-mix(in srgb, var(--neutral-ultra-dark) 4%, var(--white, #fff)); }
  & .module-rows__icon { inline-size: 1.875rem; block-size: 1.875rem; }
  & .module-rows__name { font-size: var(--h5, 1.25rem); letter-spacing: -0.01em; }
  & .module-rows__text { grid-column: 2 / -1; font-size: var(--text-m); line-height: 1.6; }
}
.ulx-showroom .catalog-sync-panel {
  position: relative; inline-size: 100%; aspect-ratio: 560 / 400; border: 1px solid rgb(227, 235, 244); border-radius: 14px; background: var(--white, #fff); box-shadow: rgba(4, 28, 57, 0.03) 0px 2px 3px; overflow: hidden; container-type: inline-size;
  & .catalog-sync-panel__net { position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(to right, rgba(60, 141, 242, 0.06) 1px, transparent 1px), linear-gradient(rgba(60, 141, 242, 0.06) 1px, transparent 1px); background-size: 31px 31px; mask-image: radial-gradient(70% 70% at 60% 55%, rgb(0, 0, 0) 0%, transparent 100%); }
  & .catalog-sync-panel__stage { position: absolute; inset-block-start: 0px; inset-inline-start: 0px; inline-size: 560px; block-size: 400px; transform-origin: 0px 0px; transform: scale(calc(100cqw / 560px)); }
  & .catalog-sync-panel__wires { position: absolute; inset: 0px; }
  & .catalog-sync-panel__label { color: rgb(95, 113, 131); font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 12px; text-transform: uppercase; }
  & .catalog-sync-panel__brand { display: flex; align-items: center; gap: 10px; color: rgb(29, 42, 56); font-size: 13px; line-height: 17px; }
  & .catalog-sync-panel__brand--empty { color: rgb(95, 113, 131); }
  & .catalog-sync-panel__box { inline-size: 15px; block-size: 15px; border-radius: 4px; background: rgb(60, 141, 242); display: grid; place-items: center; flex: 0 0 auto; }
  & .catalog-sync-panel__box--empty { background: transparent; border: 1px solid rgb(212, 223, 234); }
  & .catalog-sync-panel__count { display: flex; align-items: baseline; gap: 8px; }
  & .catalog-sync-panel__num { color: rgb(4, 28, 57); font-size: 30px; font-weight: 600; line-height: 34px; letter-spacing: -0.02em; }
  & .catalog-sync-panel__unit { color: rgb(85, 103, 125); font-size: 14px; line-height: 18px; }
}
.ulx-showroom .hero-cover {
  position: relative; overflow: hidden; display: flex; align-items: center; min-block-size: clamp(30rem, 68vh, 44rem); padding-block: var(--space-2xl, 5rem);
  & .hero-cover__bg { position: absolute; inset: 0px; }
  & .hero-cover__bg figure { margin: 0px; position: absolute; inset: 0px; }
  & .hero-cover__bg img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 60% center; }
  & .hero-cover__bg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(95deg, rgba(6, 15, 28, 0.95) 0%, rgba(6, 15, 28, 0.86) 32%, rgba(6, 15, 28, 0.55) 60%, rgba(6, 15, 28, 0.15) 100%); }
  & .hero-cover__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; gap: var(--space-xl, 3rem); align-items: center; }
  & .hero-cover__body { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: var(--space-m, 1.5rem); max-inline-size: 68ch; }
  & .hero-cover__panel { display: flex; flex-direction: column; gap: var(--space-m, 1.5rem); padding: var(--space-l, 2rem); border-radius: var(--radius-l, 16px); background: rgba(6, 15, 28, 0.58); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(16px) saturate(130%); box-shadow: rgba(2, 8, 23, 0.75) 0px 24px 60px -40px; }
  & .hero-cover__panel img { align-self: flex-start; block-size: 6.75rem; inline-size: auto; max-inline-size: min(15rem, 90%); max-block-size: none; object-fit: contain; object-position: left center; }
  @media (min-width: 58rem) {
  & .hero-cover__grid { grid-template-columns: 1.15fr 0.8fr; gap: var(--space-2xl, 5rem); }
}
  & .hero-cover__title { margin: 0px; font-size: clamp(2.5rem, 1.9rem + 2.6vw, 3.9rem); font-weight: 600; line-height: 1.08; letter-spacing: -0.015em; color: var(--white, #fff); text-shadow: rgba(9, 18, 38, 0.55) 0px 2px 20px; }
  & .hero-cover__title span { color: var(--primary); }
  & .hero-cover__lead { margin: 0px; max-inline-size: 58ch; font-size: var(--text-l, 1.15rem); line-height: 1.55; color: rgba(255, 255, 255, 0.92); text-shadow: rgba(9, 18, 38, 0.5) 0px 1px 12px; }
  & .button-group { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-block-start: var(--space-s, 1rem); }
  & .btn--outline { --btn-text-color: #fff; --btn-text-color-hover: var(--text-dark); --btn-border-color: rgba(255, 255, 255, 0.55); --btn-border-color-hover: #fff; --btn-background-hover: #fff; }
  @media (max-width: 52rem) {
  & .hero-cover__body { max-inline-size: 100%; }
  & .hero-cover__bg::after { background: linear-gradient(rgba(6, 15, 28, 0.78) 0%, rgba(6, 15, 28, 0.92) 100%); }
}
  & .hero-cover__panel img:not([src]), & .hero-cover__panel img[src=""] { display: none; }
  & .hero-cover__panel:not(:has(.meta-chips__chip:not(:empty))) { display: none; }
  & .hero-cover__grid:not(:has(.hero-cover__panel .meta-chips__chip:not(:empty))) { grid-template-columns: 1fr; }
  & .hero-cover__logo-link {
  align-self: flex-start; display: flex; max-inline-size: min(15rem, 90%); transition: opacity var(--transition, 150ms) ease;
  &:hover { opacity: 0.82; }
  & img { max-inline-size: 100%; }
}
}
.ulx-showroom .hero-cover--blend {
  & .hero-cover__bg::after { background: linear-gradient(95deg, rgba(4, 28, 57, 0.96) 0%, rgba(4, 28, 57, 0.9) 42%, rgba(4, 28, 57, 0.62) 64%, rgba(4, 28, 57, 0.2) 80%, rgba(4, 28, 57, 0.05) 100%); }
  & .hero-cover__bg::before { content: ""; position: absolute; inset-inline: 0px; inset-block-end: 0px; block-size: 15.625rem; z-index: 1; background: linear-gradient(rgba(4, 28, 57, 0) 0%, rgba(4, 28, 57, 0.35) 34%, rgba(4, 28, 57, 0.75) 62%, rgba(4, 28, 57, 0.95) 84%, rgb(4, 28, 57) 100%); }
  & .hero-cover__body { max-inline-size: 38.75rem; }
  & .hero-cover__grid { gap: var(--space-l, 2rem); }
  @media (max-width: 52rem) {
  &.hero-cover--blend .hero-cover__bg::after { background: linear-gradient(rgba(4, 28, 57, 0.84) 0%, rgba(4, 28, 57, 0.9) 60%, rgba(4, 28, 57, 0.94) 100%); }
}
}
.ulx-showroom .rule-cols {
  display: grid; grid-template-columns: 1fr; gap: var(--space-l, 2rem); inline-size: 100%;
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 46rem) {
  & { grid-template-columns: repeat(3, 1fr); gap: var(--space-l, 2rem); }
}
  & .rule-cols__col { display: flex; flex-direction: column; gap: var(--space-s, 1rem); padding-block-start: var(--space-m, 1.5rem); border-block-start: 1px solid color-mix(in srgb, var(--relative-text-color, currentColor) 24%, transparent); min-inline-size: 0px; }
  & .rule-cols__title { margin: 0px; font-size: var(--text-l); font-weight: 600; line-height: 1.35; color: var(--relative-heading-color, var(--heading-color)); }
  & .rule-cols__text { margin: 0px; font-size: var(--text-m); line-height: var(--text-line-height, 1.6); color: color-mix(in srgb, var(--relative-text-color, currentColor) 82%, transparent); }
}
.ulx-showroom .rule-cols--two {
  @container (inline-size >= 34rem) {
  &.rule-cols--two { grid-template-columns: repeat(2, 1fr); }
}
}
.ulx-showroom .case-credit {
  display: inline-flex; align-items: center; gap: 1.25rem; inline-size: fit-content; max-inline-size: 100%; padding: 1.25rem 1.5rem; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--radius-m, 10px); background: rgba(6, 15, 28, 0.58); backdrop-filter: blur(16px) saturate(130%); box-shadow: rgba(2, 8, 23, 0.75) 0px 24px 60px -40px;
  & .case-credit__logo { flex: 0 0 auto; align-self: flex-start; inline-size: 4.875rem; block-size: 5.125rem; display: grid; place-items: center; }
  & .case-credit__logo img { inline-size: 100%; block-size: 100%; object-fit: contain; object-position: center center; border-radius: 5px; }
  & .case-credit__body { display: flex; align-items: stretch; gap: 1.25rem; min-inline-size: 0px; }
  & .case-credit__body::before { content: ""; flex: 0 0 1px; inline-size: 1px; background: rgba(255, 255, 255, 0.16); }
  & .case-credit__lines { display: flex; flex-direction: column; gap: 0.5625rem; min-inline-size: 0px; }
  & .case-credit__meta { margin: 0px; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; line-height: 1.35; color: rgb(159, 182, 204); }
  & .case-credit__title { margin: 0px; font-size: 0.875rem; font-weight: 600; line-height: 1.45; color: var(--white, #fff); }
  & .case-credit__link { font-size: 0.75rem; letter-spacing: 0.04em; color: rgb(140, 190, 248); }
  & .case-credit__link svg { inline-size: 0.625rem; block-size: 0.625rem; }
  @media (max-width: 40rem) {
  & { inline-size: 100%; align-items: flex-start; gap: 1rem; padding: 1rem 1.125rem; }
  & .case-credit__body::before { display: none; }
  & .case-credit__body { gap: 0px; }
  & .case-credit__logo { inline-size: 3.5rem; block-size: 3.75rem; }
}
}
.ulx-showroom .text-link {
  display: inline-flex; align-items: center; gap: 0.45rem; color: var(--primary); font-weight: 600; font-size: var(--text-m,1.05rem); text-decoration: none;
  & svg { inline-size: 1.05rem; block-size: 1.05rem; transition: transform 0.2s; }
  &:hover { color: var(--primary-hover); text-decoration: underline; }
  &:hover svg { transform: translateX(3px); }
}
.ulx-showroom .pdp-tour {
  --hero-bg: var(--white, #fff); --blue: #3C8DF2; --ink: #041C39; --pin-blue: #3C8DF2; --pin-ring: var(--white, #fff); --tour-accent: #1F5FA8; --pdp-dim: .16; --sprite: url(https://www.unilogcorp.com/wp-content/uploads/2026/08/shr-bento-sprite.webp); position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 52px; line-height: normal; color: var(--ink); font-weight: 400; font-size: 16px; text-align: start; letter-spacing: normal;
  & * { box-sizing: border-box; }
  & img { display: block; max-width: 100%; }
  & .anat__view { inline-size: 100%; }
  &.pdp-tour button { line-height: normal; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: center; font-weight: inherit; font-style: normal; font-family: inherit; }
  &.pdp-tour img { border-radius: 0px; }
  &.pdp-tour .aswitch { display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: var(--bg-ultra-light,#efeeef); border: 1px solid var(--neutral-light,#cecece); }
  &.pdp-tour .aswitch__b { border: 0px; background: none; cursor: pointer; font-family: inherit; padding: 10px 22px; border-radius: 999px; color: rgb(85, 103, 125); font-size: 15px; font-weight: 500; line-height: 19px; white-space: nowrap; transition: background 0.25s, color 0.25s; }
  &.pdp-tour .aswitch__b:hover { color: var(--text-dark); }
  &.pdp-tour .aswitch__b.is-on { background: var(--white,#fff); color: var(--text-dark); font-weight: 600; cursor: default; box-shadow: rgba(4, 28, 57, 0.14) 0px 1px 3px; }
  &.pdp-tour .aswitch__b:focus-visible { outline: 2px solid var(--tour-accent); outline-offset: 3px; }
  &.pdp-tour .anat__inner, &.pdp-tour .anat__view { position: relative; z-index: 2; max-width: 1240px; margin: 0px auto; display: flex; gap: 26px; align-items: flex-start; }
  &.pdp-tour .anat__view { display: none; }
  &.pdp-tour .anat__view.is-on { display: flex; }
  &.pdp-tour .pdp { position: relative; flex: 1 1 auto; min-width: 0px; background: rgb(255, 255, 255); border-radius: 14px; overflow: hidden; border: 1px solid var(--neutral-light,#cecece); box-shadow: rgba(4, 28, 57, 0.34) 0px 24px 48px -30px, rgba(4, 28, 57, 0.1) 0px 2px 6px -3px; padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 16px; font-size: 12px; color: var(--ink); }
  &.pdp-tour .pdp__crumbs { display: flex; align-items: center; gap: 7px; color: rgb(132, 148, 164); font-size: 10.5px; line-height: 13px; }
  &.pdp-tour .pdp__crumbs b { color: rgb(29, 42, 56); font-weight: 600; }
  &.pdp-tour .pdp__crumbs svg { width: 9px; height: 9px; flex: 0 0 auto; opacity: 0.6; }
  &.pdp-tour .pdp__top { display: flex; gap: 22px; align-items: flex-start; }
  &.pdp-tour .pgal { flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; gap: 9px; }
  &.pdp-tour .pgal__main { aspect-ratio: 1 / 1; border: 1px solid rgb(237, 241, 246); border-radius: 10px; background: rgb(255, 255, 255); display: grid; place-items: center; overflow: hidden; position: relative; }
  &.pdp-tour .pgal__main img { width: 88%; height: 88%; object-fit: contain; }
  &.pdp-tour .pgal__badge { position: absolute; left: 10px; top: 10px; background: rgb(242, 246, 250); border: 1px solid rgb(225, 234, 243); border-radius: 99px; padding: 4px 9px; font-size: 9px; font-weight: 600; letter-spacing: 0.04em; color: rgb(65, 85, 107); }
  &.pdp-tour .pgal__strip { display: flex; gap: 7px; }
  &.pdp-tour .pthumb { flex: 1 1 0px; min-width: 0px; aspect-ratio: 1 / 1; border: 1px solid rgb(231, 237, 244); border-radius: 7px; background: rgb(255, 255, 255); display: grid; place-items: center; overflow: hidden; position: relative; }
  &.pdp-tour .pthumb.is-sel { border-color: var(--blue); box-shadow: rgba(60, 141, 242, 0.18) 0px 0px 0px 2px; }
  &.pdp-tour .pthumb img { width: 84%; height: 84%; object-fit: contain; }
  &.pdp-tour .pthumb--play::after { content: ""; position: absolute; inset: 0px; background: rgba(10, 20, 34, 0.42); }
  &.pdp-tour .pthumb--play::before { content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; width: 0px; height: 0px; border-left: 9px solid rgb(255, 255, 255); border-top: 6px solid transparent; border-bottom: 6px solid transparent; transform: translate(-40%, -50%); }
  &.pdp-tour .pthumb--draw img { filter: grayscale(1) brightness(1.5) contrast(2.4); }
  &.pdp-tour .pinfo { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 9px; }
  &.pdp-tour .pinfo > .pfin, &.pdp-tour .pinfo > .pact { margin-top: 12px; }
  &.pdp-tour .pinfo__brand { color: rgb(132, 148, 164); font-size: 9.5px; font-weight: 600; letter-spacing: 0.12em; }
  &.pdp-tour .pinfo__name { margin: 0px; font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.012em; color: var(--ink); }
  &.pdp-tour .pinfo__ids { color: rgb(132, 148, 164); font-size: 10.5px; line-height: 14px; }
  &.pdp-tour .pinfo__rate { display: flex; align-items: center; gap: 7px; font-size: 10.5px; color: rgb(85, 103, 125); }
  &.pdp-tour .pinfo__rate i { font-style: normal; color: rgb(240, 169, 59); letter-spacing: 0.06em; font-size: 11px; }
  &.pdp-tour .pinfo__price { font-size: 23px; line-height: 28px; font-weight: 600; letter-spacing: -0.015em; color: var(--ink); }
  &.pdp-tour .pinfo__blurb { margin: 0px; color: rgb(85, 103, 125); font-size: 11.5px; line-height: 18px; }
  &.pdp-tour .pfin { display: flex; flex-direction: column; gap: 8px; max-width: 300px; }
  &.pdp-tour .pfin__label { font-size: 11px; color: rgb(85, 103, 125); }
  &.pdp-tour .pfin__label b { color: var(--ink); font-weight: 600; }
  &.pdp-tour .pfin__row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
  &.pdp-tour .sw { width: 24px; height: 24px; border-radius: 99px; border: 1px solid rgba(4, 28, 57, 0.16); flex: 0 0 auto; }
  &.pdp-tour .sw.is-on { box-shadow: 0 0 0 2px #fff,0 0 0 4px var(--blue); }
  &.pdp-tour .pfin__more { color: rgb(132, 148, 164); font-size: 10.5px; }
  &.pdp-tour .pfin__cmp { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-size: 10.5px; font-weight: 600; }
  &.pdp-tour .pfin__cmp svg { width: 11px; height: 11px; }
  &.pdp-tour .pact { display: flex; flex-direction: column; gap: 8px; max-width: 360px; }
  &.pdp-tour .pact__row { display: flex; align-items: center; gap: 8px; }
  &.pdp-tour .pqty { display: flex; align-items: center; gap: 11px; border: 1px solid rgb(225, 235, 245); border-radius: 8px; padding: 7px 10px; color: var(--ink); font-size: 11.5px; }
  &.pdp-tour .pqty span { color: rgb(132, 148, 164); }
  &.pdp-tour .pbutton { flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 8px; padding: 10px 14px; font-size: 12px; font-weight: 600; line-height: 14px; white-space: nowrap; }
  &.pdp-tour .pbutton--blue { background: var(--blue); color: rgb(255, 255, 255); }
  &.pdp-tour .pbutton--ghost { border: 1px solid rgb(216, 228, 240); color: rgb(65, 85, 107); }
  &.pdp-tour .pbutton svg { width: 13px; height: 13px; }
  &.pdp-tour .pswap { display: inline-flex; align-items: center; gap: 7px; }
  &.pdp-tour .pswap--cart { display: none; }
  &.pdp-tour .anat__view:has(.titem[data-state="cart"].is-on) .pswap--save { display: none; }
  &.pdp-tour .anat__view:has(.titem[data-state="cart"].is-on) .pswap--cart { display: inline-flex; }
  &.pdp-tour .pfeat { display: flex; border: 1px solid rgb(237, 241, 246); border-radius: 10px; background: rgb(252, 253, 254); }
  &.pdp-tour .pfeat > div { flex: 1 1 0px; min-width: 0px; display: flex; gap: 9px; padding: 11px 13px; }
  &.pdp-tour .pfeat > div + div { border-left: 1px solid rgb(237, 241, 246); }
  &.pdp-tour .pfeat svg { width: 15px; height: 15px; color: var(--blue); flex: 0 0 auto; margin-top: 1px; }
  &.pdp-tour .pfeat b { display: block; font-size: 10.5px; font-weight: 600; line-height: 14px; color: var(--ink); }
  &.pdp-tour .pfeat span { display: block; font-size: 9.5px; line-height: 13px; color: rgb(132, 148, 164); margin-top: 1px; }
  &.pdp-tour .pbot { display: flex; gap: 18px; align-items: flex-start; }
  &.pdp-tour .pbot > * { flex: 1 1 0px; min-width: 0px; }
  &.pdp-tour .pbot__docs { flex: 2 2 0px; display: flex; gap: 18px; align-items: flex-start; }
  &.pdp-tour .pbot__docs > * { flex: 1 1 0px; min-width: 0px; }
  &.pdp-tour .pcol__h { font-size: 12.5px; font-weight: 600; line-height: 16px; color: var(--ink); margin-bottom: 9px; }
  &.pdp-tour .pdocs { display: flex; flex-direction: column; }
  &.pdp-tour .pdoc { display: flex; align-items: center; gap: 9px; padding: 8px 0px; border-bottom: 1px solid rgb(240, 244, 248); font-size: 10.5px; color: rgb(29, 42, 56); }
  &.pdp-tour .pdoc:last-child { border-bottom: 0px; }
  &.pdp-tour .pdoc svg { width: 12px; height: 12px; color: var(--blue); flex: 0 0 auto; }
  &.pdp-tour .pdoc em { margin-left: auto; font-style: normal; color: rgb(132, 148, 164); font-size: 9.5px; }
  &.pdp-tour .pdocs__note { margin: 8px 0px 0px; font-size: 9.5px; line-height: 13px; color: rgb(132, 148, 164); }
  &.pdp-tour .pspec { margin: 0px; display: flex; flex-direction: column; }
  &.pdp-tour .pspec > div { display: flex; align-items: baseline; gap: 12px; padding: 8px 0px; border-bottom: 1px solid rgb(240, 244, 248); }
  &.pdp-tour .pspec > div:last-child { border-bottom: 0px; }
  &.pdp-tour .pspec dt { flex: 0 0 82px; color: rgb(132, 148, 164); font-size: 10px; line-height: 14px; }
  &.pdp-tour .pspec dd { margin: 0px; flex: 1 1 auto; min-width: 0px; color: rgb(29, 42, 56); font-size: 10.5px; line-height: 14px; }
  &.pdp-tour .pshow { border: 1px solid rgb(225, 234, 243); border-radius: 10px; background: rgb(247, 250, 252); padding: 12px 13px; display: flex; flex-direction: column; gap: 9px; }
  &.pdp-tour .pavail { display: flex; flex-direction: column; gap: 5px; }
  &.pdp-tour .pchip { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; }
  &.pdp-tour .pchip i { width: 7px; height: 7px; border-radius: 99px; flex: 0 0 auto; font-style: normal; }
  &.pdp-tour .pchip--stock { color: rgb(27, 122, 75); }
  &.pdp-tour .pchip--stock i { background: rgb(37, 163, 102); }
  &.pdp-tour .pchip--floor { color: rgb(31, 95, 168); }
  &.pdp-tour .pchip--floor i { background: var(--blue); }
  &.pdp-tour .pshow p { margin: 0px; font-size: 10px; line-height: 14px; color: rgb(85, 103, 125); }
  &.pdp-tour .pshow__btn { background: rgb(255, 255, 255); border: 1px solid rgb(216, 228, 240); border-radius: 7px; padding: 8px 11px; font-size: 10.5px; font-weight: 600; color: rgb(65, 85, 107); text-align: center; }
  &.pdp-tour .csearch { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgb(225, 235, 245); border-radius: 9px; background: rgb(252, 253, 254); }
  &.pdp-tour .csearch svg { width: 15px; height: 15px; color: rgb(132, 148, 164); flex: 0 0 auto; }
  &.pdp-tour .csearch > span { flex: 1 1 auto; min-width: 0px; color: rgb(65, 85, 107); font-size: 12.5px; }
  &.pdp-tour .csearch em { font-style: normal; color: rgb(31, 95, 168); background: rgb(234, 244, 251); border: 1px solid rgb(207, 225, 244); border-radius: 999px; padding: 4px 10px; font-size: 10px; font-weight: 600; flex: 0 0 auto; }
  &.pdp-tour .cbar { display: flex; align-items: baseline; gap: 12px; }
  &.pdp-tour .cbar b { font-size: 16px; font-weight: 600; color: var(--ink); }
  &.pdp-tour .cbar > span { color: rgb(85, 103, 125); font-size: 11.5px; }
  &.pdp-tour .cbar__sort { margin-left: auto; border: 1px solid rgb(225, 235, 245); border-radius: 7px; padding: 6px 11px; color: rgb(65, 85, 107); }
  &.pdp-tour .cbody { display: flex; gap: 20px; align-items: flex-start; }
  &.pdp-tour .cfacets { flex: 0 0 176px; width: 176px; display: flex; flex-direction: column; gap: 16px; }
  &.pdp-tour .cfacet { display: flex; flex-direction: column; gap: 7px; }
  &.pdp-tour .cfacet b { font-size: 11.5px; font-weight: 600; color: var(--ink); }
  &.pdp-tour .cfacet span { display: flex; align-items: center; gap: 8px; font-size: 11px; color: rgb(65, 85, 107); }
  &.pdp-tour .cfacet i { width: 12px; height: 12px; border-radius: 3px; border: 1px solid rgb(201, 215, 229); flex: 0 0 auto; }
  &.pdp-tour .cfacet i.on { background: var(--blue); border-color: var(--blue); }
  &.pdp-tour .cfacet em { margin-left: auto; font-style: normal; color: rgb(132, 148, 164); font-size: 10px; font-variant-numeric: tabular-nums; }
  &.pdp-tour .cgrid { flex: 1 1 auto; min-width: 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  &.pdp-tour .ctile { position: relative; border: 1px solid rgb(237, 241, 246); border-radius: 9px; padding: 10px; display: flex; flex-direction: column; }
  &.pdp-tour .ctile__img { display: block; width: 136px; height: 120px; margin: 0px auto; border-radius: 6px; background-position: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-image: var(--sprite); background-size: 678px 454px; background-repeat: no-repeat; }
  &.pdp-tour .ctile__save { position: absolute; right: 9px; top: 9px; width: 14px; height: 14px; color: rgb(168, 182, 196); }
  &.pdp-tour .ctile b { margin-top: 7px; font-size: 10.5px; font-weight: 600; line-height: 14px; color: rgb(29, 42, 56); }
  &.pdp-tour .ctile span { font-size: 9.5px; line-height: 13px; color: rgb(85, 103, 125); margin-top: 2px; }
  &.pdp-tour .ctile em { font-style: normal; margin-top: 5px; font-size: 11.5px; font-weight: 600; color: var(--ink); }
  @media (max-width: 1180px) {
  &.pdp-tour .cbody { flex-direction: column; }
  &.pdp-tour .cfacets { flex-basis: auto; width: 100%; }
  &.pdp-tour .cgrid { grid-template-columns: repeat(2, 1fr); }
}
  &.pdp-tour .ppin { position: absolute; z-index: 7; width: 13px; height: 13px; padding: 0px; border-radius: 99px; background: var(--pin-blue); border: 2px solid var(--pin-ring); cursor: pointer; box-shadow: rgba(4, 28, 57, 0.3) 0px 2px 6px; transform: translate(-50%, -50%); transition: opacity 0.3s, transform 0.3s; }
  &.pdp-tour .ppin::after { content: ""; position: absolute; inset: -2px; border-radius: 99px; border: 2px solid var(--pin-blue); pointer-events: none; animation-duration: 2.4s; animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1); animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: pdp-tour-pulse; animation-timeline: auto; animation-range: normal; animation-delay: var(--d,0s); }
  &.pdp-tour .ppin:hover { transform: translate(-50%, -50%) scale(1.3); }
  &.pdp-tour .ppin:focus-visible { outline: 2px solid var(--tour-accent); outline-offset: 3px; }
  &.pdp-tour .pdp__ghost { position: absolute; z-index: 6; pointer-events: none; border-radius: 11px; opacity: 0; border: 1.5px dashed rgba(60, 141, 242, 0.75); background: rgba(60, 141, 242, 0.05); transition: opacity 0.18s; }
  &.pdp-tour .pdp__ghost.is-on { opacity: 1; }
  &.pdp-tour .ppin.is-on { opacity: 0; pointer-events: none; }
  &.pdp-tour .pdp [data-region] { cursor: pointer; }
  @media (prefers-reduced-motion: reduce) {
  &.pdp-tour .ppin::after { animation: auto ease 0s 1 normal none running none; opacity: 0.45; }
}
  @media (max-width: 1180px) {
  &.pdp-tour .ppin { display: none !important; }
  &.pdp-tour .pdp [data-region] { cursor: auto; }
}
  &.pdp-tour .pdp__hl { position: absolute; pointer-events: none; z-index: 6; border-radius: 11px; opacity: 0; border: 2px solid var(--blue); box-shadow: 0 0 0 4px rgba(60,141,242,.18),
             0 12px 26px -14px rgba(31,95,168,.34),
             0 0 0 9999px rgba(4,28,57,var(--pdp-dim,.16)); transition: top 0.44s cubic-bezier(0.4, 0, 0.2, 1), left 0.44s cubic-bezier(0.4, 0, 0.2, 1), width 0.44s cubic-bezier(0.4, 0, 0.2, 1), height 0.44s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s; }
  &.pdp-tour .pdp__hl.is-on { opacity: 1; }
  &.pdp-tour .tourwrap { flex: 0 0 356px; width: 356px; position: relative; align-self: stretch; }
  &.pdp-tour .tour { position: absolute; inset: 0px; overflow-y: auto; overscroll-behavior: auto; display: flex; flex-direction: column; gap: 9px; padding-left: 44px; padding-right: 6px; scrollbar-width: thin; scrollbar-color: rgba(4, 28, 57, 0.22) transparent; }
  &.pdp-tour .tour::-webkit-scrollbar { width: 6px; }
  &.pdp-tour .tour::-webkit-scrollbar-thumb { background: rgba(4, 28, 57, 0.22); border-radius: 99px; }
  &.pdp-tour .tour::-webkit-scrollbar-track { background: transparent; }
  &.pdp-tour .tour__rail { position: absolute; left: 14px; width: 2px; border-radius: 99px; background: var(--neutral-light,#cecece); z-index: 0; }
  &.pdp-tour .tour__rail i { display: block; width: 100%; height: 0px; background: var(--tour-accent); border-radius: 99px; }
  &.pdp-tour .titem { position: relative; z-index: 1; background: transparent; border: 1px solid transparent; border-radius: 12px; transition: background 0.3s, border-color 0.3s; }
  &.pdp-tour .titem:hover { background: var(--bg-ultra-light,#efeeef); }
  &.pdp-tour .titem.is-on { background: rgba(31, 95, 168, 0.07); border-color: rgba(31, 95, 168, 0.32); }
  &.pdp-tour .titem.is-on:hover { background: rgba(31, 95, 168, 0.07); }
  &.pdp-tour .tstep { display: flex; align-items: flex-start; gap: 13px; text-align: left; width: 100%; background: none; border: 0px; padding: 14px 16px; cursor: pointer; font-family: inherit; color: inherit; }
  &.pdp-tour .titem.is-on .tstep { cursor: default; }
  &.pdp-tour .tstep:focus-visible { outline: 2px solid var(--tour-accent); outline-offset: 3px; border-radius: 12px; }
  &.pdp-tour .tstep__n { position: absolute; left: -41px; top: 14px; z-index: 2; width: 24px; height: 24px; border-radius: 99px; display: grid; place-items: center; font-size: 11px; font-weight: 600; color: rgb(85, 103, 125); background: var(--hero-bg); border: 1px solid var(--neutral-light,#cecece); transition: background 0.3s, color 0.3s, border-color 0.3s; }
  &.pdp-tour .titem.is-on .tstep__n, &.pdp-tour .titem.is-done .tstep__n { background: var(--tour-accent); border-color: var(--tour-accent); color: var(--white,#fff); }
  &.pdp-tour .tstep__b { min-width: 0px; flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; opacity: 0.78; transition: opacity 0.3s; }
  &.pdp-tour .titem:hover .tstep__b { opacity: 0.9; }
  &.pdp-tour .titem.is-on .tstep__b { opacity: 1; }
  &.pdp-tour .tstep__ico { width: 21px; height: 21px; flex: 0 0 auto; color: rgb(85, 103, 125); margin-bottom: 3px; transition: color 0.3s; }
  &.pdp-tour .titem.is-on .tstep__ico { color: var(--tour-accent); }
  &.pdp-tour .tstep__b b { color: var(--text-dark); font-size: 16px; font-weight: 600; line-height: 22px; }
  &.pdp-tour .tstep__desc { color: rgb(85, 103, 125); font-size: 14px; line-height: 21px; }
  &.pdp-tour .titem:not(.is-on) .tstep__desc { display: none; }
  &.pdp-tour .tstep__chev { display: none; width: 13px; height: 13px; color: rgb(85, 103, 125); flex: 0 0 auto; margin-top: 6px; transition: transform 0.3s; }
  &.pdp-tour .tstep__panel { display: none; }
  @media (max-width: 1180px) {
  &.pdp-tour .pdp { display: none; }
  &.pdp-tour .tourwrap { flex-basis: auto; width: 100%; position: static; }
  &.pdp-tour .tour { position: static; overflow: visible; flex-basis: auto; width: 100%; padding-left: 0px; padding-right: 0px; }
  &.pdp-tour .tour__rail { display: none; }
  &.pdp-tour .tstep { flex-wrap: wrap; align-items: center; gap: 7px 11px; padding: 15px 16px; }
  &.pdp-tour .tstep__n { position: static; flex: 0 0 24px; background: transparent; }
  &.pdp-tour .tstep__b { display: contents; }
  &.pdp-tour .tstep__ico { margin-bottom: 0px; width: 19px; height: 19px; }
  &.pdp-tour .tstep__b b { flex: 1 1 0px; min-width: 0px; line-height: 20px; }
  &.pdp-tour .tstep__desc { order: 1; flex: 0 0 100%; }
  &.pdp-tour .tstep__chev { margin-top: 0px; }
  &.pdp-tour .titem.is-done .tstep__n { background: transparent; border-color: var(--neutral-light,#cecece); color: rgb(85, 103, 125); }
  &.pdp-tour .titem { opacity: 1; }
  &.pdp-tour .titem:hover { background: var(--bg-ultra-light,#efeeef); }
  &.pdp-tour .tstep { cursor: pointer; }
  &.pdp-tour .titem.is-on .tstep { cursor: pointer; }
  &.pdp-tour .tstep__chev { display: block; }
  &.pdp-tour .titem.is-on .tstep__chev { transform: rotate(180deg); color: var(--tour-accent); }
  &.pdp-tour .titem:not(.is-on) .tstep__desc { display: none; }
  &.pdp-tour .titem.is-on .tstep__panel { display: block; }
  &.pdp-tour .tstep__panel { margin: 0px 15px 15px; padding: 14px; border-radius: 10px; background: var(--white,#fff); border: 1px solid var(--neutral-light,#cecece); font-size: 12px; color: var(--ink); }
  &.pdp-tour .tstep__panel > * { width: 100%; flex: 0 0 auto; }
  &.pdp-tour .tstep__panel .pgal { width: 100%; }
  &.pdp-tour .tstep__panel .pfin, &.pdp-tour .tstep__panel .pact { border-top: 0px; padding-top: 0px; }
  &.pdp-tour .tstep__panel .pbot__docs { flex-direction: column; gap: 18px; }
}
  @media (max-width: 1180px) {
  &.pdp-tour .anat__inner { flex-direction: column; gap: 26px; }
  &.pdp-tour .tour { flex-basis: auto; width: 100%; }
  &.pdp-tour .pdp__hl { display: none; }
  &.pdp-tour .tstep { opacity: 1; cursor: default; }
}
  @media (max-width: 820px) {
  &.pdp-tour .pdp__top { flex-direction: column; }
  &.pdp-tour .pgal { flex-basis: auto; width: 100%; }
  &.pdp-tour .pfeat { flex-wrap: wrap; }
  &.pdp-tour .pfeat > div { flex-basis: 50%; }
  &.pdp-tour .pbot { flex-direction: column; }
}
  &.pdp-tour .titem:not(.is-on):has(+ .titem)::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: -5px; height: 1px; background: color-mix(in srgb, var(--text-dark) 12%, transparent); opacity: 1; transition: opacity 0.3s; pointer-events: none; }
  &.pdp-tour .titem:has(+ .titem.is-on)::after { opacity: 0; }
  @media (max-width: 1180px) {
  &.pdp-tour .tstep__n, &.pdp-tour .tstep__ico { display: none; }
}
}
.ulx-showroom .addons-band {
  position: relative; overflow: hidden; isolation: isolate; container-type: inline-size; inline-size: 100%; padding-block: clamp(3rem, 6cqi, 5.5rem); padding-inline: var(--gutter, clamp(1rem, 5.5cqi, 5rem)); color-scheme: light; --relative-text-color: rgba(255, 255, 255, 0.9); --relative-heading-color: #fff; line-height: 1.5; font-weight: 400; font-size: 1rem; text-align: start; letter-spacing: normal; color: rgba(255, 255, 255, 0.9);
  & * { box-sizing: border-box; }
  & img { display: block; max-inline-size: 100%; }
  & p { margin: 0px; }
  &.addons-band button { line-height: normal; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: start; font-weight: inherit; font-style: normal; font-family: inherit; appearance: none; margin: 0px; padding: 0px; border: 0px; background: none; color: inherit; }
  &.addons-band img { border-radius: 0px; }
  & .addons-band__bg { position: absolute; inset: 0px; z-index: 0; }
  & .addons-band__bg img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 62% 58%; }
  & .addons-band__bg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(6, 15, 28, 0.7) 0%, rgba(6, 15, 28, 0.78) 45%, rgba(6, 15, 28, 0.85) 100%); }
  & .addons-band__lane { position: relative; z-index: 1; max-inline-size: var(--content-width, 81.25rem); margin-inline: auto; display: flex; flex-direction: column; gap: clamp(2rem, 4cqi, 3.25rem); }
  & .addons-band__top { display: grid; grid-template-columns: 1fr; gap: clamp(2rem, 4cqi, 3.5rem); align-items: center; }
  & .addons-band__copy { display: flex; flex-direction: column; gap: clamp(0.9rem, 1.6cqi, 1.4rem); min-inline-size: 0px; }
  & .addons-band__eyebrow.addons-band__eyebrow { align-self: flex-start; background: none; border: 1px solid rgba(255, 255, 255, 0.4); color: var(--white, #fff); }
  & .addons-band__eyebrow .eyebrow__text { color: var(--white, #fff); }
  & .addons-band__eyebrow .eyebrow__icon { color: var(--secondary-light, #fbc655); }
  & .addons-band__title { margin: 0px; color: var(--white, #fff); text-wrap: balance; }
  & .addons-band__title .addons-band__title-accent { color: var(--primary); }
  & .addons-band__deck { max-inline-size: 46ch; font-size: var(--text-m, 1rem); line-height: 1.62; color: rgba(255, 255, 255, 0.84); }
  & .addons-band__features { display: flex; flex-direction: column; gap: clamp(1.1rem, 2cqi, 1.6rem); margin-block-start: 0.35rem; }
  & .addons-band__feature { display: flex; align-items: flex-start; gap: 1rem; padding: clamp(0.9rem, 1.7cqi, 1.15rem) clamp(1rem, 2cqi, 1.35rem); border-radius: 14px; background: rgba(6, 15, 28, 0.56); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(125%); }
  & .addons-band__feature-icon { flex: 0 0 auto; inline-size: 2.9rem; block-size: 2.9rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.05); display: grid; place-items: center; color: var(--primary); }
  & .addons-band__feature-icon svg { inline-size: 1.5rem; block-size: 1.5rem; }
  & .addons-band__feature-body { min-inline-size: 0px; }
  & .addons-band__feature-title { font-size: var(--text-m, 1rem); font-weight: 600; line-height: 1.4; color: var(--white, #fff); }
  & .addons-band__feature-link { color: inherit; text-decoration: underline 1px; text-underline-offset: 0.15em; }
  & .addons-band__feature-link:hover { color: var(--white, #fff); }
  & .addons-band__feature-text { margin-block-start: 0.2rem; max-inline-size: 42ch; font-size: var(--text-s, 0.9rem); line-height: 1.6; color: rgba(255, 255, 255, 0.76); }
  & .addons-band__figure { container-type: inline-size; inline-size: 100%; max-inline-size: 21rem; margin-inline: auto; }
  & .pdcard { --relative-text-color: #41556b; --relative-heading-color: #041c39; position: relative; display: flex; flex-direction: column; gap: 3.4cqi; padding: 5.4cqi; border-radius: 14px; background: rgb(255, 255, 255); color: rgb(4, 28, 57); text-align: start; box-shadow: rgba(2, 8, 23, 0.62) 0px 2.4rem 4.5rem -1.6rem, rgba(2, 8, 23, 0.34) 0px 0.35rem 1.1rem -0.4rem; }
  & .pdcard__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
  & .pdcard__flag.pdcard__flag { padding: 1.5cqi 3cqi; font-size: max(0.62rem, 2.6cqi); font-weight: 600; line-height: 1.1; letter-spacing: 0.09em; text-transform: uppercase; border-color: transparent; }
  & .pdcard__acts { display: flex; align-items: center; gap: 3.4cqi; color: rgb(22, 50, 79); }
  & .pdcard__act { display: grid; place-items: center; }
  & .pdcard__act svg { inline-size: 4.6cqi; block-size: 4.6cqi; }
  & .pdcard__shot { position: relative; overflow: hidden; border-radius: 10px; background: rgb(244, 247, 250); aspect-ratio: 1.1 / 1; }
  & .pdcard__shot img { position: absolute; inset: 0px; inline-size: 100%; block-size: 100%; object-fit: cover; }
  & .pdcard__dots { display: flex; align-items: center; justify-content: center; gap: 2cqi; }
  & .pdcard__dots .dot { inline-size: 1.9cqi; block-size: 1.9cqi; }
  & .pdcard__dot--off.pdcard__dot--off { background: rgb(207, 218, 230); }
  & .pdcard__name { font-size: max(0.95rem, 5cqi); font-weight: 600; line-height: 1.24; letter-spacing: -0.008em; color: rgb(4, 28, 57); }
  & .pdcard__brand { margin-block-start: -2cqi; font-size: max(0.66rem, 3.1cqi); font-weight: 500; line-height: 1.3; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(95, 113, 131); }
  & .pdcard__price-row { display: flex; align-items: center; gap: 4.4cqi; }
  & .pdcard__price { font-size: max(1.05rem, 6.2cqi); font-weight: 600; line-height: 1.1; letter-spacing: -0.015em; color: rgb(31, 95, 168); }
  & .pdcard__finishes { flex: 0 1 auto; min-inline-size: 0px; padding-inline-start: 4.4cqi; border-inline-start: 1px solid rgb(233, 239, 246); }
  & .pdcard__finishes-label { font-size: max(0.66rem, 3.1cqi); font-weight: 600; line-height: 1.3; text-align: center; color: rgb(29, 42, 56); }
  & .pdcard__swatches { display: flex; align-items: center; gap: 2cqi; margin-block-start: 1.8cqi; }
  & .pdcard__swatch { flex: 0 0 auto; inline-size: 6.4cqi; block-size: 6.4cqi; border-radius: 999px; background: var(--sw, #c9a35c); box-shadow: rgba(4, 28, 57, 0.14) 0px 0px 0px 1px inset; }
  & .pdcard__swatch--on.pdcard__swatch--on { box-shadow: inset 0 0 0 1px rgba(4, 28, 57, 0.14), 0 0 0 1.6px #fff,
              0 0 0 3.2px var(--primary); }
  & .pdcard__more { font-size: max(0.66rem, 3.1cqi); font-weight: 600; line-height: 1; color: rgb(65, 85, 107); white-space: nowrap; }
  & .pdcard .rule { block-size: 1px; background: rgb(233, 239, 246); }
  & .pdcard__buy { display: flex; align-items: stretch; gap: 3cqi; }
  & .pdcard__qty { flex: 0 0 auto; min-inline-size: 26cqi; display: flex; align-items: center; justify-content: space-between; gap: 1cqi; padding-inline: 3.4cqi; border: 1px solid rgb(219, 229, 239); border-radius: 8px; color: rgb(65, 85, 107); }
  & .pdcard__step { display: grid; place-items: center; }
  & .pdcard__step svg { inline-size: 4cqi; block-size: 4cqi; }
  & .pdcard__qty-n { min-inline-size: 5cqi; text-align: center; font-size: max(0.72rem, 3.4cqi); font-weight: 600; color: rgb(4, 28, 57); }
  & .pdcard__cta.pdcard__cta { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 2.4cqi; min-block-size: 11cqi; padding: 2.6cqi 3cqi; border-radius: 8px; font-size: max(0.78rem, 3.7cqi); font-weight: 600; line-height: 1.2; }
  & .pdcard__cta svg { flex: 0 0 auto; inline-size: 4.4cqi; block-size: 4.4cqi; }
  & .pdcard__trust { display: flex; align-items: stretch; }
  & .pdcard__trust-item { flex: 1 1 0px; min-inline-size: 0px; display: flex; align-items: center; gap: 2.2cqi; padding-inline: 2.4cqi; color: var(--primary); }
  & .pdcard__trust-item:first-child { padding-inline-start: 0px; }
  & .pdcard__trust-item:last-child { padding-inline-end: 0px; }
  & .pdcard__trust-item + .pdcard__trust-item { border-inline-start: 1px solid rgb(233, 239, 246); }
  & .pdcard__trust-item svg { flex: 0 0 auto; inline-size: 4.8cqi; block-size: 4.8cqi; }
  & .pdcard__trust-text { font-size: max(0.62rem, 2.9cqi); font-weight: 500; line-height: 1.28; color: rgb(29, 42, 56); }
  & .addons-band__bar { display: flex; flex-direction: column; gap: clamp(1rem, 2cqi, 1.5rem); padding: clamp(1.25rem, 2.6cqi, 2rem); border-radius: 16px; background: rgba(6, 15, 28, 0.56); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(125%); }
  & .addons-band__bar-head { display: flex; flex-direction: column; gap: 0.3rem; }
  & .addons-band__bar-label { font-size: var(--text-m, 1rem); font-weight: 600; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; color: var(--white, #fff); }
  & .addons-band__foot { margin-block-start: clamp(0.85rem, 1.6cqi, 1.15rem); max-inline-size: 92ch; font-size: var(--text-s, 0.9rem); line-height: 1.6; color: rgba(255, 255, 255, 0.58); }
  & .addons-band__chips { display: flex; flex-wrap: wrap; gap: 0.6rem; }
  & .addons-band__chip-wrap { position: relative; display: flex; flex: 1 1 100%; }
  &.addons-band .addons-band__chip { inline-size: 100%; display: flex; align-items: center; gap: 0.55rem; border-radius: 999px; min-block-size: 2.9rem; padding: 0.55rem 1.1rem; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.2); color: var(--white, #fff); cursor: pointer; transition: background 0.16s, border-color 0.16s; }
  &.addons-band .addons-band__chip:hover { background: rgba(255, 255, 255, 0.14); }
  &.addons-band .addons-band__chip:focus-visible { outline: 2px solid var(--primary-light, #b7d5fa); outline-offset: 2px; }
  & .addons-band__chip-icon { flex: 0 0 auto; display: grid; place-items: center; inline-size: 1.35rem; block-size: 1.35rem; color: var(--primary-light, #b7d5fa); }
  & .addons-band__chip-icon svg { inline-size: 100%; block-size: 100%; }
  & .addons-band__chip-label { font-size: var(--text-s, 0.9rem); font-weight: 500; line-height: 1.3; }
  & .addons-band__tip { position: absolute; z-index: 5; inset-block-end: calc(100% + 0.6rem); inset-inline-start: 50%; inline-size: max-content; max-inline-size: min(20rem, 72cqi); padding: 0.7rem 0.9rem; border-radius: 10px; background: rgb(8, 25, 46); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(2, 8, 23, 0.8) 0px 1.1rem 2.4rem -0.9rem; font-size: var(--text-xs, 0.8rem); font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.94); text-align: start; opacity: 0; pointer-events: none; transform: translate(calc(-50% + var(--tip-x, 0px)), 0.3rem); transition: opacity 0.16s, transform 0.16s; }
  & .addons-band__tip::after { content: ""; position: absolute; inset-block-start: 100%; inset-inline-start: calc(50% - var(--tip-x, 0px)); inline-size: 0.6rem; block-size: 0.6rem; margin-inline-start: -0.3rem; margin-block-start: -0.31rem; background: rgb(8, 25, 46); border-inline-end: 1px solid rgba(255, 255, 255, 0.18); border-block-end: 1px solid rgba(255, 255, 255, 0.18); rotate: 45deg; }
  & .is-tip-open .addons-band__tip { opacity: 1; pointer-events: auto; }
  @container (inline-size >= 34rem) {
  & .addons-band__chip-wrap { flex: 0 0 auto; }
  &.addons-band .addons-band__chip { inline-size: auto; }
  & .addons-band__figure { max-inline-size: 23rem; }
}
  @container (inline-size >= 54rem) {
  & .addons-band__bg::after { background: linear-gradient(90deg, rgba(6, 15, 28, 0.58) 0%, rgba(6, 15, 28, 0.46) 30%, rgba(6, 15, 28, 0.34) 46%, rgba(6, 15, 28, 0.2) 62%, rgba(6, 15, 28, 0.1) 78%, rgba(6, 15, 28, 0.04) 100%), linear-gradient(rgba(6, 15, 28, 0.36) 0%, rgba(6, 15, 28, 0.1) 26%, rgba(6, 15, 28, 0.26) 64%, rgba(6, 15, 28, 0.8) 100%); }
  & .addons-band__top { grid-template-columns: 1.08fr 0.72fr; }
  & .addons-band__figure { max-inline-size: 22.5rem; margin-inline: 0px; justify-self: end; }
  & .addons-band__bar-head { flex-direction: row; align-items: baseline; gap: 1rem; }
  & .addons-band__bar-label { flex: 0 0 auto; padding-block-start: 0.15rem; }
}
  @container (inline-size >= 72rem) {
  & .addons-band__top { grid-template-columns: 1.06fr 0.78fr; }
  & .addons-band__figure { max-inline-size: 25.5rem; }
  & .addons-band__deck { max-inline-size: 52ch; }
}
  @media (prefers-reduced-motion: reduce) {
  &.addons-band .addons-band__chip { transition: none; }
  & .addons-band__tip { transition: none; transform: translate(calc(-50% + var(--tip-x, 0px)), 0); }
}
}
.ulx-showroom .hs-band {
  &.hs-band { position: relative; scroll-margin-block-start: 5.5rem; background-image: linear-gradient(rgba(20, 20, 20, 0.18) 0px, rgba(20, 20, 20, 0.55) 320px, var(--ultra-dark, #141414) 720px),
    url("https://www.unilogcorp.com/wp-content/uploads/static/hs-band-circuit-3840.webp"); background-size: cover, 200% auto; background-position: 50% 0%, 50% 0%; background-repeat: no-repeat, no-repeat; }
  & .intro-description { margin-inline: auto; text-align: center; }
  & .stat-grid { max-inline-size: 56rem; gap: var(--space-l); }
  & .stat { align-items: center; text-align: center; gap: 0.55rem; padding: var(--space-l) var(--space-m); border-radius: 0.5rem; background: rgba(20, 20, 20, 0.45); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset; }
  & .stat__value { font-size: clamp(2.6rem, 1.5rem + 2.6vw, 3.8rem); font-weight: 700; line-height: 1; letter-spacing: -0.01em; color: rgb(255, 255, 255); }
  @supports (-webkit-background-clip: text) or (background-clip: text) {
  & .stat__value { background-image: linear-gradient(rgb(255, 255, 255) 30%, rgb(143, 192, 255)); background-clip: text; color: transparent; }
}
  & .stat__label { font-size: var(--text-s); opacity: 0.92; }
  & .hs-band__logo { display: block; inline-size: clamp(15rem, 34vw, 30rem); block-size: auto; margin-inline: auto; }
  & .icon-card { align-items: flex-start; text-align: left; padding: var(--space-xl); border-radius: var(--radius-l, 16px); background: rgba(20, 20, 20, 0.55); border: 1px solid rgba(140, 192, 248, 0.28); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(44, 132, 226, 0.3) 0px 22px 52px -22px; }
  & .icon-card__heading { color: rgb(255, 255, 255); }
  & .icon-card .intro-lead { color: rgb(211, 227, 244); }
  & .icon-card__text { color: rgba(255, 255, 255, 0.78); }
}
.ulx-showroom .card-grid {
  display: grid; gap: var(--space-m,1.5rem); grid-template-columns: 1fr; margin-block-start: var(--space-l,2rem);
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 34rem) {
  & { grid-template-columns: repeat(2, 1fr); }
}
  @container (inline-size >= 52rem) {
  & { grid-template-columns: repeat(3, 1fr); }
}
}
.ulx-showroom .card-grid--two {
  @container (inline-size >= 52rem) {
  & { grid-template-columns: repeat(2, 1fr); }
}
}
.ulx-showroom .agent-panel {
  --agent-panel-pad: 3rem; position: relative; display: flex; flex-direction: column; gap: 1.75rem; min-inline-size: 0px; padding: var(--agent-panel-pad); border-radius: 14px; overflow: hidden; background: rgba(6, 21, 36, 0.79); border: 1px solid rgba(44, 132, 226, 0.38); box-shadow: rgba(44, 132, 226, 0.28) 0px 22px 52px -22px;
  & .agent-panel__net { position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(to right, rgba(143, 192, 247, 0.07) 1px, transparent 1px), linear-gradient(rgba(143, 192, 247, 0.07) 1px, transparent 1px); background-size: 31px 31px; mask-image: linear-gradient(transparent 26%, rgb(0, 0, 0) 58%); }
  & .agent-panel__head { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 0.625rem; }
  & .agent-panel__name { display: flex; align-items: center; gap: 0.6875rem; margin: 0px; font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -0.01em; color: rgb(255, 255, 255); }
  & .agent-panel__name svg { flex: 0 0 auto; }
  & .agent-panel__promise { margin: 0px; font-size: 19px; line-height: 27px; font-weight: 600; letter-spacing: -0.01em; color: rgb(211, 227, 244); }
  & .agent-panel__text { margin: 0px; font-size: 16px; line-height: 27px; color: rgb(168, 188, 210); }
  & .agent-panel__inset { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1rem; flex-grow: 1; padding: 1.75rem; margin-block-end: calc(var(--agent-panel-pad) * -1); border-radius: 11px 11px 0px 0px; background: var(--white, #fff); container-type: inline-size; }
  & .agent-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
  & .agent-row { display: grid; grid-template-columns: 1fr auto 8.5rem; align-items: center; gap: 0.75rem; }
  @container (inline-size < 28rem) {
  & .agent-head { flex-direction: column; align-items: flex-start; gap: 0.35rem; }
  & .agent-row { grid-template-columns: 1fr auto; row-gap: 0.15rem; }
  & .agent-row > :last-child { grid-column: 2; text-align: right; }
}
  @media (max-width: 60rem) {
  & { --agent-panel-pad: 2rem; }
  & .agent-panel__inset { padding: 1.5rem; }
  & .agent-panel__name { font-size: 22px; line-height: 28px; }
}
}
.ulx-showroom .section-note {
  margin: var(--space-s) 0 0; font-size: var(--text-s); color: var(--primary-light);
  & a { color: var(--secondary-light); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
}
.ulx-showroom .cx1-connect-diagram {
  inline-size: 100%; overflow: auto hidden;
  & .cx1-connect-diagram__stage { position: relative; margin-inline: auto; inline-size: 880px; block-size: 420px; border-radius: 16px; background: rgb(8, 23, 42); border: 1px solid rgb(30, 62, 99); box-shadow: rgba(44, 132, 226, 0.28) 0px 22px 52px -22px; overflow: hidden; }
  & .cx1-connect-diagram__net { position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(to right, rgba(143, 192, 247, 0.05) 1px, transparent 1px), linear-gradient(rgba(143, 192, 247, 0.05) 1px, transparent 1px); background-size: 31px 31px; }
  & .cx1-connect-diagram__wires { position: absolute; inset: 0px; }
  & .cx1-connect-diagram__pill { position: absolute; display: flex; align-items: center; justify-content: center; gap: 8px; block-size: 34px; padding-inline: 16px; border-radius: 999px; background: rgb(16, 39, 63); border: 1px solid rgb(44, 90, 140); color: rgb(220, 232, 244); font-size: 14px; font-weight: 500; line-height: 34px; text-align: center; white-space: nowrap; }
  & .cx1-connect-diagram__pill svg { flex: 0 0 auto; }
  & .cx1-connect-diagram__hub { position: absolute; inset-inline-start: 361px; inset-block-start: 164px; inline-size: 158px; block-size: 80px; display: flex; align-items: center; gap: 10px; padding-inline: 18px; border-radius: 12px; background: var(--white, #fff); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 40px -18px; }
  & .cx1-connect-diagram__hub-mark { flex: 0 0 auto; }
  & .cx1-connect-diagram__hub-text { display: flex; flex-direction: column; color: rgb(4, 28, 57); font-size: 19px; font-weight: 600; line-height: 24px; letter-spacing: -0.01em; }
  & .cx1-connect-diagram__systems { position: absolute; inset-block-start: 306px; inset-inline-start: 50%; transform: translateX(-50%); inline-size: fit-content; display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 14px; background: rgba(143, 192, 247, 0.05); border: 1px solid rgb(30, 62, 99); }
  & .cx1-connect-diagram__system { padding: 10px 16px; border-radius: 8px; background: var(--white, #fff); color: rgb(10, 27, 46); font-size: 14px; font-weight: 500; line-height: 18px; white-space: nowrap; }
  & .cx1-connect-diagram__system--more { background: rgba(143, 192, 247, 0.09); color: rgb(127, 154, 181); }
  & .cx1-connect-diagram__stack { display: none; }
  @media (max-width: 64rem) {
  & { overflow-x: visible; }
  & .cx1-connect-diagram__stage { display: none; }
  & .cx1-connect-diagram__stack { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 28px 20px; border-radius: 16px; background: rgb(8, 23, 42); border: 1px solid rgb(30, 62, 99); }
  & .cx1-connect-diagram__group { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
  & .cx1-connect-diagram__stack .cx1-connect-diagram__pill { position: static; block-size: auto; padding: 8px 14px; font-size: 13px; line-height: 18px; }
  & .cx1-connect-diagram__stack .cx1-connect-diagram__hub { position: static; inline-size: auto; block-size: auto; padding: 14px 20px; }
  & .cx1-connect-diagram__stack .cx1-connect-diagram__system { font-size: 13px; padding: 8px 13px; }
  & .cx1-connect-diagram__arrow { display: block; color: rgb(94, 155, 214); }
}
}
.ulx-showroom .filter-pills {
  display: flex; flex-direction: column; align-items: center; gap: var(--content-gap, 1.5rem); inline-size: 100%;
  & .filter-pills__panel { inline-size: 100%; }
  & .filter-pills__chev { display: none; }
  & .filter-pills__track { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem; padding: 0.3125rem; border-radius: 999px; background: var(--bg-ultra-light, #f3f6fb); }
  & .filter-pills__pill { appearance: none; border: 0px; cursor: pointer; border-radius: 999px; padding: 0.5rem 1.125rem; font-size: var(--text-s); font-weight: 500; line-height: 1.35; color: var(--text-dark-muted, #5a6b82); background: transparent; transition: background-color 0.2s, color 0.2s; }
  & .filter-pills__pill:hover { color: var(--heading-color); }
  & .filter-pills__pill[aria-pressed="true"] { background: var(--primary); color: var(--white, #fff); font-weight: 600; cursor: default; }
  & .filter-pills__pill:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
  @media (prefers-reduced-motion: reduce) {
  & .filter-pills__pill { transition: none; }
}
  @media (max-width: 47.999rem) {
  & { display: grid; grid-template-columns: 1fr; gap: 0.375rem; align-items: stretch; }
  & .filter-pills__track { display: contents; }
  & .filter-pills__pill { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 0.75rem; inline-size: 100%; text-align: left; padding: 0.875rem 1rem; border-radius: var(--radius-m, 12px); border: 1px solid color-mix(in srgb, var(--heading-color) 12%, transparent); background: var(--white, #fff); font-size: var(--text-s); font-weight: 600; line-height: 1.35; color: var(--heading-color); cursor: pointer; }
  & .filter-pills__pill[aria-pressed="true"] { background: var(--white, #fff); color: var(--heading-color); font-weight: 600; cursor: pointer; }
  & .filter-pills__chev {
  display: inline-flex; align-items: center; justify-content: center; inline-size: 1.25rem; block-size: 1.25rem; color: color-mix(in srgb, var(--heading-color) 55%, transparent); transition: transform 0.2s;
  & svg { inline-size: 0.75rem; block-size: auto; display: block; }
}
  & .filter-pills__pill:nth-child(1) { order: 1; }
  & .filter-pills__pill:nth-child(2) { order: 3; }
  & .filter-pills__pill:nth-child(3) { order: 5; }
  & .filter-pills__pill:nth-child(4) { order: 7; }
  & .filter-pills__pill:nth-child(5) { order: 9; }
  & .filter-pills__pill:nth-child(6) { order: 11; }
  & .filter-pills__panel { order: 2; margin-block: 0.25rem 0.5rem; }
  &:not([data-open]) .filter-pills__panel { display: none; }
  &[data-open="2"] .filter-pills__panel { order: 4; }
  &[data-open="3"] .filter-pills__panel { order: 6; }
  &[data-open="4"] .filter-pills__panel { order: 8; }
  &[data-open="5"] .filter-pills__panel { order: 10; }
  &[data-open="6"] .filter-pills__panel { order: 12; }
  &[data-open="1"] .filter-pills__pill:nth-child(1), &[data-open="2"] .filter-pills__pill:nth-child(2), &[data-open="3"] .filter-pills__pill:nth-child(3), &[data-open="4"] .filter-pills__pill:nth-child(4), &[data-open="5"] .filter-pills__pill:nth-child(5), &[data-open="6"] .filter-pills__pill:nth-child(6) { background: color-mix(in srgb, var(--primary) 10%, transparent); border-color: color-mix(in srgb, var(--primary) 34%, transparent); color: var(--primary); }
  &[data-open="1"] .filter-pills__pill:nth-child(1) .filter-pills__chev, &[data-open="2"] .filter-pills__pill:nth-child(2) .filter-pills__chev, &[data-open="3"] .filter-pills__pill:nth-child(3) .filter-pills__chev, &[data-open="4"] .filter-pills__pill:nth-child(4) .filter-pills__chev, &[data-open="5"] .filter-pills__pill:nth-child(5) .filter-pills__chev, &[data-open="6"] .filter-pills__pill:nth-child(6) .filter-pills__chev { transform: rotate(180deg); color: var(--primary); }
}
  @media (prefers-reduced-motion: reduce) {
  & .filter-pills__chev { transition: none; }
}
}
.ulx-showroom .logo-tiles {
  display: grid; grid-template-columns: 1fr; gap: var(--space-m, 1.25rem); inline-size: 100%;
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 34rem) {
  & { grid-template-columns: repeat(2, 1fr); }
}
  @container (inline-size >= 60rem) {
  & { grid-template-columns: repeat(4, 1fr); }
}
  & .logo-tiles__tile { display: flex; align-items: center; gap: var(--space-s, 0.875rem); padding: var(--space-m, 1.125rem); border: 1px solid color-mix(in srgb, var(--neutral-ultra-dark) 8%, transparent); border-radius: var(--radius-m, 12px); background: var(--white, #fff); box-shadow: rgba(4, 28, 57, 0.03) 0px 2px 3px; min-inline-size: 0px; }
  & .logo-tiles__tile[hidden] { display: none; }
  @media (max-width: 47.999rem) {
  & { gap: 0.625rem; }
  & .logo-tiles__tile { padding: 0.75rem; gap: 0.75rem; }
}
  @media (max-width: 47.999rem) {
  & { grid-template-columns: repeat(3, 1fr); }
  & .logo-tiles__tile { flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; gap: 0.5rem; padding: 0.75rem 0.5rem; }
  & .logo-tiles__body { align-items: center; }
  & .logo-tiles__name { font-size: 0.75rem; line-height: 1.3; overflow-wrap: anywhere; }
  & .logo-tiles__cat { display: none; }
}
  & .logo-tiles__well { display: grid; place-items: center; flex: 0 0 auto; inline-size: 5.125rem; block-size: 2.625rem; min-block-size: 2.625rem; max-block-size: 2.625rem; padding: 0.4rem 0.55rem; border: 1px solid color-mix(in srgb, var(--neutral-ultra-dark) 7%, transparent); border-radius: var(--radius, 9px); background: var(--white, #fff); overflow: hidden; }
  & .logo-tiles__logo { display: block; block-size: 1.75rem; inline-size: auto; max-inline-size: 100%; object-fit: contain; object-position: center center; }
  & .logo-tiles__initials { font-size: var(--text-s); font-weight: 600; letter-spacing: 0.02em; color: color-mix(in srgb, var(--heading-color) 48%, transparent); }
  & .logo-tiles__body { display: flex; flex-direction: column; gap: 0.1rem; min-inline-size: 0px; }
  & .logo-tiles__name { margin: 0px; font-size: var(--text-s); font-weight: 600; line-height: 1.35; color: var(--heading-color); }
  & .logo-tiles__cat { margin: 0px; font-size: 0.625rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.4; color: var(--text-dark-muted, #8494a4); }
}
.ulx-showroom .section--tight-t { padding-block-start: 3rem !important; }
.ulx-showroom .sticky-split {
  display: grid; grid-template-columns: 1fr; gap: var(--space-xl); inline-size: 100%; max-inline-size: 75rem; margin-inline: auto;
  :has(> &) { container-type: inline-size; }
  @container (inline-size >= 56rem) {
  & { grid-template-columns: 5fr 6fr; gap: var(--space-2xl, 5rem); align-items: start; }
  & .sticky-split__rail { position: sticky; inset-block-start: 7rem; }
}
  & .sticky-split__rail { min-inline-size: 0px; }
  & .sticky-split__flow { display: flex; flex-direction: column; gap: var(--space-l); min-inline-size: 0px; }
  & .sticky-split__flow .icon-card { padding: var(--space-xl); box-shadow: rgba(16, 38, 73, 0.3) 0px 18px 40px -30px; }
  & .sticky-split__flow .icon-card__icon { font-size: 1.3rem; font-weight: 700; color: var(--primary); }
}
.ulx-showroom .sticky-split--third {
  max-inline-size: none;
  @container (inline-size >= 56rem) {
  &.sticky-split--third { grid-template-columns: 1fr 2fr; }
}
}
.ulx-showroom .deco-net {
  --deco-net-color: rgb(60 141 242 / 0.10); --deco-net-pitch: 31px; --deco-net-mask: radial-gradient(58% 70% at 0% 0%, #000 0%, rgb(0 0 0 / 0.55) 46%, transparent 100%); position: absolute; inset-block-start: -3rem; inset-inline-start: -5rem; inline-size: calc(100% + 5rem); block-size: min(46rem, 620%); z-index: -1; pointer-events: none; background-image: linear-gradient(to right, var(--deco-net-color) 1px, transparent 1px),
                  linear-gradient(to bottom, var(--deco-net-color) 1px, transparent 1px); background-size: var(--deco-net-pitch) var(--deco-net-pitch); mask-image: var(--deco-net-mask);
  :has(> &) { isolation: isolate; }
  @container (inline-size >= 56rem) {
  & { inline-size: min(70rem, 260%); }
}
  @media (max-width: 48rem) {
  & { display: none; }
}
  @media (prefers-reduced-motion: no-preference) {
}
}
.ulx-showroom .etch-accordion {
  --etch-accordion-gap: 0; --etch-accordion-background: var(--bg-ultra-dark); --etch-accordion-item-border-radius: 0; --etch-accordion-item-border: 1px solid var(--neutral-dark); --etch-accordion-item-text-color: var(--text-light); --etch-accordion-item-text-weight: 600; --etch-accordion-item-padding-inline: var(--space-m); --etch-accordion-item-padding-block: var(--space-m); --etch-accordion-button-padding: var(--etch-accordion-item-padding-inline) var(--etch-accordion-item-padding-block); --etch-accordion-button-outline: 2px solid #2466e8; --etch-accordion-button-outline-offset: 2px; --etch-accordion-button-background: var(--bg-dark); --etch-accordion-svg-rotate: 180deg; --etch-accordion-svg-transition-duration: var(--etch-accordion-transition-duration); --etch-accordion-svg-transition-timing-function: var(--etch-accordion-transition-timing-function); --etch-accordion-item-text-color-panel: var(--text-light-muted); --etch-accordion-panel-padding-inline: var(--etch-accordion-item-padding-inline); --etch-accordion-panel-transition-duration: var(--etch-accordion-transition-duration); --etch-accordion-panel-transition-timing-function: var(--etch-accordion-transition-timing-function); width: 100%; display: flex; flex-direction: column; gap: var(--etch-accordion-gap); background: var(--etch-accordion-background);
  & :where(.etch-accordion__item) { color: var(--etch-accordion-item-text-color); border-bottom: var(--etch-accordion-item-border); border-radius: var(--etch-accordion-item-border-radius); overflow: hidden; }
  & :where(.etch-accordion__button) { display: flex; justify-content: space-between; width: 100%; padding: var(--etch-accordion-button-padding); color: var(--etch-accordion-item-text-color); font-weight: var(--etch-accordion-item-text-weight); cursor: pointer; }
  & :where(.etch-accordion__button:focus-visible) { outline: var(--etch-accordion-button-outline); outline-offset: var(--etch-accordion-button-outline-offset); background: var(--etch-accordion-button-background); }
  & :where(.etch-accordion__button:hover) { background: var(--etch-accordion-button-background); }
  & :where(.etch-accordion__button svg) { transition: transform var(--etch-accordion-svg-transition-duration) var(--etch-accordion-svg-transition-timing-function); }
  & :where(.etch-accordion__button[aria-expanded="true"]) { border-bottom: var(--etch-accordion-item-border); }
  & :where(.etch-accordion__button[aria-expanded="true"]) { background: var(--bg-dark); border-bottom: 1px solid var(--border-color-dark); }
  & :where(.etch-accordion__panel:not([hidden])) { background: var(--bg-dark); color: var(--etch-accordion-item-text-color-panel); }
  & :where(.etch-accordion__button[aria-expanded="true"] svg) { transform: rotate(var(--etch-accordion-svg-rotate)); }
  & :where(.etch-accordion__panel) { max-height: 0px; overflow: hidden; transition: max-height var(--etch-accordion-panel-transition-duration) var(--etch-accordion-panel-transition-timing-function); }
  & :where(.etch-accordion__panel[hidden]) { display: none; }
  & :where(.etch-accordion__content) { padding-inline: var(--etch-accordion-item-padding-inline); padding-block: var(--etch-accordion-item-padding-block); }
}
.ulx-showroom .etch-accordion--light {
  &.etch-accordion--light { --etch-accordion-background: transparent; --etch-accordion-item-border: 1px solid var(--neutral-light); --etch-accordion-item-text-color: var(--text-dark); --etch-accordion-item-text-color-panel: color-mix(in srgb, var(--text-dark) 82%, transparent); --etch-accordion-button-background: color-mix(in srgb, var(--primary) 4%, var(--white, #fff)); --etch-accordion-button-outline: 2px solid var(--primary); --acc-open-surface: color-mix(in srgb, var(--primary) 6%, var(--white, #fff)); --btn-text-align: start; --btn-line-height: 1.3; --focus-offset: -3px; }
  &.etch-accordion--light .etch-accordion__button[aria-expanded="true"] { background: var(--acc-open-surface); border-bottom: var(--etch-accordion-item-border); }
  &.etch-accordion--light .etch-accordion__panel:not([hidden]) { background: var(--acc-open-surface); color: var(--etch-accordion-item-text-color-panel); }
  &.etch-accordion--light .etch-accordion__button svg { color: var(--primary); }
  @media (prefers-reduced-motion: reduce) {
  &.etch-accordion--light .etch-accordion__panel, &.etch-accordion--light .etch-accordion__button svg { transition: none; }
}
}
.ulx-showroom .etch-accordion--separated {
  &.etch-accordion--separated { --etch-accordion-gap: var(--space-s); --etch-accordion-background: transparent; --etch-accordion-item-border-radius: var(--radius-l); --etch-accordion-item-border: 1px solid var(--border-color-light); --btn-text-align: start; --btn-line-height: 1.3; --focus-offset: -3px; }
  &.etch-accordion--separated .etch-accordion__item { background: var(--bg-dark); border: var(--etch-accordion-item-border); }
  &.etch-accordion--separated .etch-accordion__button[aria-expanded="true"] { border-bottom: var(--etch-accordion-item-border); }
  &.etch-accordion--separated.etch-accordion--light { --etch-accordion-item-border: 1px solid color-mix(in srgb, var(--neutral-ultra-dark) 8%, transparent); }
  &.etch-accordion--separated.etch-accordion--light .etch-accordion__item { background: var(--white, #fff); box-shadow: rgba(4, 28, 57, 0.03) 0px 2px 3px; }
  @media (prefers-reduced-motion: reduce) {
  &.etch-accordion--separated .etch-accordion__panel, &.etch-accordion--separated .etch-accordion__button svg { transition: none; }
}
}
.ulx-showroom .etch-accordion__header { text-align: left; }
.ulx-showroom .etch-accordion__button {
  text-align: left; --focus-offset: -3px;
  & svg { flex-shrink: 0; }
  &.etch-accordion__button { text-align: left; line-height: 1.3; }
}
.ulx-showroom .cta-banner { display: block; inline-size: 100%; }
.ulx-showroom .ctab {
  position: relative; inline-size: 91%; margin: 0px; aspect-ratio: 2 / 1; container-type: inline-size;
  @media (max-width: 52rem) {
  & { inline-size: 100%; aspect-ratio: 3 / 4; }
}
}
.ulx-showroom .ctab__bg {
  position: absolute; inset: 0px; border-radius: 26px; overflow: hidden; box-shadow: rgba(16, 38, 73, 0.55) 0px 40px 90px -50px;
  & img { width: 100%; height: 100%; object-fit: cover; object-position: 26% center; display: block; }
  &::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(9, 18, 38, 0.22) 0%, rgba(9, 18, 38, 0.06) 40%, rgba(9, 18, 38, 0.55) 76%, rgba(9, 18, 38, 0.85) 100%), linear-gradient(90deg, rgba(9, 18, 38, 0.58) 0%, rgba(9, 18, 38, 0.12) 38%, transparent 62%); }
}
.ulx-showroom .ctab__graphic {
  position: absolute; top: 6%; right: -5%; inline-size: 62%; z-index: 3;
  @media (max-width: 52rem) {
  & { inline-size: 84%; right: -2%; top: 4%; }
}
}
.ulx-showroom .ctab__head {
  position: absolute; left: 6%; bottom: 9%; z-index: 4; max-inline-size: 58%; display: flex; flex-direction: column; align-items: flex-start;
  @media (max-width: 52rem) {
  & { max-inline-size: 90%; bottom: 6%; }
}
}
.ulx-showroom .ctab__chip {
  inline-size: 56px; block-size: 56px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 12px 28px -12px; display: grid; place-items: center; margin-bottom: 20px;
  & svg { height: 27px; width: auto; fill: var(--primary); }
}
.ulx-showroom .ctab__title {
  margin: 0px; font-size: clamp(2.4rem, 6.8cqw, 4.9rem); line-height: 1.03; font-weight: 600; letter-spacing: -0.025em; color: rgb(255, 255, 255) !important;
  & span { color: var(--primary) !important; }
}
.ulx-showroom .ctab__desc { margin: 16px 0px 0px; font-size: clamp(1rem, 2cqw, 1.2rem); line-height: 1.55; font-weight: 400; color: rgba(255, 255, 255, 0.92); max-inline-size: 46ch; }
.ulx-showroom .ctab__btn {
  margin-block-start: 26px; display: inline-flex; align-items: center; gap: 12px; background: var(--primary); color: rgb(255, 255, 255); font-weight: 600; font-size: 1.05rem; padding: 15px 26px; border-radius: 12px; text-decoration: none; box-shadow: 0 22px 44px -18px color-mix(in srgb, var(--primary) 60%, transparent);
  & svg { width: 20px; height: 20px; }
}
.ulx-showroom .cg {
  --cg-blue: var(--primary,#3289E7); --cg-blue-2: var(--primary-semi-dark,#1357A0); --cg-blue-soft: color-mix(in srgb, var(--cg-blue) 10%, #fff); --cg-navy: #0f2545; --cg-muted: #8a98ac; --cg-line: #e5e9f0; --cg-white: #fff; --cg-font: 'Avenir Next','Avenir','Segoe UI',system-ui,sans-serif; --cg-shadow: 0 2.43cqw 5.41cqw -2.43cqw rgba(16,38,73,.32), 0 0.54cqw 1.62cqw -0.81cqw rgba(16,38,73,.22); position: relative; inline-size: 100%; aspect-ratio: 4 / 3; isolation: isolate; container-type: inline-size; font-family: var(--cg-font); font-weight: 600; color: var(--cg-navy);
  & .cg-overlay { position: absolute; inset: 0px; }
  & .cg__photo { position: absolute; inset: 0px; border-radius: 2.97cqw; overflow: hidden; box-shadow: rgba(16, 38, 73, 0.5) 0px 4.05cqw 9.46cqw -4.59cqw; }
  & .cg__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
  & .cg__photo::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(120deg, rgba(15, 37, 69, 0.12), rgba(15, 37, 69, 0) 45%); }
  & .cg__rings { position: absolute; inset: 0px; z-index: 0; overflow: visible; }
  & .cg__rings circle { fill: none; stroke: color-mix(in srgb, var(--cg-blue) 20%, transparent); stroke-width: 0.25; }
  & .cg__rings circle.dash { stroke-dasharray: 1.5, 2; }
  & .cg__links { position: absolute; inset: 0px; z-index: 1; overflow: visible; pointer-events: none; }
  & .cg__links path { fill: none; stroke: rgba(255, 255, 255, 0.95); stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(16, 38, 73, 0.28) 0px 1px 3px); }
  &.cg--diagram .cg__links path { stroke: color-mix(in srgb, var(--cg-blue) 55%, transparent); stroke-dasharray: 2.4, 2.8; stroke-width: 0.5; filter: none; }
  & .cg-card { position: absolute; z-index: 3; background: var(--cg-white); border-radius: 2.16cqw; box-shadow: var(--cg-shadow); display: flex; flex-direction: column; gap: 1.49cqw; padding: 2.16cqw 2.43cqw; }
  & .cg-card__head { display: flex; align-items: center; gap: 1.62cqw; }
  & .cg-card__icon { flex: 0 0 auto; width: 5.68cqw; height: 5.68cqw; border-radius: 1.49cqw; background: var(--cg-blue-soft); color: var(--cg-blue); display: grid; place-items: center; }
  & .cg-card__icon svg { width: 2.97cqw; height: 2.97cqw; }
  & .cg-card__label { font-family: var(--cg-font); font-size: 2.03cqw; font-weight: 600; color: var(--cg-navy); letter-spacing: -0.01em; white-space: nowrap; }
  & .cg-card__lines { display: flex; flex-direction: column; gap: 0.81cqw; }
  & .cg-card__lines i { height: 0.81cqw; border-radius: 0.41cqw; background: var(--cg-line); display: block; }
  & .cg-card__lines i:nth-child(2) { width: 60%; }
  & .cg-card--md { padding: 2.7cqw 3.24cqw; gap: 1.89cqw; min-width: 24.32cqw; }
  & .cg-card--md .cg-card__icon { width: 6.22cqw; height: 6.22cqw; border-radius: 1.62cqw; }
  & .cg-card--md .cg-card__icon svg { width: 3.24cqw; height: 3.24cqw; }
  & .cg-card--md .cg-card__label { font-size: 2.3cqw; }
  & .cg-cardrow { position: absolute; left: 0px; right: 0px; bottom: 6%; z-index: 3; display: flex; justify-content: center; gap: 3.5%; }
  & .cg-cardrow .cg-card { position: static; flex: 0 0 24%; min-width: 0px; padding: 2.03cqw 2.43cqw; gap: 0px; }
  & .cg-cardrow .cg-card__head { gap: 1.62cqw; }
  & .cg-cardrow .cg-card__icon { flex: 0 0 auto; width: 5.41cqw; height: 5.41cqw; border-radius: 1.49cqw; }
  & .cg-cardrow .cg-card__icon svg { width: 2.84cqw; height: 2.84cqw; }
  & .cg-cardrow .cg-card__label { font-size: 1.96cqw; }
  &.cg--diagram .cg-card { align-items: center; text-align: center; justify-content: center; min-block-size: 31%; padding: 2.7cqw 2.16cqw; gap: 1.89cqw; }
  &.cg--diagram .cg-card__head { flex-direction: column; gap: 1.62cqw; }
  &.cg--diagram .cg-card__icon { width: 6.49cqw; height: 6.49cqw; border-radius: 1.76cqw; background: var(--cg-blue-soft); color: var(--cg-blue); }
  &.cg--diagram .cg-card__lines { width: 100%; align-items: center; }
  &.cg--diagram .cg-card__lines i:nth-child(1) { width: 78%; }
  &.cg--diagram .cg-card__lines i:nth-child(2) { width: 52%; }
  & .cg-hub { position: absolute; z-index: 4; background: var(--cg-white); border-radius: 2.43cqw; display: flex; align-items: center; gap: 0.95cqw; padding: 1.89cqw 2.97cqw 1.89cqw 2.16cqw; box-shadow: rgba(16, 38, 73, 0.5) 0px 2.97cqw 6.76cqw -2.7cqw; border: 1px solid color-mix(in srgb, var(--cg-blue) 18%, transparent); }
  & .cg-hub__logo { flex: 0 0 auto; }
  & .cg-hub__logo svg { display: block; width: 100%; height: 100%; }
  & .cg-hub__txt { display: flex; flex-direction: column; line-height: 1; }
  & .cg-hub__txt b { font-family: var(--cg-font); font-weight: 600; color: var(--cg-navy); letter-spacing: -0.02em; font-size: 3.51cqw; }
  & .cg-hub__txt small { font-family: var(--cg-font); font-weight: 600; color: var(--cg-navy); font-size: 1.89cqw; margin-top: 0.41cqw; }
  & .cg-hub--xl { padding: 3.51cqw 4.86cqw 3.51cqw 3.51cqw; gap: 1.35cqw; border-radius: 3.24cqw; box-shadow: rgba(16, 38, 73, 0.55) 0px 4.59cqw 9.46cqw -3.24cqw; }
  & .cg-hub--xl .cg-hub__logo { width: 6.76cqw; height: 9.19cqw; }
  & .cg-hub--xl .cg-hub__txt b { font-size: 5.95cqw; }
  & .cg-hub--xl .cg-hub__txt small { font-size: 2.7cqw; margin-top: 0.68cqw; }
  & .cg-x { position: absolute; z-index: 5; width: 4.05cqw; height: 4.05cqw; border-radius: 50%; background: var(--cg-blue); color: rgb(255, 255, 255); display: grid; place-items: center; box-shadow: 0 0.81cqw 2.16cqw -0.54cqw color-mix(in srgb, var(--cg-blue) 60%, transparent); transform: translate(-50%, -50%); }
  & .cg-x svg { width: 1.89cqw; height: 1.89cqw; }
  & .cg-chart { position: absolute; z-index: 4; background: var(--cg-white); border-radius: 2.43cqw; padding: 2.43cqw 2.7cqw 1.89cqw; box-shadow: var(--cg-shadow); width: 52%; }
  & .cg-chart__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.62cqw; margin-bottom: 1.08cqw; }
  & .cg-chart__title { font-family: var(--cg-font); font-size: 2.16cqw; font-weight: 600; color: var(--cg-navy); }
  & .cg-chart__badge { flex: 0 0 auto; background: var(--cg-blue-soft); color: var(--cg-blue-2); border-radius: 1.35cqw; padding: 0.81cqw 1.35cqw; font-size: 1.89cqw; font-weight: 600; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; font-family: var(--cg-font); }
  & .cg-chart__badge small { font-size: 1.22cqw; font-weight: 600; color: var(--cg-muted); }
  & .cg-chart__svg { display: block; width: 100%; height: auto; }
  & .cg-card__icon svg.cg-icon--brand { width: 4.32cqw; height: 4.32cqw; }
  & .cg-card--md .cg-card__icon svg.cg-icon--brand { width: 4.73cqw; height: 4.73cqw; }
}
.ulx-showroom .ctab--gold {
  margin-inline: auto; aspect-ratio: 2.05 / 1; min-block-size: 520px;
  & .ctab__head { max-inline-size: 58%; }
  & .ctab__title { text-wrap: balance; }
  & .ctab__title .ctab__title-lead, & .ctab__title span { display: block; font-size: clamp(2rem, 4cqw, 2.9rem); line-height: 1.08; }
  & .ctab__title .ctab__title-lead { color: var(--white, #fff) !important; }
  & .ctab__desc { max-inline-size: 54ch; }
  & .ctab__btn { background: var(--secondary-light); color: var(--primary-dark); box-shadow: rgba(0, 0, 0, 0.35) 0px 16px 34px -16px; }
  & .cg-hub__txt { align-items: center; text-align: center; }
  & .ctab__bg::after { background: linear-gradient(rgba(9, 18, 38, 0.26) 0%, rgba(9, 18, 38, 0.12) 38%, rgba(9, 18, 38, 0.5) 76%, rgba(9, 18, 38, 0.82) 100%), linear-gradient(90deg, rgba(9, 18, 38, 0.76) 0%, rgba(9, 18, 38, 0.58) 28%, rgba(9, 18, 38, 0.38) 50%, rgba(9, 18, 38, 0.14) 68%, transparent 84%); }
  @media (max-width: 40rem) {
  & .ctab__graphic { display: none; }
}
  @media (max-width: 52rem) {
  & { aspect-ratio: auto; min-block-size: 0px; display: flex; flex-direction: column; gap: 1.5rem; padding: 7% 7% 8%; }
  & .ctab__graphic { position: relative; inset: auto; inline-size: 74%; margin-inline-start: auto; }
  & .ctab__head { position: static; inset: auto; max-inline-size: 100%; }
  & .ctab__desc { max-inline-size: none; }
  & .ctab__bg::after { background: linear-gradient(rgba(9, 18, 38, 0.34) 0%, rgba(9, 18, 38, 0.52) 34%, rgba(9, 18, 38, 0.84) 64%, rgba(9, 18, 38, 0.95) 100%); }
}
}
.ulx-showroom .check-list { display: flex; flex-direction: column; gap: var(--space-s, 12px); list-style: none; padding: 0px; margin: 0px; }
.ulx-showroom .check-list__item { --check-color: var(--primary, #3289e7); display: grid; grid-template-columns: 1.5rem 1fr; align-items: start; gap: 0.75rem; color: var(--relative-text-color); }
.ulx-showroom .check-list__icon { display: inline-flex; align-items: center; justify-content: center; color: var(--check-color); }
.ulx-showroom .check-list__icon-svg { inline-size: 1.5rem; block-size: 1.5rem; flex: 0 0 auto; }
.ulx-showroom .check-list__text { color: var(--relative-text-color); font-size: var(--text-m, 16px); line-height: var(--text-line-height, 1.5); }
.ulx-showroom .form-card {
  display: flex; flex-direction: column; gap: 0.35rem; inline-size: 100%; padding: 1.5rem 2.5rem; border-radius: var(--radius-l, 16px); background: var(--white, #fff); box-shadow: rgba(0, 0, 0, 0.65) 0px 34px 64px -30px; color: var(--text-dark);
  & .form-card__heading { margin: 0px; font-size: var(--h4, 1.5rem); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: var(--heading-color); }
  & .form-card__text { margin: 0px; font-size: var(--text-s); line-height: 1.6; color: var(--text-dark-muted, #5c7085); }
  & .form-card__form { min-block-size: 17rem; margin-block-start: 0.25rem; }
  & .form-card__form:has(iframe) { min-block-size: 0px; }
  @media (min-width: 64rem) {
  .alt-rows__row:has(.alt-rows__media > &) { grid-template-columns: 1fr 1.18fr; gap: 4.5rem; }
}
  & .form-card__form iframe { border: 0px; inline-size: 100% !important; }
}
.ulx-showroom :is(.bg--ultra-dark, .bg--dark, .bg--primary, .bg--secondary) .tabs2 { --tabs2-bg: rgba(255, 255, 255, 0.08); --tabs2-active-bg: var(--primary, #3b82f6); --tabs2-active-text: var(--text-light, #ffffff); }
.ulx-showroom :is(.bg--ultra-dark, .bg--dark, .bg--primary, .bg--secondary) .tabs2__trigger {
  &:hover { background-color: var(--primary-ultra-light, #eef2ff); color: var(--primary-dark, #1e3a8a); opacity: 1; }
}
.ulx-showroom :is(.bg--ultra-light, .bg--light) .tabs2 { --tabs2-bg: var(--bg-elevated, #ffffff); --tabs2-active-bg: var(--primary, #3b82f6); --tabs2-active-text: var(--text-light, #ffffff); }
.ulx-showroom .figure-glow > img { width: 100%; height: auto; display: block; border-radius: var(--radius-xl, 18px); }
.ulx-showroom .figure-shadow > img { width: 100%; display: block; }
.ulx-showroom .feature-split__figure > img, .ulx-showroom .feature-split__figure picture > img { width: 100%; display: block; }
.ulx-showroom .feature-split--reverse .feature-split__figure {
  order: 1;
  @container (inline-size <= 60rem) {
  order: initial;
}
}
.ulx-showroom .text-links { text-decoration: none; }
.ulx-showroom .text-links:hover { text-decoration: underline; }
@container (inline-size >= 60rem) {
  .ulx-showroom .sig-hero__container > .intro { flex: 1 1 0px; width: auto; }
}
@media (min-width: 48rem) {
  .ulx-showroom .page-id-510 .hp-platform .intro { padding-inline-end: 13rem; }
}
.ulx-showroom .hp4-hero2 .eyebrow { width: fit-content; margin: 0px 0px 1.15rem; border-color: rgba(255, 255, 255, 0.55); }
.ulx-showroom .hp4-hero2 .eyebrow__text { color: rgba(255, 255, 255, 0.92); }
.ulx-showroom .hp4-hero2 .eyebrow__icon { color: var(--secondary-light,#f7c948); }
@media (min-width: 48rem) {
  .ulx-showroom .page-id-509 .hp-platform .intro { padding-inline-end: 13rem; }
}
@media (max-width: 768px) {
  .ulx-showroom .page-id-500 .hp-problem.bg--ultra-dark { background-attachment: scroll, scroll; }
}
@media (min-width: 48rem) {
  .ulx-showroom .hp-platform .intro { padding-inline-end: 13rem; }
}
@media (min-width: 62rem) {
  .ulx-showroom .hp-why2 .intro-heading { font-size: 3rem; line-height: 1.12; }
}
.ulx-showroom .hp4-hsr__panel.is-on { opacity: 1; pointer-events: auto; z-index: 2; }
.ulx-showroom .hp4-hsr__panel:not(.is-on) [class*="agviz"] { animation: auto ease 0s 1 normal none running none !important; }
.ulx-showroom .hp4-hsr__panel:not(.is-on) .product-enrichment-card, .ulx-showroom .hp4-hsr__panel:not(.is-on) .product-enrichment-card * { animation: auto ease 0s 1 normal none running none !important; }
.ulx-showroom .hp4-hsr__panel:not(.is-on) .synonym-agent-demo, .ulx-showroom .hp4-hsr__panel:not(.is-on) .synonym-agent-demo * { animation: auto ease 0s 1 normal none running none !important; }
.ulx-showroom .hp4-hsr__panel:not(.is-on) .sales-signals-chart, .ulx-showroom .hp4-hsr__panel:not(.is-on) .sales-signals-chart * { animation: auto ease 0s 1 normal none running none !important; }
.ulx-showroom .hp4-hsr__seg.is-on i { animation: hp5-hsr-fill var(--seg-dur,8s) linear forwards !important; }
.ulx-showroom .hp4-hero2 .eyebrow { padding-inline-start: 0px; }
.ulx-showroom .hp4-hero2 .eyebrow { line-height: 1.6787; }
@media (max-width: 61.99rem) {
  .ulx-showroom .hp-platform .intro.hp-intro { order: 1; }
}
.ulx-showroom h1, .ulx-showroom :where(.h1), .ulx-showroom h2, .ulx-showroom :where(.h2), .ulx-showroom h3, .ulx-showroom :where(.h3), .ulx-showroom h4, .ulx-showroom :where(.h4), .ulx-showroom h5, .ulx-showroom :where(.h5), .ulx-showroom h6, .ulx-showroom :where(.h6) { font-family: var(--heading-font-family); color: var(--heading-color); line-height: var(--heading-line-height); font-weight: var(--heading-font-weight); text-wrap: var(--heading-text-wrap); }
.ulx-showroom :where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote):where(:not(:is(:is([class*="-card"] blockquote, figure[class*="-card"], figure[class*="-card"] blockquote)))) { display: flex; flex-direction: column; inline-size: 100%; padding: var(--blockquote-padding); gap: var(--blockquote-gap); border-width: var(--blockquote-border-width); border-style: var(--blockquote-border-style); border-color: var(--blockquote-border-color); border-radius: var(--blockquote-border-radius); background: var(--blockquote-background); box-shadow: var(--blockquote-box-shadow); }
.ulx-showroom :where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote):where(:not(:is(:is([class*="-card"] blockquote, figure[class*="-card"], figure[class*="-card"] blockquote)))) p { color: var(--blockquote-text-color); font-family: var(--blockquote-text-font-family); font-style: var(--blockquote-text-font-style); font-size: var(--blockquote-text-font-size); font-weight: var(--blockquote-text-font-weight); line-height: var(--blockquote-text-line-height); text-align: var(--blockquote-text-text-align); text-transform: var(--blockquote-text-text-transform); }
.ulx-showroom :where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote):where(:not(:is(:is([class*="-card"] blockquote, figure[class*="-card"], figure[class*="-card"] blockquote)))) footer, .ulx-showroom :where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote):where(:not(:is(:is([class*="-card"] blockquote, figure[class*="-card"], figure[class*="-card"] blockquote)))) figcaption { display: var(--blockquote-footer-display, flex); flex-direction: var(--blockquote-footer-flex-direction, row); align-items: var(--blockquote-footer-align-items, center); gap: var(--blockquote-footer-gap, calc(var(--content-gap) / 2)); padding: var(--blockquote-footer-padding); margin-block: var(--blockquote-footer-margin-block); font-family: var(--blockquote-footer-font-family); font-size: var(--blockquote-footer-font-size); font-weight: var(--blockquote-footer-font-weight); font-style: var(--blockquote-footer-font-style); line-height: var(--blockquote-footer-line-height); text-transform: var(--blockquote-footer-text-transform); color: var(--blockquote-footer-color); }
.ulx-showroom :where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote):where(:not(:is(:is([class*="-card"] blockquote, figure[class*="-card"], figure[class*="-card"] blockquote)))) cite, .ulx-showroom :where(blockquote:where(:not(figure > blockquote)), figure:has(> blockquote), .blockquote):where(:not(:is(:is([class*="-card"] blockquote, figure[class*="-card"], figure[class*="-card"] blockquote)))) figcaption cite { font-family: var(--blockquote-cite-font-family); font-size: var(--blockquote-cite-font-size); font-weight: var(--blockquote-cite-font-weight); font-style: var(--blockquote-cite-font-style); line-height: var(--blockquote-cite-line-height); text-transform: var(--blockquote-cite-text-transform); color: var(--blockquote-cite-color); }
.ulx-showroom .btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .btn--primary-dark { --btn-background: var(--primary-dark); --btn-background-hover: var(--primary-ultra-dark); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-semi-dark); }
.ulx-showroom .btn--primary-light { --btn-background: var(--primary-ultra-light); --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-dark); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .btn--primary.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 2px; --btn-border-color: var(--primary); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .btn--primary-dark.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-dark); --btn-text-color: var(--primary-dark); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 2px; --btn-border-color: var(--primary-dark); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .btn--primary-light.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary-light); --btn-text-color-hover: var(--primary-dark); --btn-border-width: 2px; --btn-border-color: var(--primary-light); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .btn--secondary { --btn-background: var(--secondary-light); --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--text-dark); --btn-text-color-hover: var(--text-dark); --btn-border-color: var(--text-dark); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--secondary-light); }
.ulx-showroom .btn--secondary-dark { --btn-background: var(--secondary-dark); --btn-background-hover: var(--secondary-ultra-dark); --btn-text-color: var(--secondary-ultra-light); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--secondary-semi-dark); }
.ulx-showroom .btn--secondary-light { --btn-background: var(--secondary-ultra-light); --btn-background-hover: var(--secondary-light); --btn-text-color: var(--secondary); --btn-text-color-hover: var(--secondary-ultra-dark); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--secondary-light); }
.ulx-showroom .btn--secondary.btn--outline { --btn-background: transparent; --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--secondary); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-width: 2px; --btn-border-color: var(--secondary); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--secondary-light); }
.ulx-showroom .btn--secondary-dark.btn--outline { --btn-background: transparent; --btn-background-hover: var(--secondary-dark); --btn-text-color: var(--secondary-dark); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-width: 2px; --btn-border-color: var(--secondary-dark); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--secondary-light); }
.ulx-showroom .btn--secondary-light.btn--outline { --btn-background: transparent; --btn-background-hover: var(--secondary-light); --btn-text-color: var(--secondary-light); --btn-text-color-hover: var(--secondary-dark); --btn-border-width: 2px; --btn-border-color: var(--secondary-light); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--secondary-light); }
.ulx-showroom [class*="btn--"]:where(:not(.btn--none, .wp-block-button)), .ulx-showroom [class*="btn--"].wp-block-button > .wp-block-button__link { background: var(--btn-background); color: var(--btn-text-color); padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); inline-size: var(--btn-width, auto); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-family: var(--btn-font-family); font-size: var(--btn-font-size, var(--text-m)); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); text-decoration: var(--btn-text-decoration); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-border-radius); border-color: var(--btn-border-color); transition: var(--btn-transition, var(--transition)); justify-content: var(--btn-justify-content, center); align-items: var(--btn-align-items, center); text-align: var(--btn-text-align, center); display: var(--btn-display, inline-flex); }
@media (hover: hover) and (pointer: fine) {
  .ulx-showroom [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover, .ulx-showroom [class*="btn--"].wp-block-button > .wp-block-button__link:hover { background: var(--btn-background-hover); color: var(--btn-text-color-hover); border-color: var(--btn-border-color-hover); text-decoration: var(--btn-text-decoration-hover); }
}
.ulx-showroom [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):where(:focus-visible), .ulx-showroom [class*="btn--"].wp-block-button > .wp-block-button__link:where(:focus-visible) { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }
.ulx-showroom .btn--xs { --btn-font-size: var(--text-xs); }
.ulx-showroom .btn--s { --btn-font-size: var(--text-s); }
.ulx-showroom .btn--m { --btn-font-size: var(--text-m); }
.ulx-showroom .btn--l { --btn-font-size: var(--text-l); }
.ulx-showroom .btn--xl { --btn-font-size: var(--text-xl); }
.ulx-showroom .btn--xxl { --btn-font-size: var(--text-xxl); }
.ulx-showroom .btn--none { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.ulx-showroom .bg--ultra-light { background: var(--bg-ultra-light); }
.ulx-showroom .bg--light { background: var(--bg-light); }
.ulx-showroom .bg--dark { background: var(--bg-dark); }
.ulx-showroom .bg--ultra-dark { background: var(--bg-ultra-dark); }
.ulx-showroom .text--light { color: var(--text-light); }
.ulx-showroom .text--light-muted { color: var(--text-light-muted); }
.ulx-showroom .text--dark { color: var(--text-dark); }
.ulx-showroom .text--dark-muted { color: var(--text-dark-muted); }
.ulx-showroom :where(.bg--ultra-light) { --relative-text-color: var(--bg-ultra-light-text); color: var(--relative-text-color, inherit); }
.ulx-showroom :where(.bg--light) { --relative-text-color: var(--bg-light-text); color: var(--relative-text-color, inherit); }
.ulx-showroom :where(.bg--dark) { --relative-text-color: var(--bg-dark-text); color: var(--relative-text-color, inherit); }
.ulx-showroom :where(.bg--ultra-dark) { --relative-text-color: var(--bg-ultra-dark-text); color: var(--relative-text-color, inherit); }
.ulx-showroom .bg--ultra-light :where(h1, h2, h3, h4, h5, h6) { color: var(--relative-heading-color, inherit); }
.ulx-showroom .bg--light :where(h1, h2, h3, h4, h5, h6) { color: var(--relative-heading-color, inherit); }
.ulx-showroom .bg--dark :where(h1, h2, h3, h4, h5, h6) { color: var(--relative-heading-color, inherit); }
.ulx-showroom .bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) { color: var(--relative-heading-color, inherit); }
.ulx-showroom .bg--ultra-light { --relative-heading-color: var(--bg-ultra-light-heading); }
.ulx-showroom .bg--light { --relative-heading-color: var(--bg-light-heading); }
.ulx-showroom .bg--dark { --relative-heading-color: var(--bg-dark-heading); }
.ulx-showroom .bg--ultra-dark { --relative-heading-color: var(--bg-ultra-dark-heading); }
.ulx-showroom .bg--ultra-light [class*="btn--"]:not(.unrelate) { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .bg--ultra-light [class*="btn--"]:not(.unrelate).btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 2px; --btn-border-color: var(--primary); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .bg--light [class*="btn--"]:not(.unrelate) { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--btn-background); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .bg--light [class*="btn--"]:not(.unrelate).btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 2px; --btn-border-color: var(--primary); --btn-border-color-hover: var(--btn-background-hover); --focus-color: var(--primary-light); }
.ulx-showroom .bg--ultra-light { --icon-scheme: var(--bg-ultra-light-icon); }
.ulx-showroom .bg--light { --icon-scheme: var(--bg-light-icon); }
.ulx-showroom .bg--dark { --icon-scheme: var(--bg-dark-icon); }
.ulx-showroom .bg--ultra-dark { --icon-scheme: var(--bg-ultra-dark-icon); }
.ulx-showroom .section--xs { padding-block: var(--section-space-xs); padding-inline: var(--gutter); }
.ulx-showroom .section--s { padding-block: var(--section-space-s); padding-inline: var(--gutter); }
.ulx-showroom .section--s-to-xs { padding-block: var(--section-space-s-to-xs); padding-inline: var(--gutter); }
.ulx-showroom .section--m { padding-block: var(--section-space-m); padding-inline: var(--gutter); }
.ulx-showroom .section--m-to-s { padding-block: var(--section-space-m-to-s); padding-inline: var(--gutter); }
.ulx-showroom .section--m-to-xs { padding-block: var(--section-space-m-to-xs); padding-inline: var(--gutter); }
.ulx-showroom .section--l { padding-block: var(--section-space-l); padding-inline: var(--gutter); }
.ulx-showroom .section--l-to-m { padding-block: var(--section-space-l-to-m); padding-inline: var(--gutter); }
.ulx-showroom .section--l-to-s { padding-block: var(--section-space-l-to-s); padding-inline: var(--gutter); }
.ulx-showroom .section--l-to-xs { padding-block: var(--section-space-l-to-xs); padding-inline: var(--gutter); }
.ulx-showroom .section--xl { padding-block: var(--section-space-xl); padding-inline: var(--gutter); }
.ulx-showroom .section--xl-to-l { padding-block: var(--section-space-xl-to-l); padding-inline: var(--gutter); }
.ulx-showroom .section--xl-to-m { padding-block: var(--section-space-xl-to-m); padding-inline: var(--gutter); }
.ulx-showroom .section--xl-to-s { padding-block: var(--section-space-xl-to-s); padding-inline: var(--gutter); }
.ulx-showroom .section--xl-to-xs { padding-block: var(--section-space-xl-to-xs); padding-inline: var(--gutter); }
.ulx-showroom .section--xxl { padding-block: var(--section-space-xxl); padding-inline: var(--gutter); }
.ulx-showroom .section--xxl-to-xl { padding-block: var(--section-space-xxl-to-xl); padding-inline: var(--gutter); }
.ulx-showroom .section--xxl-to-l { padding-block: var(--section-space-xxl-to-l); padding-inline: var(--gutter); }
.ulx-showroom .section--xxl-to-m { padding-block: var(--section-space-xxl-to-m); padding-inline: var(--gutter); }
.ulx-showroom .section--xxl-to-s { padding-block: var(--section-space-xxl-to-s); padding-inline: var(--gutter); }
.ulx-showroom .section--xxl-to-xs { padding-block: var(--section-space-xxl-to-xs); padding-inline: var(--gutter); }
.ulx-showroom .section--none { padding-block: 0px; padding-inline: var(--gutter); }
.ulx-showroom figure:where(:has(> img, > picture, > svg, > video, > iframe)):where(.overlay), .ulx-showroom figure:where(:has(> img, > picture, > svg, > video, > iframe)):where([class*="overlay--"]) { --overlay-z-index: 0; }
.ulx-showroom :is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) { font-family: var(--text-font-family); line-height: var(--text-line-height); text-wrap: var(--text-text-wrap); }
.ulx-showroom .text--xxl { font-size: var(--text-xxl); }
.ulx-showroom .text--xxl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-xxl-max-width); }
.ulx-showroom .text--xl { font-size: var(--text-xl); }
.ulx-showroom .text--xl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-xl-max-width); }
.ulx-showroom .text--l { font-size: var(--text-l); }
.ulx-showroom .text--l:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-l-max-width); }
.ulx-showroom .text--m { font-size: var(--text-m); line-height: var(--text-m-line-height); }
.ulx-showroom .text--m:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-m-max-width); }
.ulx-showroom .text--s { font-size: var(--text-s); }
.ulx-showroom .text--s:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-s-max-width); }
.ulx-showroom .text--xs { font-size: var(--text-xs); }
.ulx-showroom .text--xs:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) { max-width: var(--text-xs-max-width); }
.ulx-showroom .h1 { font-size: var(--h1); max-width: var(--h1-max-width); }
.ulx-showroom .h4 { font-size: var(--h4); line-height: var(--h4-line-height); }
.ulx-showroom blockquote { text-wrap: pretty; }
.ulx-showroom figure[class*="width--"] img { inline-size: 100%; }
.ulx-showroom :where([data-etch-element="flex-div"]:not(main)) { gap: var(--content-gap); }
.ulx-showroom :where(img:not(header img), figure:not(figure:has(img))) { border-radius: var(--radius); }
@supports (animation-timeline: view()) {
  .ulx-showroom [class*="on-enter-all--"].on-enter--stagger > * { animation-delay: calc(sibling-index() * var(--enter-stagger-interval, 5%)); }
}
@supports (animation-timeline: view()) {
  .ulx-showroom [class*="on-exit-all--"].on-exit--stagger > * { animation-delay: calc(sibling-index() * var(--exit-stagger-interval, 5%)); }
}
.ulx-showroom [class*="on-visible-all--"].on-visible--stagger > * { transition-delay: calc(sibling-index() * var(--visible-stagger-interval, 0.1s)); }
.ulx-showroom :is(*, img, figure, picture).is-bg { inset: var(--bg-inset, 0); inline-size: var(--bg-width, 100%); max-inline-size: 100%; block-size: var(--bg-height, 100%); object-fit: var(--bg-object-fit, cover); object-position: var(--bg-object-position, center); z-index: var(--bg-z-index, -2); border-radius: var(--bg-radius, 0); pointer-events: none; position: var(--bg-position, absolute) !important; }
.ulx-showroom :is(*, img, figure, picture).is-bg > img { object-fit: var(--bg-object-fit, cover); object-position: var(--bg-object-position, center); inline-size: 100%; block-size: 100%; }
.ulx-showroom .content-grid > :is(*, img, figure, picture).is-bg { grid-column: full; }
.ulx-showroom :is(.content--feature, .content--feature-max, .content--full, .content--full-safe) :is(figure img, picture img) { width: 100%; }
.ulx-showroom .smart-spacing > * + figure, .ulx-showroom .smart-spacing > * + picture { margin-block: var(--figure-spacing, var(--flow-spacing, initial)); }
.ulx-showroom .smart-spacing figcaption { margin-block: var(--figcaption-spacing, var(--flow-spacing, initial)); }
.ulx-showroom .smart-spacing > * + blockquote:where(:not(figure > blockquote)) { margin-block: var(--blockquote-spacing, var(--flow-spacing, initial)); }
.ulx-showroom .smart-spacing > blockquote * + * { margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial)); margin-block-end: 0px; }
.ulx-showroom .smart-spacing > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * { --paragraph-spacing: 0; --flow-spacing: 0; }
.ulx-showroom .bg--white { background-color: var(--white, #fff); --relative-text-color: var(--bg-ultra-light-text); --relative-heading-color: var(--bg-ultra-light-heading); --relative-button-color: var(--bg-ultra-light-button); --relative-icon-color: var(--bg-ultra-light-icon); color: var(--relative-text-color); }

/* ---- STRUCTURAL FALLBACKS ----
   ACSS applies the page gutter and the container width cap via BARE element selectors
   (section / [data-etch-element]) that a class-token harvest can't match. Without these the
   bundle renders edge-to-edge on prod (no left/right gutter). Values captured live from staging:
   section padding-inline was 78.6383px at 1280px. */
.ulx-showroom :where(section:not(section section)) { padding-inline: var(--gutter, 78.6383px); }
.ulx-showroom :where([data-etch-element="container"]) {
  inline-size: 100%;
  /* ACSS's own declaration is max-inline-size: var(--content-width) — NOT --width-max. Both are
     forced into the token block above; --width-max is kept only as a legacy second fallback. */
  max-inline-size: var(--content-width, var(--width-max, 1300px));
  margin-inline: auto;
  align-self: center;
}

/* ---- PROD-ONLY overrides (baked in here so re-harvests keep them) ----

   1. HERO TOP CLEARANCE. On staging the sections are direct children of <main>, so the v6
      template's 'main > section:first-of-type { padding-block-start: clamp(9rem,13vw,12rem) }'
      gives the hero a 166px top pad. In the bundle the sections are wrapped in
      div.ulx-showroom, so that rule no longer matches and the hero falls back to its own
      padding-block (--space-2xl = 80px) — which prod's 80px position:fixed header then eats
      entirely. We add the header height back on top. Deliberately the SAME expression the live
      Gorman's case study ships (verified 2026-08-03: heroPadTop 160px there), so the two prod
      case studies line up with each other rather than each drifting toward its own staging page.

   2. FONT-WEIGHT CAP. Unilog brand rule: never heavier than 600 anywhere. The four <strong>
      runs inside .check-list__text compute to 700 (the UA default — nothing in ACSS or the page
      styles caps them). This is a pre-existing fault ON THE STAGING SOURCE too, so it is flagged
      for a source fix; capping here means the live page is brand-correct today and stays correct
      across re-harvests. Remove this block once staging is fixed. */
.ulx-showroom .hero { padding-block-start: calc(var(--space-2xl, 5rem) + 80px); }
@media (max-width: 52rem) {
  .ulx-showroom .hero { padding-block-start: calc(var(--space-xl, 3rem) + 80px); }
}
/* 3. THE PINNED SECTION NEEDS A MEASURABLE HEIGHT WITHOUT ACSS's section rules. .proposal-pin
      is min-height:100vh in the pattern, but GSAP reads offsetHeight at init to decide
      top-top vs center-center (see handoff_section.js). If the bundle loads before ACSS
      settles, a zero-height read pins at the wrong start. Re-asserting it here is cheap and
      idempotent. */
.ulx-showroom .proposal-pin { min-block-size: 100vh; }
/* 4. .pdp-tour and .showcase-grid establish container queries via :has(> &) on their
      PARENT. Wrapping the sections in div.ulx-showroom does not break that, but the wrapper
      itself must not become a query container or the inner @container rules resolve against
      the wrong box. */
.ulx-showroom { container-type: normal; }
.ulx-showroom :is(strong, b) { font-weight: var(--heading-font-weight, 600); }
/* 5. PROD-ONLY: the child theme ships "dl dt { font-weight: 700 }", which staging does not have.
      It lands on the five <dt> rows of the Specifications table in the pdp-tour mockup, where
      staging renders 400 — so on prod those rows came out bold AND over the 600 brand cap.
      Measured on the live page 2026-09-10: staging dt = 400, prod dt = 700, winning rule
      "dl dt". Restore staging's value; .WRAP dl dt (0,1,2) outranks the theme's (0,0,2).
      Caught by verify-prod-page.mjs's brand-cap gate AFTER the first push. */
.ulx-showroom dl dt { font-weight: 400; }

/* ---- @keyframes carried from the install's stylesheets (5 referenced by the rules above) ---- */
@keyframes brand-wall-slide { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@keyframes hp5-hsr-fill{ from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes pdp-tour-pulse {
  0%   { transform: scale(1);   opacity: .75; }
  70%  { transform: scale(2.8); opacity: 0; }
  100% { transform: scale(2.8); opacity: 0; }
}
@keyframes prop-pay-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgb(251 198 85 / 0.55); }
  50%      { transform: scale(1.03); box-shadow: 0 0 0 8px rgb(251 198 85 / 0); }
}
@keyframes shot-wall-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -50%, 0); } }