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

html {
  scroll-behavior: smooth;
  font-size: 16px;
  overflow-x: hidden;
}

body {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  background: var(--bg-0);
  color: var(--text-primary);
  padding-top: 0;
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

:root {
  --green: #3da57f;
  --green-dark: #2d7d61;
  --green-dim: #3da57f1f;
  --green-glow: #3da57f40;
  --bg-0: #050505;
  --bg-1: #090909;
  --bg-2: #101010;
  --bg-card: #ffffff0a;
  --bg-card-h: #fff1;
  --border: #ffffff14;
  --border-green: #ffffff24;
  --text-primary: #e8eaed;
  --text-muted: #8a9bb0;
  --text-faint: #4a5568;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --shadow-green: 0 24px 70px #00000057;
  --transition: .25s cubic-bezier(.4, 0, .2, 1);
  --nav-bg: #000;
  --nav-bg-scrolled: #080808f0;
  --dropdown-bg: #101010;
  --footer-bg: #030303;
  color-scheme: dark;
  --grad-brand: linear-gradient(115deg, #3da57f 0%, #3da57f 45%, #2d7d61 100%);
  --grad-brand-vivid: linear-gradient(115deg, #3da57f 0%, #3da57f 45%, #3da57f 100%);
  --grad-mesh-glow-1: #3da57f59;
  --grad-mesh-glow-2: #4d9fd64d;
  --grad-mesh-glow-3: #8b6fd847;
  --grad-text: linear-gradient(100deg, #3da57f 0%, #3da57f 50%, #3da57f 100%);
}

.theme-teal-green {
  --green: #3da57f;
  --green-dark: #2d7d61;
  --green-dim: #3da57f1f;
  --green-glow: #3da57f40;
  --bg-0: #020b0d;
  --bg-1: #031215;
  --bg-2: #051a1e;
  --bg-card: #3da57f0a;
  --bg-card-h: #3da57f0f;
  --text-primary: #3da57f;
  --text-muted: #2d7d61;
  --text-faint: #2d7d61;
  --border-green: #3da57f4d;
  --shadow-green: 0 0 40px #3da57f26;
  --dot-color: #3da57f0a;
  --gradient-bg-dots: radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0);
}

body.theme-teal-green {
  background: var(--gradient-bg-dots) fixed, radial-gradient(at 18% 99%, #2a2a2a 0px, transparent 50%), radial-gradient(at 97% 8%, #171717 0px, transparent 50%), radial-gradient(at 79% 82%, #313131 0px, transparent 50%), radial-gradient(at 1% 20%, #2d7d61 0px, transparent 50%), radial-gradient(at 44% 47%, #1a1a1a 0px, transparent 50%), #020617;
  color: var(--text-primary);
  background-size: 40px 40px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-attachment: fixed;
  animation: 120s linear infinite bg-dots-move, 45s ease-in-out infinite alternate bg-elegance-flow;
}

@keyframes bg-dots-move {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 800px 800px;
  }
}

@keyframes bg-elegance-flow {
  0% {
    transform: scale(1);
  }

  to {
    transform: scale(1.1);
  }
}

body.theme-teal-green {
  background-position: 0 0, 0 0, 100% 100%, 50%, 100% 0, 0 100%;
  transition: background-position 45s ease-in-out;
}

.theme-teal-green h1, .theme-teal-green h2, .theme-teal-green h3, .theme-teal-green h4 {
  color: var(--green);
}

.theme-teal-green .text-accent {
  color: #fff;
}

.nav-container {
  align-items: center;
  gap: 40px;
  max-width: 1300px;
  height: 80px;
  min-height: 80px;
  margin: 0 auto;
  display: flex;
}

.nav-logo {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  display: flex;
}

.site-logo-header {
  object-fit: contain;
  width: auto;
  height: 48px;
}

.nav-links {
  align-items: center;
  gap: 4px;
  margin-left: auto;
  display: flex;
}

.nav-link {
  border-radius: var(--radius-sm);
  letter-spacing: .07em;
  color: var(--text-muted);
  transition: color var(--transition), background var(--transition);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  padding: 10px 16px;
  font-size: .82rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.nav-link:after {
  content: "";
  background: var(--grad-brand-vivid);
  transform-origin: 0;
  border-radius: 2px;
  height: 2px;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  bottom: 4px;
  left: 16px;
  right: 16px;
  transform: scaleX(0);
}

.nav-link:hover, a.nav-link:hover {
  color: var(--text-primary);
  background: #ffffff0f;
}

.nav-link:hover:after {
  transform: scaleX(1);
}

.chevron {
  transition: transform var(--transition);
}

.has-dropdown:hover .chevron {
  transform: rotate(180deg);
}

.mega-dropdown {
  background: var(--dropdown-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  opacity: 0;
  visibility: hidden;
  width: 280px;
  transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
  padding: 16px;
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%) translateY(8px);
  box-shadow: 0 20px 60px #0009, 0 0 0 1px #3da57f1a;
}

.has-dropdown:hover .mega-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%) translateY(0);
}

.mega-dropdown-grid {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.dropdown-item {
  border-radius: var(--radius-sm);
  height: 70px;
  transition: all var(--transition);
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  justify-content: center;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-item:hover {
  background: #3da57f14;
  border-color: #3da57f4d;
  transform: translateY(-4px);
  box-shadow: 0 10px 20px #0003;
}

.dropdown-logo-img {
  object-fit: contain;
  opacity: .85;
  max-width: 100%;
  max-height: 100%;
  transition: opacity var(--transition), transform var(--transition);
}

.dropdown-logo-img[alt="Sennheiser"] {
  max-width: 75%;
}

.dropdown-logo-img[alt*="PTZ"] {
  width: auto;
  max-width: 75%;
  max-height: 96px;
}

.dropdown-item:hover .dropdown-logo-img {
  opacity: 1;
  transform: scale(1.08);
}

.nav-cta {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.hamburger {
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  display: none;
}

.hamburger span {
  background: var(--text-primary);
  width: 24px;
  height: 2px;
  transition: all var(--transition);
  border-radius: 2px;
  display: block;
}

.hero {
  aspect-ratio: 16 / 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 500px;
  max-height: 90vh;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-bg-wrapper {
  position: absolute;
  inset: 0;
}

.hero-slide {
  opacity: 0;
  will-change: opacity;
  backface-visibility: hidden;
  background-position: 50%;
  background-size: cover;
  transition: opacity 1.4s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0;
  transform: translateZ(0);
}

.hero-slide.active {
  opacity: 1;
  transition: opacity 1.4s cubic-bezier(.22, 1, .36, 1);
}

.hero-overlay {
  background: linear-gradient(90deg, #04060af2 0%, #04060acc 40%, #0000 90%);
  position: absolute;
  inset: 0;
}

.hero-mesh-glow {
  z-index: 1;
  pointer-events: none;
  opacity: .8;
  mix-blend-mode: screen;
  background: radial-gradient(circle at 12% 20%, var(--grad-mesh-glow-1) 0%, transparent 38%), radial-gradient(circle at 30% 75%, var(--grad-mesh-glow-2) 0%, transparent 34%), radial-gradient(circle at 8% 85%, var(--grad-mesh-glow-3) 0%, transparent 30%);
  position: absolute;
  inset: 0;
}

.hero-grid-overlay {
  background-image: linear-gradient(#3da57f0a 1px, #0000 1px), linear-gradient(90deg, #3da57f0a 1px, #0000 1px);
  background-size: 60px 60px;
  position: absolute;
  inset: 0;
  mask-image: radial-gradient(80% 60%, #000 30%, #0000 100%);
}

.hero-content {
  z-index: 2;
  text-align: left;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
}

.hero-content-slide {
  display: none;
}

.hero-content-slide.active {
  animation: .8s forwards fadeInDown;
  display: block;
}

.hero-pill {
  background: #3da57f1a;
  background-image: linear-gradient(#0a0a0ad9, #0a0a0ad9), var(--grad-brand);
  letter-spacing: .05em;
  color: var(--green);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 100px;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  padding: 8px 20px;
  font-size: .65rem;
  font-weight: 500;
  animation: .8s forwards fadeInDown;
  display: inline-flex;
}

.pill-dot {
  background: var(--green);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite pulse;
}

@keyframes pulse {
  0%, to {
    box-shadow: 0 0 #3da57f99;
  }

  50% {
    box-shadow: 0 0 0 6px #3da57f00;
  }
}

.hero-headline {
  letter-spacing: -.03em;
  flex-direction: column;
  margin-bottom: 28px;
  font-size: clamp(2.1rem, 5.2vw, 4.6rem);
  font-weight: 900;
  line-height: 1.04;
  display: flex;
}

.hero-line {
  opacity: 0;
  color: #fff;
  animation: .7s forwards heroLineIn;
}

.hero-line:first-child {
  animation-delay: .2s;
}

.hero-line:nth-child(2) {
  animation-delay: .4s;
}

.hero-line:nth-child(3) {
  animation-delay: .6s;
}

.hero-line-accent {
  background: var(--grad-brand-vivid);
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: .7s forwards heroLineIn, 8s ease-in-out infinite gradientDrift;
}

@keyframes gradientDrift {
  0%, to {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

@keyframes heroLineIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-sub {
  color: #e8eaedb3;
  opacity: 0;
  max-width: 620px;
  margin: 0 0 40px;
  font-size: clamp(.6rem, 1vw, .85rem);
  line-height: 1.8;
  animation: .7s .8s forwards heroLineIn;
}

.hero-actions {
  opacity: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
  animation: .7s 1s forwards heroLineIn;
  display: flex;
}

.hero-actions .btn-ghost {
  color: #fff;
  border-color: #ffffff4d;
}

.hero-stats {
  opacity: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  animation: .7s 1.1s forwards heroLineIn;
  display: flex;
}

.stat {
  text-align: center;
}

.stat-num {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  display: block;
}

.stat-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: .75rem;
}

.stat-divider {
  background: var(--border);
  width: 1px;
  height: 40px;
}

.hero-controls {
  z-index: 3;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translate(-50%);
}

.slide-dot {
  width: 8px;
  height: 8px;
  transition: all var(--transition);
  background: #ffffff4d;
  border-radius: 100px;
}

.slide-dot.active {
  background: var(--green);
  width: 24px;
}

.hero-scroll-hint {
  z-index: 3;
  letter-spacing: .15em;
  color: var(--text-muted);
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: .65rem;
  display: flex;
  position: absolute;
  bottom: 24px;
  right: 40px;
}

.scroll-line {
  background: linear-gradient(to bottom, transparent, var(--green));
  width: 1px;
  height: 40px;
}

.partners-bar {
  background: var(--bg-1);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 0;
}

.partners-label {
  text-align: center;
  letter-spacing: .18em;
  color: var(--text-faint);
  text-transform: uppercase;
  padding: 20px 24px 0;
  font-size: .7rem;
  font-weight: 700;
}

.marquee-wrapper {
  padding: 24px 0;
  position: relative;
  overflow: hidden;
  mask-image: linear-gradient(90deg, #0000 0%, #000 10% 90%, #0000 100%);
}

.marquee-track {
  will-change: transform;
  backface-visibility: hidden;
  align-items: center;
  gap: 64px;
  width: max-content;
  animation: 28s linear infinite marquee;
  display: flex;
  transform: translate(0);
}

.partner-logo {
  opacity: .6;
  transition: opacity var(--transition), filter var(--transition);
  cursor: default;
  flex-shrink: 0;
}

.partner-logo:hover {
  opacity: 1;
  filter: brightness(1.3);
}

@keyframes marquee {
  0% {
    transform: translate(0);
  }

  to {
    transform: translate(-50%);
  }
}

.solutions {
  background: var(--bg-0);
}

.solutions-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  display: grid;
}

.solution-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  transition-delay: attr(data-delay ms);
  overflow: hidden;
}

.solution-card:hover {
  border-color: var(--border-green);
  box-shadow: 0 20px 60px #0006, var(--shadow-green);
  transform: translateY(-6px);
}

.card-visual {
  height: 240px;
  position: relative;
  overflow: hidden;
}

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

.solution-card:hover .card-visual img {
  transform: scale(1.06);
}

.card-overlay {
  background: linear-gradient(#0000 30%, #080d12f2 100%);
  position: absolute;
  inset: 0;
}

.card-icon {
  backdrop-filter: blur(10px);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: #0009;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: 1.8rem;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.healthcare-card {
  background: #060e18;
}

.healthcare-visual {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

.hc-screen {
  background: #0a1929;
  border: 1px solid #3da57f4d;
  border-radius: 8px;
  flex-direction: column;
  gap: 12px;
  width: 180px;
  height: 160px;
  padding: 16px;
  display: flex;
}

.hc-scan {
  background: radial-gradient(at 50% 40%, #3da57f26 0%, #0000 70%);
  border: 1px solid #3da57f1a;
  border-radius: 4px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.hc-scan:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--green), transparent);
  height: 2px;
  animation: 2s ease-in-out infinite scan;
  position: absolute;
  left: 0;
  right: 0;
}

@keyframes scan {
  0%, to {
    opacity: 0;
    top: 0;
  }

  10%, 90% {
    opacity: 1;
  }

  50% {
    top: 100%;
  }
}

.hc-data {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.hc-bar {
  background: #3da57f80;
  border-radius: 3px;
  height: 6px;
}

.card-body {
  padding: 24px;
}

.card-tag {
  letter-spacing: .12em;
  color: var(--green);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: .68rem;
  font-weight: 700;
  display: block;
}

.card-body h3 {
  margin-bottom: 10px;
  font-size: 1.25rem;
}

.card-body p {
  margin-bottom: 16px;
  font-size: .9rem;
}

.card-brands {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.card-brands span {
  letter-spacing: .08em;
  background: var(--green-dim);
  color: var(--green);
  border: 1px solid var(--border-green);
  border-radius: 100px;
  padding: 4px 12px;
  font-size: .72rem;
  font-weight: 600;
}

.card-link {
  color: var(--green);
  transition: gap var(--transition);
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  font-weight: 600;
  display: inline-flex;
}

.card-link:hover {
  gap: 10px;
}

.featured-solution {
  background: var(--bg-1);
}

.featured-inner {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  display: grid;
}

.featured-media {
  border-radius: var(--radius-lg);
  box-shadow: 0 30px 80px #00000080, 0 0 0 1px var(--border);
  position: relative;
  overflow: hidden;
}

.featured-media img {
  width: 100%;
  height: auto;
  display: block;
}

.featured-media-badge {
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-green);
  color: var(--green);
  background: #04060acc;
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.badge-dot {
  background: var(--green);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite pulse;
}

.featured-content h2 {
  margin-bottom: 20px;
}

.featured-content .section-tag {
  margin-bottom: 16px;
}

.featured-content > p {
  margin-bottom: 32px;
}

.setup-components {
  flex-direction: column;
  gap: 16px;
  margin-bottom: 36px;
  display: flex;
}

.component-item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  transition: border-color var(--transition);
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.component-item:hover {
  border-color: var(--border-green);
}

.comp-icon {
  flex-shrink: 0;
  font-size: 1.4rem;
}

.component-item strong {
  color: var(--text-primary);
  margin-bottom: 2px;
  font-size: .95rem;
  display: block;
}

.component-item small {
  color: var(--text-muted);
  font-size: .78rem;
}

.about {
  background: var(--bg-0);
}

.about-grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  display: grid;
}

.about-numbers-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.about-number-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition), transform var(--transition);
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
}

.about-number-card:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--border-green), transparent);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.about-number-card.accent {
  background: var(--green-dim);
  border-color: var(--border-green);
}

.about-number-card:hover {
  border-color: var(--border-green);
  transform: translateY(-4px);
}

.an-num {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.about-number-card.accent .an-num {
  color: var(--green);
}

.an-plus {
  color: var(--green);
  font-size: 1.5rem;
  font-weight: 700;
}

.an-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-top: 8px;
  font-size: .78rem;
  display: block;
}

.about-content h2 {
  margin-bottom: 20px;
}

.about-content > p {
  margin-bottom: 16px;
}

.about-content > p:last-of-type {
  margin-bottom: 32px;
}

.about-pillars {
  flex-direction: column;
  gap: 20px;
  margin-bottom: 36px;
  display: flex;
}

.pillar {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.pillar-icon {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.4rem;
}

.pillar strong {
  color: var(--text-primary);
  margin-bottom: 4px;
  font-size: .95rem;
  display: block;
}

.pillar p {
  margin: 0;
  font-size: .85rem;
}

.industries {
  background: var(--bg-1);
}

.industries-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}

.industry-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  padding: 36px 24px;
  position: relative;
  overflow: hidden;
}

.industry-card:before {
  content: "";
  background: radial-gradient(circle at 50% 0%, var(--green-dim) 0%, transparent 70%);
  opacity: 0;
  transition: opacity var(--transition);
  position: absolute;
  inset: 0;
}

.industry-card:hover {
  border-color: var(--border-green);
  transform: translateY(-6px);
}

.industry-card:hover:before {
  opacity: 1;
}

.industry-icon {
  margin-bottom: 20px;
  font-size: 2.4rem;
  display: block;
}

.industry-card h3 {
  margin-bottom: 12px;
  font-size: 1.1rem;
}

.industry-card p {
  font-size: .85rem;
}

.testimonials {
  background: var(--bg-0);
}

.testimonials-track-wrapper {
  overflow: hidden;
}

.testimonials-track {
  will-change: transform;
  transition: transform .75s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  transform: translate(0);
}

.testimonial-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  min-width: 100%;
  padding: 48px;
  position: relative;
}

.quote-icon {
  color: var(--green);
  opacity: .25;
  font-family: Georgia, serif;
  font-size: 6rem;
  line-height: .8;
  position: absolute;
  top: 24px;
  left: 40px;
}

.testimonial-card p {
  color: var(--text-primary);
  z-index: 1;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 36px;
  font-size: 1.15rem;
  line-height: 1.8;
  position: relative;
}

.testimonial-author {
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.author-avatar {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
}

.testimonial-author strong {
  color: var(--text-primary);
  display: block;
}

.testimonial-author small {
  color: var(--text-muted);
  font-size: .82rem;
}

.testimonial-controls {
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  display: flex;
}

.t-prev, .t-next {
  background: var(--bg-card);
  border: 1px solid var(--border);
  width: 44px;
  height: 44px;
  color: var(--text-primary);
  transition: all var(--transition);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  display: flex;
}

.t-prev:hover, .t-next:hover {
  border-color: var(--border-green);
  color: var(--green);
}

.t-dots {
  gap: 8px;
  display: flex;
}

.t-dot {
  background: var(--border);
  width: 8px;
  height: 8px;
  transition: all var(--transition);
  border-radius: 100px;
}

.t-dot.active {
  background: var(--green);
  width: 24px;
}

.cta-band {
  background: linear-gradient(135deg, var(--bg-1) 0%, #0e0e0e 50%, var(--bg-1) 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}

.cta-band:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(#3da57f1f 0%, #0000 70%);
  width: 600px;
  height: 300px;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translate(-50%);
}

.cta-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  display: flex;
}

.cta-text h2 {
  margin-bottom: 12px;
}

.cta-text p {
  max-width: 480px;
}

.cta-actions {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.contact {
  background: var(--bg-1);
}

.contact-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 80px;
  display: grid;
}

.contact-info h2 {
  margin-bottom: 20px;
}

.contact-info > p {
  margin-bottom: 36px;
}

.contact-items {
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
  display: flex;
}

.contact-item {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.ci-icon {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.3rem;
}

.contact-item strong {
  color: var(--text-primary);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: .85rem;
  display: block;
}

.contact-item a, .contact-item span {
  color: var(--text-muted);
  font-size: .95rem;
}

.contact-item a:hover {
  color: var(--green);
}

.social-links {
  gap: 12px;
  display: flex;
}

.social-btn {
  background: var(--bg-card);
  border: 1px solid var(--border);
  width: 44px;
  height: 44px;
  color: var(--text-muted);
  transition: all var(--transition);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-btn:hover {
  border-color: var(--border-green);
  color: var(--green);
  background: var(--green-dim);
}

.contact-form {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.form-row {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}

.form-group {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.form-group label {
  letter-spacing: .05em;
  color: var(--text-muted);
  font-size: .82rem;
  font-weight: 600;
}

.form-group input, .form-group select, .form-group textarea {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  transition: border-color var(--transition), box-shadow var(--transition);
  outline: none;
  width: 100%;
  padding: 14px 16px;
  font-size: .95rem;
}

.form-group select {
  appearance: none;
  cursor: pointer;
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px #3da57f1f;
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
}

.form-group input::placeholder, .form-group textarea::placeholder {
  color: var(--text-faint);
}

.form-success {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-sm);
  text-align: center;
  padding: 24px;
}

.success-icon {
  background: var(--green);
  color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
}

.form-success p {
  color: var(--text-primary);
}

.footer-top {
  padding: 80px 0 60px;
}

.footer-grid {
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 48px;
  display: grid;
}

.footer-logo {
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}

.site-logo-footer {
  object-fit: contain;
  width: auto;
  height: 60px;
}

.footer-brand p {
  color: var(--text-muted);
  margin-bottom: 20px;
  font-size: .88rem;
  line-height: 1.8;
}

.footer-col h4 {
  letter-spacing: .12em;
  color: var(--text-primary);
  margin-bottom: 20px;
  font-size: .78rem;
}

.footer-col ul {
  flex-direction: column;
  gap: 12px;
  list-style: none;
  display: flex;
}

.footer-col ul li a {
  color: var(--text-muted);
  transition: color var(--transition);
  font-size: .88rem;
}

.footer-col ul li a:hover {
  color: var(--green);
}

.contact-list {
  gap: 16px !important;
}

.contact-list li {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.contact-list li svg {
  flex-shrink: 0;
  margin-top: 4px;
}

.contact-list li a, .contact-list li span {
  color: var(--text-muted);
  font-size: .85rem;
  line-height: 1.5;
}

.contact-list li a:hover {
  color: var(--green);
}

.footer-bottom {
  border-top: 1px solid var(--border);
  padding: 20px 0;
}

.footer-bottom .container {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.footer-bottom span {
  color: var(--text-faint);
  font-size: .78rem;
}

.back-to-top {
  z-index: 999;
  background: var(--green);
  color: #000;
  opacity: 0;
  visibility: hidden;
  width: 48px;
  height: 48px;
  transition: all var(--transition);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 32px;
  right: 32px;
  box-shadow: 0 8px 24px #3da57f66;
}

.back-to-top.visible {
  opacity: 1;
  visibility: visible;
}

.back-to-top:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px #3da57f80;
}

@media (width <= 1024px) {
  .solutions-grid {
    grid-template-columns: 1fr 1fr;
  }

  .industries-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (width <= 768px) {
  section {
    padding: 72px 0;
  }

  .nav-links, .nav-cta {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  .nav-links.open {
    z-index: 999;
    box-sizing: border-box;
    background: var(--nav-bg-scrolled);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    max-height: calc(100vh - 80px);
    padding: 24px;
    display: flex;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .nav-links.open .nav-cta {
    margin-top: 16px;
    display: flex;
  }

  .hero-headline {
    font-size: clamp(2.4rem, 10vw, 4rem);
  }

  .hero-stats {
    gap: 20px;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
  }

  .featured-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .industries-grid {
    grid-template-columns: 1fr 1fr;
  }

  .contact-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .cta-inner {
    text-align: center;
    flex-direction: column;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .hero-scroll-hint {
    display: none;
  }
}

@media (width <= 480px) {
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .industries-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-card {
    padding: 32px 24px;
  }

  .about-numbers-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.support-portal {
  color: var(--text-color);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  background-color: #0000;
  line-height: 1.6;
}

.support-portal h1, .support-portal h2, .support-portal h3, .support-portal h4 {
  color: #fff;
  letter-spacing: -.02em;
  font-weight: 600;
}

.support-portal p {
  color: #aaa;
}

.support-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 24px;
}

.support-hero {
  text-align: center;
  background: none;
  border-bottom: 1px solid #ffffff0d;
  padding: 40px 24px 80px;
}

.support-hero h1 {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #fff, #3da57f);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 24px;
  font-size: 3.5rem;
}

.search-wrapper {
  background: #ffffff05;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  max-width: 600px;
  margin: 0 auto 40px;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 30px #0000000f;
}

.search-wrapper:focus-within {
  border-color: #3da57f;
  box-shadow: 0 8px 30px #3da57f33;
}

.search-wrapper input {
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 20px 24px;
  font-size: 1.1rem;
}

.search-wrapper button {
  color: #fff;
  cursor: pointer;
  background: #3da57f;
  border: none;
  padding: 0 30px;
  font-size: 1rem;
  font-weight: 600;
  transition: background .3s;
}

.search-wrapper button:hover {
  background: #3da57f;
}

.quick-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  display: flex;
}

.quick-action-btn {
  border: 1px solid var(--border-green);
  color: #ddd;
  background: #ffffff05;
  border-radius: 20px;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: .95rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 10px #00000005;
}

.quick-action-btn:hover {
  color: #3da57f;
  border-color: #3da57f;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px #3da57f1a;
}

.section-title {
  text-align: center;
  margin-bottom: 12px;
  font-size: 2.2rem;
}

.section-sub {
  text-align: center;
  color: #aaa;
  margin-bottom: 48px;
  font-size: 1.1rem;
}

.product-nav-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  display: grid;
}

.product-card {
  border: 1px solid var(--border-green);
  text-align: center;
  background: #ffffff05;
  border-radius: 16px;
  padding: 30px 20px;
  text-decoration: none;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.product-card:hover {
  border-color: #3da57f;
  transform: translateY(-4px);
  box-shadow: 0 12px 30px #0000000d;
}

.product-icon {
  margin-bottom: 16px;
  font-size: 2.5rem;
  display: inline-block;
}

.product-card h3 {
  color: #222;
  margin: 0;
  font-size: 1.1rem;
}

.product-card span {
  color: #888;
  margin-top: 8px;
  font-size: .85rem;
  display: block;
}

.trouble-grid {
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 800px;
  margin: 0 auto;
  display: grid;
}

.trouble-item {
  border: 1px solid var(--border-green);
  background: #ffffff05;
  border-radius: 12px;
  padding: 0;
  transition: box-shadow .3s;
}

.trouble-item[open] {
  border-color: #3da57f;
  box-shadow: 0 8px 24px #0000000a;
}

.trouble-item summary {
  cursor: pointer;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.trouble-item summary::-webkit-details-marker {
  display: none;
}

.trouble-item summary:after {
  content: "+";
  color: #3da57f;
  font-size: 1.5rem;
  transition: transform .3s;
}

.trouble-item[open] summary:after {
  transform: rotate(45deg);
}

.trouble-item .trouble-content {
  color: #aaa;
  padding: 0 24px 24px;
}

.trouble-item ol {
  margin: 10px 0;
  padding-left: 20px;
}

.trouble-item li {
  margin-bottom: 8px;
}

.download-table {
  border-collapse: collapse;
  background: #ffffff05;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 4px 15px #00000005;
}

.download-table th, .download-table td {
  text-align: left;
  border-bottom: 1px solid #ffffff0d;
  padding: 16px 20px;
}

.download-table th {
  color: #fff;
  background: #f9f9f9;
  font-weight: 600;
}

.download-table tr:hover td {
  background: #fdfdfd;
}

.btn-download {
  color: #3da57f;
  background: #eaf6f0;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
}

.btn-download:hover {
  color: #fff;
  background: #3da57f;
}

.service-flex {
  border: 1px solid var(--border-green);
  background: #ffffff05;
  border-radius: 20px;
  flex-wrap: wrap;
  gap: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 40px #00000008;
}

.service-info {
  color: #fff;
  background: #3da57f1a;
  flex: 1;
  min-width: 300px;
  padding: 40px;
}

.service-info h3 {
  color: #fff;
  margin-bottom: 16px;
  font-size: 1.8rem;
}

.service-info p {
  color: #aaa;
  margin-bottom: 24px;
}

.service-info ul {
  padding: 0;
  list-style: none;
}

.service-info li {
  color: #ddd;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.service-info li:before {
  content: "✓";
  color: #3da57f;
}

.service-form {
  flex: 1.5;
  min-width: 300px;
  padding: 40px;
}

.form-group-light {
  margin-bottom: 20px;
}

.form-group-light label {
  color: #ddd;
  margin-bottom: 8px;
  font-size: .9rem;
  font-weight: 500;
  display: block;
}

.form-control-light {
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  width: 100%;
  padding: 14px 16px;
  font-family: inherit;
  font-size: 1rem;
  transition: all .3s;
}

.form-control-light:focus {
  background: #ffffff05;
  border-color: #3da57f;
  outline: none;
  box-shadow: 0 0 0 3px #3da57f1a;
}

.file-upload {
  text-align: center;
  cursor: pointer;
  background: #ffffff08;
  border: 2px dashed #fff3;
  border-radius: 8px;
  padding: 30px;
  transition: border-color .3s;
}

.file-upload:hover {
  border-color: #3da57f;
}

.btn-submit {
  color: #fff;
  cursor: pointer;
  background: #3da57f1a;
  border: none;
  border-radius: 8px;
  width: 100%;
  padding: 16px 32px;
  font-size: 1rem;
  font-weight: 600;
  transition: background .3s;
}

.btn-submit:hover {
  background: #3da57f;
}

.dual-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  display: grid;
}

.contact-card, .warranty-card {
  border: 1px solid var(--border-green);
  background: #ffffff05;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 4px 15px #00000005;
}

.contact-card h3, .warranty-card h3 {
  align-items: center;
  gap: 10px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 1.4rem;
  display: flex;
}

.contact-method {
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
}

.contact-method .icon {
  color: #3da57f;
  background: #f0f8f4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  display: flex;
}

.contact-method a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.contact-method a:hover {
  color: #3da57f;
}

.warranty-checker {
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.warranty-checker input {
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: 1;
  padding: 12px 16px;
}

.warranty-checker button {
  color: #fff;
  cursor: pointer;
  background: #3da57f1a;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
}

.warranty-checker button:hover {
  background: #3da57f;
}

.resource-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  display: grid;
}

.resource-card {
  border: 1px solid var(--border-green);
  background: #ffffff05;
  border-radius: 12px;
  transition: transform .3s;
  overflow: hidden;
}

.resource-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px #0000000f;
}

.resource-thumb {
  color: #fff;
  background: #e0e0e0;
  justify-content: center;
  align-items: center;
  height: 160px;
  font-size: 2rem;
  display: flex;
  position: relative;
}

.resource-thumb:after {
  content: "▶";
  background: #00000080;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 1rem;
  display: flex;
  position: absolute;
}

.resource-body {
  padding: 20px;
}

.resource-body h4 {
  margin: 0 0 8px;
  font-size: 1.1rem;
}

.resource-body p {
  color: #aaa;
  margin: 0;
  font-size: .9rem;
}

@media (width <= 768px) {
  .service-flex {
    flex-direction: column;
  }
}

#bg-particles {
  z-index: -1;
  pointer-events: none;
  opacity: .8;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.support-bg-canvas {
  z-index: -1;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.support-portal {
  z-index: 1;
  position: relative;
}

.hero-gradient-bar {
  z-index: 3;
  background: linear-gradient(90deg, #0000, #3da57f, #2d7d61, #3da57f, #0000) 0 0 / 200% 100%;
  height: 3px;
  animation: 3s linear infinite shimmerBar;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes shimmerBar {
  0% {
    background-position: -200% 0;
  }

  to {
    background-position: 200% 0;
  }
}

.trust-statement {
  text-align: center;
  padding: 60px 0 40px;
  position: relative;
  overflow: hidden;
}

.trust-statement:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(#3da57f0e 0%, #0000 70%);
  width: 700px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trust-eyebrow {
  letter-spacing: .2em;
  color: var(--green);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
  font-size: .72rem;
  font-weight: 700;
  display: flex;
}

.trust-eyebrow:before, .trust-eyebrow:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--green));
  width: 64px;
  height: 1px;
  display: block;
}

.trust-eyebrow:after {
  background: linear-gradient(270deg, transparent, var(--green));
}

.trust-headline {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: -.025em;
  color: var(--text-primary);
  max-width: 860px;
  margin: 0 auto 40px;
  font-size: clamp(2.4rem, 5.5vw, 4.4rem);
  font-weight: 900;
  line-height: 1.1;
}

.trust-headline em {
  color: var(--green);
  font-style: normal;
}

.trust-divider {
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.trust-divider-line {
  background: linear-gradient(90deg, transparent, var(--border));
  width: 120px;
  height: 1px;
}

.trust-divider-line.right {
  background: linear-gradient(270deg, transparent, var(--border));
}

.trust-divider-dot {
  background: var(--green);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 14px var(--green);
  border-radius: 50%;
}

.brands-section {
  background: radial-gradient(#3da57f14 0%, #0000 60%);
  border-top: 1px solid #3da57f1a;
  border-bottom: 1px solid #3da57f1a;
  width: 100%;
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}

.brands-section:before, .brands-section:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  width: 140px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.brands-section:before {
  background: linear-gradient(90deg, var(--bg-0), transparent);
  left: 0;
}

.brands-section:after {
  background: linear-gradient(270deg, var(--bg-0), transparent);
  right: 0;
}

.brands-section-title {
  text-align: center;
  letter-spacing: .25em;
  color: var(--green);
  text-transform: uppercase;
  text-shadow: 0 0 20px #3da57f66;
  margin-bottom: 40px;
  font-size: 1.2rem;
  font-weight: 800;
}

.brands-static-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  width: 100%;
  padding: 8px 0 0;
  display: grid;
}

.brand-card {
  border-radius: var(--radius-lg);
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 140px;
  margin: 0;
  padding: 24px 28px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.brand-card:before {
  content: "";
  border-radius: var(--radius-lg);
  background: var(--grad-brand-vivid);
  -webkit-mask-composite: xor;
  opacity: 0;
  pointer-events: none;
  padding: 1px;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.brand-card:hover {
  background: #3da57f14;
  border-color: #0000;
  transform: translateY(-6px);
  box-shadow: 0 10px 40px #3da57f33;
}

.brand-card:hover:before {
  opacity: 1;
}

.brand-card-inner {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  display: flex;
}

.brand-logo-img {
  object-fit: contain;
  opacity: .85;
  width: auto;
  max-width: 100%;
  height: clamp(48px, 5vw, 72px);
  margin-bottom: 0;
  transition: opacity .4s, transform .4s, filter .4s;
}

.brand-logo-img[alt*="Blackmagic"], .brand-logo-img[alt*="EIZO"] {
  height: clamp(70px, 7vw, 120px);
}

.brand-logo-img[alt*="PTZ"] {
  height: clamp(90px, 8vw, 140px);
}

.brand-card:hover .brand-logo-img {
  opacity: 1;
  filter: drop-shadow(0 0 12px #3da57f4d);
  transform: scale(1.04);
}

@media (width <= 900px) {
  .brands-static-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 640px) {
  .brands-section {
    padding: 56px 0;
  }

  .brands-section-title {
    margin-bottom: 24px;
    font-size: 1rem;
  }

  .brands-static-strip {
    grid-template-columns: 1fr;
  }

  .brand-card {
    min-height: 120px;
  }
}

.brand-sub {
  color: #ffffff80;
  letter-spacing: .08em;
  text-align: center;
  font-size: .8rem;
  transition: color .4s;
}

.brand-card:hover .brand-sub {
  color: var(--green);
}

.brand-dot {
  background: var(--green);
  opacity: 0;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  transition: opacity .35s;
}

.brand-card:hover .brand-dot {
  opacity: 1;
}

.about-redesigned {
  padding: 60px 0;
  position: relative;
}

.about-split {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 80px;
  display: grid;
}

.about-left .section-tag {
  margin-bottom: 24px;
}

.about-left h2 {
  margin-bottom: 28px;
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
}

.about-left > p {
  margin-bottom: 18px;
  font-size: 1.02rem;
  line-height: 1.82;
}

.about-highlight {
  color: var(--green);
  font-weight: 600;
}

.about-pillars-new {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 32px 0 38px;
  display: grid;
}

.pillar-new {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 20px;
  transition: all .3s;
}

.pillar-new:hover {
  border-color: var(--border-green);
  background: var(--bg-card-h);
}

.pillar-new-icon {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.pillar-new strong {
  color: var(--text-primary);
  margin-bottom: 4px;
  font-size: .88rem;
  display: block;
}

.pillar-new p {
  margin: 0;
  font-size: .78rem;
}

.about-slideshow {
  border-radius: var(--radius-lg);
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
}

.about-slide {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  inset: 0;
}

.about-slide.active {
  opacity: 1;
}

.about-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.about-slide-overlay {
  background: linear-gradient(#0000 45%, #090909d9);
  position: absolute;
  inset: 0;
}

.about-slide-caption {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.about-slide-caption strong {
  color: #fff;
  margin-bottom: 3px;
  font-size: .9rem;
  display: block;
}

.about-slide-caption span {
  color: var(--green);
  font-size: .75rem;
}

.about-slide-nav {
  z-index: 2;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translate(-50%);
}

.about-slide-dot {
  background: var(--border);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: all .3s;
}

.about-slide-dot.active {
  background: var(--green);
  border-radius: 4px;
  width: 24px;
}

.about-nums {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 48px;
  display: grid;
}

.about-num-item {
  text-align: center;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 22px 12px;
  transition: border-color .3s;
}

.about-num-item:hover {
  border-color: var(--border-green);
}

.big-num {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1;
}

.num-label {
  color: var(--text-muted);
  letter-spacing: .05em;
  margin-top: 5px;
  font-size: .72rem;
}

.industries-redesigned {
  background: var(--bg-1);
  padding: 60px 0;
  position: relative;
}

.industries-mega-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 32px;
  display: grid;
}

.industry-tile {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  flex-direction: column;
  padding: 0;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.industry-tile:after {
  content: "";
  background: linear-gradient(90deg, var(--green), #2d7d61);
  transform-origin: 0;
  z-index: 5;
  height: 2px;
  transition: transform .4s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.industry-tile:hover {
  border-color: var(--border-green);
  background: var(--bg-card-h);
  transform: translateY(-6px);
  box-shadow: 0 20px 40px #0000004d, 0 0 30px #3da57f14;
}

.industry-tile:hover:after {
  transform: scaleX(1);
}

.industry-tile-img {
  background-position: 50%;
  background-size: cover;
  border-bottom: 1px solid #ffffff0d;
  width: 100%;
  height: 160px;
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
}

.industry-tile:hover .industry-tile-img {
  transform: scale(1.06);
}

.industry-tile-content {
  background: var(--bg-card);
  z-index: 2;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px 22px 30px;
  display: flex;
  position: relative;
}

.industry-tile h3 {
  color: var(--text-primary);
  margin-bottom: 8px;
  font-size: .98rem;
  font-weight: 700;
}

.industry-tile p {
  font-size: .78rem;
  line-height: 1.6;
}

.industry-tile-badge {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--green);
  border: 1px solid var(--border-green);
  border-radius: 100px;
  margin-top: 14px;
  padding: 3px 10px;
  font-size: .63rem;
  font-weight: 700;
  display: inline-block;
}

.customer-stories {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.customer-stories:before {
  content: "";
  background: radial-gradient(circle, #3da57f0a, #0000 70%);
  border-radius: 50%;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: -200px;
  transform: translateY(-50%);
}

.stories-carousel {
  margin-top: 64px;
  position: relative;
  overflow: hidden;
}

.stories-track {
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.story-card {
  min-width: 100%;
  padding: 0 8%;
}

.story-inner {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  grid-template-columns: 1fr 220px;
  align-items: start;
  gap: 56px;
  padding: 56px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.story-inner:before {
  content: "“";
  font-size: 200px;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: #3da57f0e;
  pointer-events: none;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: -24px;
  left: 40px;
}

.story-result {
  border: 1px solid var(--border-green);
  color: var(--green);
  background: #3da57f1a;
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding: 8px 20px;
  font-size: .78rem;
  font-weight: 600;
  display: inline-flex;
}

.story-result-dot {
  background: var(--green);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.story-quote {
  color: var(--text-primary);
  margin-bottom: 32px;
  font-size: 1.08rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.78;
}

.story-author {
  align-items: center;
  gap: 16px;
  display: flex;
}

.story-avatar {
  border: 2px solid var(--border-green);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: .92rem;
  font-weight: 800;
  display: flex;
}

.story-author-info strong {
  color: var(--text-primary);
  font-size: .92rem;
  display: block;
}

.story-author-info small {
  color: var(--text-muted);
  font-size: .75rem;
}

.story-visual-box {
  aspect-ratio: 1;
  border-radius: var(--radius-md);
  background: var(--bg-2);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

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

.story-brand-tag {
  text-align: center;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 10px;
  font-size: .68rem;
}

.stories-nav {
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 48px;
  display: flex;
}

.story-nav-btn {
  border: 1px solid var(--border);
  background: var(--bg-card);
  width: 48px;
  height: 48px;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  transition: all .25s;
  display: flex;
}

.story-nav-btn:hover {
  border-color: var(--green);
  color: var(--green);
  background: var(--green-dim);
}

.story-dots {
  gap: 8px;
  display: flex;
}

.story-dot {
  background: var(--border);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: all .3s;
}

.story-dot.active {
  background: var(--green);
  border-radius: 4px;
  width: 24px;
}

.contact-redesigned {
  background: var(--bg-1);
  padding: 60px 0;
  position: relative;
}

.contact-redesigned:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(55% 40% at 18%, #3da57f0a, #0000), radial-gradient(40% 55% at 82% 60%, #2d7d6108, #0000);
  position: absolute;
  inset: 0;
}

.contact-header-new {
  text-align: center;
  margin-bottom: 80px;
}

.contact-header-new .section-tag {
  margin-bottom: 20px;
}

.contact-header-new h2 {
  margin-bottom: 16px;
}

.contact-header-new p {
  max-width: 540px;
  margin: 0 auto;
  font-size: 1.02rem;
}

.contact-grid-new {
  grid-template-columns: 1fr 1.45fr;
  align-items: start;
  gap: 60px;
  display: grid;
}

.contact-info-title {
  letter-spacing: .16em;
  color: var(--text-faint);
  text-transform: uppercase;
  margin-bottom: 28px;
  font-size: .72rem;
  font-weight: 700;
}

.contact-detail {
  border-bottom: 1px solid var(--border);
  align-items: flex-start;
  gap: 18px;
  padding: 24px 0;
  display: flex;
}

.contact-detail:last-of-type {
  border-bottom: none;
}

.contact-detail-icon {
  border-radius: var(--radius-sm);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.contact-detail-body strong {
  color: var(--text-primary);
  margin-bottom: 4px;
  font-size: .83rem;
  font-weight: 600;
  display: block;
}

.contact-detail-body a, .contact-detail-body span {
  color: var(--text-muted);
  font-size: .88rem;
  transition: color .25s;
}

.contact-detail-body a:hover {
  color: var(--green);
}

.contact-socials {
  gap: 12px;
  margin-top: 36px;
  display: flex;
}

.social-icon-btn {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  background: var(--bg-card);
  width: 42px;
  height: 42px;
  color: var(--text-muted);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.social-icon-btn:hover {
  border-color: var(--green);
  color: var(--green);
  background: var(--green-dim);
}

.contact-form-new {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 48px;
}

.form-title-new {
  color: var(--text-primary);
  margin-bottom: 32px;
  font-size: 1.08rem;
  font-weight: 700;
}

.form-row-new {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.form-group-new {
  margin-bottom: 18px;
}

.form-group-new label {
  color: var(--text-muted);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: .75rem;
  font-weight: 600;
  display: block;
}

.form-group-new input, .form-group-new select, .form-group-new textarea {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-primary);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff0a;
  outline: none;
  padding: 13px 18px;
  font-size: .88rem;
  transition: border-color .25s, box-shadow .25s, background .25s;
}

.form-group-new input::placeholder, .form-group-new textarea::placeholder {
  color: var(--text-faint);
}

.form-group-new input:focus, .form-group-new select:focus, .form-group-new textarea:focus {
  border-color: var(--green);
  background: #3da57f0a;
  box-shadow: 0 0 0 3px #3da57f1f;
}

.form-group-new select option {
  background: var(--dropdown-bg);
  color: var(--text-primary);
}

.form-group-new textarea {
  resize: vertical;
  min-height: 110px;
}

.submit-btn-new {
  background: var(--green);
  color: #050505;
  border-radius: var(--radius-md);
  cursor: pointer;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: .02em;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.submit-btn-new:hover {
  background: #3da57f;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px #3da57f33;
}

.submit-btn-new:active {
  transform: translateY(0);
}

.submit-btn-new:disabled {
  background: var(--bg-2);
  color: var(--text-faint);
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.submit-btn-new:disabled:before {
  display: none;
}

.submit-btn-new:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff26, #0000);
  transition: transform .5s;
  position: absolute;
  inset: 0;
  transform: translate(-100%);
}

.submit-btn-new:hover:before {
  transform: translate(100%);
}

.form-success-new {
  text-align: center;
  padding: 40px 20px;
}

.loader-dots {
  gap: 3px;
  display: inline-flex;
}

.loader-dots span {
  background: currentColor;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 1.4s ease-in-out infinite both dots;
}

.loader-dots span:first-child {
  animation-delay: -.32s;
}

.loader-dots span:nth-child(2) {
  animation-delay: -.16s;
}

@keyframes dots {
  0%, 80%, to {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.success-circle {
  background: var(--green-dim);
  border: 2px solid var(--green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  font-size: 1.5rem;
  display: flex;
}

.form-success-new p {
  color: var(--text-primary);
  font-size: 1rem;
}

@media (width <= 960px) {
  .about-split {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .industries-mega-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .story-card {
    padding: 0 3%;
  }

  .story-inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 32px;
  }

  .story-visual {
    display: none;
  }

  .contact-grid-new {
    grid-template-columns: 1fr;
  }

  .about-pillars-new {
    grid-template-columns: 1fr 1fr;
  }

  .form-row-new {
    grid-template-columns: 1fr;
  }

  .contact-form-new {
    padding: 28px;
  }
}

@media (width <= 600px) {
  .industries-mega-grid {
    grid-template-columns: 1fr 1fr;
  }

  .trust-headline {
    font-size: 2rem;
  }

  .about-pillars-new {
    grid-template-columns: 1fr;
  }
}

.sol-hero {
  background: var(--bg-0);
  text-align: center;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.sol-hero-bg {
  pointer-events: none;
  background: radial-gradient(80% 60% at 50% 0, #3da57f1f 0%, #0000 70%), radial-gradient(50% 40% at 20% 80%, #3da57f0f 0%, #0000 60%);
  position: absolute;
  inset: 0;
}

.sol-hero-grid-overlay {
  pointer-events: none;
  background-image: linear-gradient(#3da57f0a 1px, #0000 1px), linear-gradient(90deg, #3da57f0a 1px, #0000 1px);
  background-size: 60px 60px;
  position: absolute;
  inset: 0;
  mask-image: radial-gradient(80% 60%, #000 30%, #0000 100%);
}

.sol-hero-content {
  z-index: 2;
  position: relative;
}

.sol-hero h1 {
  letter-spacing: -.03em;
  color: var(--text-primary);
  margin: 20px 0 24px;
  font-size: clamp(3rem, 7vw, 6rem);
  font-weight: 900;
  line-height: 1;
}

.sol-hero-sub {
  color: var(--text-muted);
  max-width: 620px;
  margin: 0 auto;
  font-size: clamp(.95rem, 2vw, 1.2rem);
  line-height: 1.75;
}

.sol-filter-container {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  display: flex;
}

.sol-filter-btn {
  color: var(--text-muted);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 100px;
  padding: 10px 20px;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
}

.sol-filter-btn:hover {
  color: var(--text-primary);
  border-color: #3da57f66;
  transform: translateY(-2px);
}

.sol-filter-btn.active {
  border-color: var(--green);
  color: var(--green);
  background: #3da57f26;
  box-shadow: 0 0 15px #3da57f33;
}

.solutions-grid.sol-compact {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
}

.solution-card.compact {
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  border-radius: var(--radius-md);
  background: #ffffff05;
  border: 1px solid #ffffff0f;
  flex-direction: column;
  height: 100%;
  padding: 24px;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.solution-card.compact:before {
  content: "";
  border-radius: var(--radius-md);
  background: var(--grad-brand-vivid);
  -webkit-mask-composite: xor;
  opacity: 0;
  pointer-events: none;
  padding: 1px;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.solution-card.filtered-out {
  display: none !important;
}

.solution-card.compact:hover {
  background: #3da57f0d;
  border-color: #0000;
  transform: translateY(-6px);
  box-shadow: 0 25px 50px #0006, 0 0 30px #3da57f26;
}

.solution-card.compact:hover:before {
  opacity: 1;
}

.solution-card.compact .card-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  display: flex;
}

.solution-card.compact h3 {
  color: var(--text-primary);
  margin: 12px 0 8px;
  font-size: 1.15rem;
  line-height: 1.3;
}

.solution-card.compact p {
  color: var(--text-muted);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
  font-size: .85rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.solution-card.compact .sol-workflow-bar {
  background: #ffffff08;
  margin-top: auto;
  margin-bottom: 20px;
  padding: 8px 10px;
}

.card-link-text {
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .05em;
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  font-weight: 700;
  transition: gap .3s;
  display: flex;
}

.solution-card.compact:hover .card-link-text {
  gap: 10px;
}

.solution-card.compact:after {
  content: "";
  opacity: 0;
  background: radial-gradient(circle at 100% 0, #3da57f0d, #0000 70%);
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.solution-card.compact:hover:after {
  opacity: 1;
}

.sol-workflow-bar {
  border-radius: var(--radius-sm);
  background: #3da57f0d;
  border: 1px solid #3da57f1f;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
  padding: 10px 12px;
  display: flex;
}

.sol-workflow-bar span {
  letter-spacing: .04em;
  color: var(--text-muted);
  white-space: nowrap;
  font-size: .68rem;
  font-weight: 600;
}

.wf-arrow {
  color: var(--green) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
}

.sol-modal-overlay {
  z-index: 2000;
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  background: #000000d9;
  justify-content: center;
  align-items: center;
  padding: 24px;
  transition: opacity .3s, visibility .3s;
  display: flex;
  position: fixed;
  inset: 0;
}

.sol-modal-overlay.open {
  opacity: 1;
  visibility: visible;
}

.sol-modal {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  scrollbar-width: thin;
  scrollbar-color: var(--border-green) transparent;
  width: 100%;
  max-width: 680px;
  max-height: 90vh;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow-y: auto;
  transform: translateY(24px) scale(.97);
  box-shadow: 0 40px 100px #000000b3, 0 0 0 1px #3da57f1a;
}

.sol-modal-overlay.open .sol-modal {
  transform: translateY(0) scale(1);
}

.sol-modal-close {
  z-index: 10;
  backdrop-filter: blur(8px);
  border: 1px solid var(--border);
  width: 40px;
  height: 40px;
  color: var(--text-primary);
  cursor: pointer;
  transition: all var(--transition);
  background: #0009;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.sol-modal-close:hover {
  border-color: var(--border-green);
  color: var(--green);
  background: var(--green-dim);
}

.sol-modal-img-wrap {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.sol-modal-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sol-modal-img-overlay {
  background: linear-gradient(to bottom, transparent 40%, var(--bg-1) 100%);
  position: absolute;
  inset: 0;
}

.sol-modal-badge {
  backdrop-filter: blur(10px);
  border: 1px solid var(--border-green);
  letter-spacing: .1em;
  color: var(--green);
  text-transform: uppercase;
  background: #050505d9;
  border-radius: 100px;
  padding: 6px 14px;
  font-size: .72rem;
  font-weight: 700;
  position: absolute;
  top: 16px;
  left: 20px;
}

.sol-modal-body {
  padding: 24px 32px 36px;
}

.sol-modal-body .section-tag {
  margin-bottom: 12px;
}

.sol-modal-body h2 {
  color: var(--text-primary);
  margin-bottom: 14px;
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.sol-modal-intro {
  color: var(--text-muted);
  margin-bottom: 28px;
  font-size: .95rem;
  line-height: 1.75;
}

.sol-modal-section {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition);
  margin-bottom: 24px;
  padding: 20px;
}

.sol-modal-section:hover {
  border-color: var(--border-green);
}

.sol-modal-section-title {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--green);
  font-size: .8rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  margin-bottom: 14px;
}

.sol-modal-list {
  flex-direction: column;
  gap: 10px;
  padding: 0;
  list-style: none;
  display: flex;
}

.sol-modal-list li {
  color: var(--text-muted);
  align-items: flex-start;
  gap: 10px;
  font-size: .9rem;
  line-height: 1.6;
  display: flex;
}

.sol-modal-list li:before {
  content: "-";
  color: var(--green);
  flex-shrink: 0;
  margin-top: 1px;
  font-weight: 700;
}

.sol-modal-check li:before {
  content: "✓";
  color: var(--green);
  font-size: .85rem;
}

.sol-modal-workflow {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.sol-modal-wf-stage {
  align-items: center;
  gap: 8px;
  display: flex;
}

.sol-modal-wf-step {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-sm);
  color: var(--green);
  white-space: nowrap;
  padding: 8px 16px;
  font-size: .82rem;
  font-weight: 600;
}

.sol-modal-wf-arrow {
  color: var(--text-faint);
  flex-shrink: 0;
  font-size: 1rem;
}

#sol-modal-approach {
  color: var(--text-muted);
  margin: 0;
  font-size: .9rem;
  line-height: 1.75;
}

.sol-modal-highlight {
  border-left: 3px solid var(--green);
  background: #3da57f0d;
  border-radius: 0 8px 8px 0;
  margin: 1.5rem 0;
  padding: 1.25rem;
}

.sol-modal-highlight .sol-modal-section-title {
  color: var(--green);
  margin-bottom: .75rem;
}

.sol-modal-highlight-list {
  flex-direction: column;
  gap: 8px;
  padding: 0;
  list-style: none;
  display: flex;
}

.sol-modal-highlight-list li {
  color: #ffffffd9;
  align-items: center;
  gap: 10px;
  font-size: .9rem;
  line-height: 1.5;
  display: flex;
}

.sol-modal-highlight-list li:before {
  content: "";
  background: var(--green);
  border-radius: 50%;
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
}

@media (width <= 1024px) {
  .sol-3col {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (width <= 768px) {
  .sol-hero {
    padding: 140px 0 80px;
  }

  .sol-3col {
    grid-template-columns: 1fr !important;
  }

  .sol-modal-body {
    padding: 20px 20px 28px;
  }

  .sol-modal-img-wrap {
    height: 180px;
  }
}

.sol-form-section {
  background: var(--bg-0);
  border-top: 1px solid var(--border);
  padding: 100px 0;
}

.sol-form-container {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  max-width: 900px;
  margin: 0 auto;
  padding: 60px;
  box-shadow: 0 30px 60px #0000004d;
}

.sol-form-header {
  text-align: center;
  margin-bottom: 50px;
}

.sol-form-header h2 {
  color: var(--text-primary);
  margin-bottom: 15px;
  font-size: clamp(2rem, 4vw, 3rem);
}

.sol-form-header p {
  color: var(--text-muted);
  max-width: 500px;
  margin: 0 auto;
}

.form-section-group {
  border-bottom: 1px solid #ffffff0d;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.form-section-title {
  color: var(--green);
  font-size: 1.1rem;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: .02em;
  margin-bottom: 25px;
}

.form-grid-2 {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}

.form-sublabel {
  color: var(--text-muted);
  margin-bottom: 15px;
  font-size: .85rem;
  display: block;
}

.interests-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 10px;
  display: grid;
}

.checkbox-container {
  cursor: pointer;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: #ffffff08;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  transition: all .2s;
  display: flex;
}

.checkbox-container:hover {
  background: #3da57f0d;
  border-color: #3da57f4d;
}

.checkbox-container input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--green);
  cursor: pointer;
}

.checkbox-label {
  color: var(--text-primary);
  font-size: .85rem;
}

.form-submit-wrap {
  margin-top: 40px;
}

.sol-form-success {
  text-align: center;
  padding: 40px 0;
  animation: .5s fadeInDown;
}

.success-icon {
  background: var(--green-dim);
  width: 80px;
  height: 80px;
  color: var(--green);
  border: 2px solid var(--border-green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0 auto 24px;
  font-size: 2.5rem;
  display: flex;
}

.sol-form-success h3 {
  color: var(--text-primary);
  margin-bottom: 12px;
  font-size: 2rem;
}

.sol-form-success p {
  color: var(--text-muted);
  margin-bottom: 30px;
}

@media (width <= 768px) {
  .sol-form-container {
    padding: 30px 20px;
  }

  .form-grid-2 {
    grid-template-columns: 1fr;
  }

  .interests-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.customer-stories {
  background: var(--bg-1);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.stories-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
}

.story-card {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: transform var(--transition), box-shadow var(--transition);
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 30px #0003;
}

.story-card:hover {
  box-shadow: 0 20px 40px #0006, 0 0 0 1px var(--green-dim);
  transform: translateY(-5px);
}

.story-header {
  border-bottom: 1px solid #ffffff0d;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.story-avatar {
  object-fit: contain;
  border: 1px solid var(--border-green);
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 4px;
}

.story-user {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.story-user strong {
  color: var(--text-primary);
  font-size: .9rem;
  line-height: 1.2;
}

.story-user span {
  color: var(--text-muted);
  font-size: .75rem;
}

.story-icon {
  color: var(--text-muted);
  transition: color var(--transition);
}

.story-icon:hover {
  color: var(--green);
}

.story-image-wrap {
  aspect-ratio: 1;
  background: var(--bg-2);
  width: 100%;
  overflow: hidden;
}

.story-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.story-card:hover .story-img {
  transform: scale(1.03);
}

.story-body {
  padding: 16px;
}

.story-actions {
  color: var(--text-primary);
  gap: 16px;
  margin-bottom: 12px;
  display: flex;
}

.story-actions svg {
  cursor: pointer;
  transition: color var(--transition), transform .2s;
}

.story-actions svg:hover {
  color: var(--green);
  transform: scale(1.1);
}

.story-caption {
  color: var(--text-muted);
  font-size: .9rem;
  line-height: 1.5;
}

.story-caption strong {
  color: var(--text-primary);
  margin-right: 6px;
}

@media (width <= 768px) {
  .hero {
    aspect-ratio: auto;
    height: auto;
    min-height: auto;
    max-height: none;
    padding: 60px 0 80px;
  }

  .hero-headline {
    line-height: 1.1;
    font-size: clamp(2.2rem, 8vw, 3.5rem) !important;
  }

  .hero-line[style] {
    letter-spacing: .15em !important;
    font-size: 1rem !important;
  }

  .hero-sub {
    font-size: 1rem;
    line-height: 1.5;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
  }

  .hero-actions .btn {
    justify-content: center;
  }

  h1 {
    font-size: clamp(2.2rem, 8vw, 3rem) !important;
  }

  h2 {
    font-size: clamp(1.8rem, 6vw, 2.5rem) !important;
  }

  h3 {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
  }

  .i-grid, .brand-grid, .features-grid, .stats-grid, .who-grid, .footer-grid {
    gap: 32px;
    grid-template-columns: 1fr !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}

body.popup-open {
  overflow: hidden;
}

.event-popup-overlay {
  -webkit-backdrop-filter: blur(4px);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  background: #000000c7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .25s, visibility .25s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.event-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.event-popup-card {
  background: linear-gradient(145deg, #f5f3ee 0%, #ece8e1 100%);
  border: 1px solid #50505029;
  border-radius: 20px;
  flex-direction: column;
  width: min(92%, 580px);
  max-width: 580px;
  max-height: 94vh;
  transition: transform .25s, opacity .25s;
  display: flex;
  position: relative;
  overflow-y: auto;
  transform: translateY(12px) scale(.98);
  box-shadow: 0 18px 40px #0f0f0f29;
}

.event-popup-overlay.active .event-popup-card {
  transform: translateY(0) scale(1);
}

.event-popup-close-btn {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  line-height: 1;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 15px;
  right: 15px;
}

.event-popup-close-btn:hover {
  color: #fff;
  background: #3c3c3ce6;
  border-color: #3c3c3ce6;
  transform: rotate(90deg);
}

.event-popup-img-wrap {
  background: #000;
  width: 100%;
  padding-top: 2px;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.event-popup-img-wrap img {
  object-fit: cover;
  object-position: top center;
  transform-origin: top;
  width: 100%;
  height: auto;
  margin: 0;
  transition: transform .3s;
  display: block;
}

.event-popup-img-wrap:hover img {
  transform: scale(1.03);
}

.event-popup-content {
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  display: flex;
}

.event-popup-title {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: #1f1f1f;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.3;
}

.event-popup-desc {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: #5f5b56;
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
}

.event-popup-cta {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: .08em;
  box-shadow: none;
  background: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 4px;
  padding: 0;
  font-size: .82rem;
  font-weight: 700;
  transition: color .2s;
  display: inline-flex;
  color: #4a4a4a !important;
  text-decoration: none !important;
}

.event-popup-cta:hover {
  box-shadow: none;
  background: none;
  transform: none;
  color: #1f1f1f !important;
}

@media (width <= 576px) {
  .event-popup-card {
    width: 94%;
    max-width: 100%;
  }

  .event-popup-content {
    padding: 20px;
  }

  .event-popup-title {
    font-size: 1.2rem;
  }
}

.more-than-tech-section {
  background: var(--bg-1);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.more-than-tech-section:before {
  content: "";
  background: radial-gradient(circle, var(--green-glow) 0%, transparent 70%);
  pointer-events: none;
  width: 450px;
  height: 450px;
  position: absolute;
  top: -150px;
  right: -150px;
}

.mtt-header {
  text-align: center;
  max-width: 860px;
  margin: 0 auto 48px;
}

.mtt-intro-p {
  color: var(--text-primary);
  margin-top: 16px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.8;
}

.vm-cards-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-bottom: 48px;
  display: grid;
}

.vm-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  flex-direction: column;
  padding: 36px;
  display: flex;
  position: relative;
}

.vm-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  background: var(--bg-card-h);
  transform: translateY(-4px);
}

.vm-badge {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--green);
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.vm-card h3 {
  color: var(--text-primary);
  font-size: 1.4rem;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  margin-bottom: 12px;
}

.vm-card p {
  color: var(--text-muted);
  flex-grow: 1;
  font-size: .95rem;
  line-height: 1.7;
}

.pillars-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}

.pillar-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition);
  align-items: center;
  gap: 14px;
  padding: 22px 20px;
  display: flex;
}

.pillar-card:hover {
  border-color: var(--green);
  background: var(--bg-card-h);
  transform: translateY(-2px);
}

.pillar-icon-check {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  width: 36px;
  height: 36px;
  color: var(--green);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.pillar-text {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  letter-spacing: .01em;
  font-size: .95rem;
  font-weight: 600;
}

.about-vm-section {
  background: var(--bg-0);
  padding: 80px 0;
  position: relative;
}

.about-vm-container {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  display: grid;
}

.about-vm-box {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  transition: all var(--transition);
  padding: 44px 38px;
  position: relative;
  overflow: hidden;
}

.about-vm-box:before {
  content: "";
  background: linear-gradient(90deg, var(--green), transparent);
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.about-vm-box:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-3px);
}

.about-vm-tag {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--green);
  margin-bottom: 12px;
  font-size: .75rem;
  font-weight: 700;
  display: block;
}

.about-vm-box h2 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 20px;
  line-height: 1.15;
}

.about-vm-box.vision-box .vm-large-text {
  color: var(--text-primary);
  border-left: 3px solid var(--green);
  margin: 0;
  padding-left: 20px;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  font-weight: 500;
  line-height: 1.7;
}

.about-vm-box.mission-box p {
  color: var(--text-muted);
  margin: 0;
  font-size: 1rem;
  line-height: 1.75;
}

.core-values-section {
  background: var(--bg-1);
  padding: 80px 0;
}

.values-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
  display: grid;
}

.value-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 32px 28px;
  position: relative;
}

.value-card:hover {
  border-color: var(--green);
  box-shadow: var(--shadow-green);
  background: var(--bg-card-h);
  transform: translateY(-4px);
}

.value-num {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: 100px;
  margin-bottom: 16px;
  padding: 4px 10px;
  font-size: .8rem;
  font-weight: 800;
  display: inline-block;
}

.value-card h3 {
  font-size: 1.2rem;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 10px;
}

.value-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .88rem;
  line-height: 1.65;
}

@media (width <= 1024px) {
  .vm-cards-grid, .about-vm-container {
    grid-template-columns: 1fr;
  }

  .pillars-grid, .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 640px) {
  .pillars-grid, .values-grid {
    grid-template-columns: 1fr;
  }

  .about-vm-box {
    padding: 28px 20px;
  }
}

.mega-dropdown-grid.has-4-items {
  grid-template-columns: repeat(4, 1fr) !important;
}

@media (width <= 900px) {
  .mega-dropdown-grid.has-4-items {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.ptz-spotlight-section {
  background: linear-gradient(135deg, var(--bg-1) 0%, #03181a 50%, var(--bg-0) 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.ptz-spotlight-section:before {
  content: "";
  background: radial-gradient(circle, var(--green-glow) 0%, transparent 60%);
  pointer-events: none;
  width: 650px;
  height: 650px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ptz-spotlight-grid {
  flex-wrap: wrap;
  align-items: center;
  gap: 48px;
  display: flex;
}

.ptz-spotlight-grid > * {
  flex: 280px;
}

.ptz-spotlight-content .brand-announcement-tag {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  color: var(--green);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 6px 16px;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

.ptz-spotlight-content h2 {
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 16px;
  line-height: 1.15;
}

.ptz-spotlight-content p {
  color: var(--text-muted);
  margin-bottom: 28px;
  font-size: 1.05rem;
  line-height: 1.75;
}

.ptz-feature-tags {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
  display: flex;
}

.ptz-ft-tag {
  background: var(--bg-card);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: .85rem;
  font-weight: 600;
  display: inline-flex;
}

.ptz-ft-tag:before {
  content: "✓";
  color: var(--green);
  font-weight: 800;
}

.ptz-hero {
  text-align: left;
  background: var(--bg-0);
  align-items: center;
  min-height: 80vh;
  padding: 130px 24px 90px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ptz-hero .container {
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ptz-hero-video-bg {
  object-fit: cover;
  z-index: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ptz-hero-overlay-fade {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #020b0dfa 0%, #020b0de0 25%, #020b0d59 40%, #0000 55%);
  position: absolute;
  inset: 0;
}

.ptz-hero-content {
  z-index: 2;
  text-align: left;
  width: 100%;
  max-width: 580px;
  margin-left: 0;
  margin-right: auto;
  position: relative;
}

.ptz-hero-content h1 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 14px;
  line-height: 1.15;
}

.ptz-hero-content p {
  color: var(--text-muted);
  margin-bottom: 20px;
  font-size: clamp(.88rem, 1.1vw, .98rem);
  line-height: 1.6;
}

.ptz-hero-content .hero-actions {
  justify-content: flex-start;
  gap: 12px;
}

.why-ptz-section {
  background: var(--bg-0);
  padding: 80px 0;
}

.why-ptz-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: stretch;
  gap: 20px;
  margin-top: 48px;
  display: grid;
}

.why-ptz-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 24px 20px;
  display: flex;
}

.why-ptz-card:hover {
  border-color: var(--green);
  background: var(--bg-card-h);
  box-shadow: var(--shadow-green);
  transform: translateY(-3px);
}

.why-ptz-card .ptz-icon {
  margin-bottom: 12px;
  font-size: 2rem;
  display: block;
}

.why-ptz-card h4 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 6px;
  font-size: 1rem;
}

.why-ptz-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.5;
}

.ptz-industries-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 48px;
  display: grid;
}

.ptz-ind-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  flex-direction: column;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ptz-ind-card:before {
  content: "";
  background: linear-gradient(90deg, var(--green), transparent);
  opacity: 0;
  width: 100%;
  height: 3px;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.ptz-ind-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

.ptz-ind-card:hover:before {
  opacity: 1;
}

.ptz-ind-badge {
  margin-bottom: 16px;
  font-size: 1.8rem;
}

.ptz-ind-card h3 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 12px;
  font-size: 1.3rem;
}

.ptz-ind-card ul {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ptz-ind-card li {
  color: var(--text-muted);
  align-items: center;
  gap: 8px;
  font-size: .88rem;
  display: flex;
}

.ptz-ind-card li:before {
  content: "▸";
  color: var(--green);
  font-weight: 700;
}

.workflow-section {
  background: var(--bg-1);
  padding: 80px 0;
}

.workflow-diagram {
  background: var(--bg-card);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-green);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 48px 0;
  padding: 36px 24px;
  display: flex;
}

.wf-step-node {
  background: var(--bg-2);
  border: 1.5px solid var(--green);
  color: var(--text-primary);
  border-radius: var(--radius-md);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: .05em;
  text-align: center;
  min-width: 120px;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 4px 15px #0006;
}

.wf-arrow-next {
  color: var(--green);
  font-size: 1.5rem;
  font-weight: 800;
}

.wf-compat-brands {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
  display: flex;
}

.wf-compat-chip {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  border-radius: 100px;
  padding: 6px 14px;
  font-size: .8rem;
  font-weight: 600;
}

.wf-compat-chip strong {
  color: var(--green);
}

.crossbrand-section {
  background: var(--bg-0);
  padding: 80px 0;
}

.cb-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 48px;
  display: grid;
}

.cb-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  flex-direction: column;
  padding: 32px 28px;
  display: flex;
}

.cb-card:hover {
  border-color: var(--green);
  background: var(--bg-card-h);
  transform: translateY(-4px);
}

.cb-card h3 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 1.25rem;
  display: flex;
}

.cb-card ul {
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cb-card li {
  color: var(--text-muted);
  padding-left: 20px;
  font-size: .88rem;
  position: relative;
}

.cb-card li:before {
  content: "";
  background: var(--green);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: .62em;
  left: 2px;
}

.cb-card li strong {
  color: var(--text-primary);
}

.camixel-value-section {
  background: var(--bg-1);
  padding: 80px 0;
}

.cv-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 48px;
  display: grid;
}

.cv-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  padding: 20px 16px;
}

.cv-card:hover {
  border-color: var(--green);
  background: var(--bg-card-h);
  transform: translateY(-3px);
}

.cv-card .cv-icon {
  margin-bottom: 8px;
  font-size: 1.6rem;
  display: block;
}

.cv-card h4 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin: 0;
  font-size: .88rem;
}

.ptz-categories-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
  display: grid;
}

.ptz-cat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 32px 28px;
}

.ptz-cat-card:hover {
  border-color: var(--green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

.ptz-cat-card h3 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 8px;
  font-size: 1.3rem;
}

.ptz-cat-card p {
  color: var(--text-muted);
  margin-bottom: 16px;
  font-size: .88rem;
}

.ptz-cta-banner {
  text-align: center;
  background: linear-gradient(135deg, #171717 0%, #2a2a2a 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.ptz-cta-banner .container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ptz-cta-banner .hero-actions {
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
}

.ptz-cta-banner h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: #fff;
  margin-bottom: 16px;
}

.ptz-cta-banner p {
  color: #ffffffd9;
  max-width: 650px;
  margin: 0 auto 32px;
  font-size: 1.1rem;
}

@media (width <= 1024px) {
  .ptz-spotlight-grid, .ptz-industries-grid, .cb-grid, .ptz-categories-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cv-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width <= 640px) {
  .ptz-spotlight-grid, .ptz-industries-grid, .cb-grid, .ptz-categories-grid {
    grid-template-columns: 1fr;
  }

  .cv-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .workflow-diagram {
    flex-direction: column;
  }

  .wf-arrow-next {
    transform: rotate(90deg);
  }
}

.ptz-hero-overlay-gradient {
  z-index: 1;
  background: linear-gradient(#020b0dd9 0%, #031215f2 100%);
  position: absolute;
  inset: 0;
}

.ptz-img-frame {
  background: var(--bg-card);
  border: 1.5px dashed var(--border-green);
  border-radius: var(--radius-md);
  width: 100%;
  height: 200px;
  transition: all var(--transition);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ptz-img-frame img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.ptz-img-frame:hover img {
  transform: scale(1.06);
}

.ptz-img-frame-placeholder {
  color: var(--text-muted);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
}

.ptz-img-frame-placeholder svg {
  opacity: .4;
  color: var(--green);
}

.ptz-video-gallery-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
  display: grid;
}

.ptz-video-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  overflow: hidden;
}

.ptz-video-card:hover {
  border-color: var(--green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

.ptz-video-thumb {
  background: #000;
  width: 100%;
  height: 180px;
  position: relative;
}

.ptz-video-thumb video, .ptz-video-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ptz-play-btn {
  color: #000;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 20px var(--green-glow);
  background: #3da57fe6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ptz-video-card:hover .ptz-play-btn {
  background: var(--green);
  transform: translate(-50%, -50%) scale(1.15);
}

.ptz-video-info {
  padding: 20px;
}

.ptz-video-info h4 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 6px;
  font-size: 1.05rem;
}

.ptz-video-info p {
  color: var(--text-muted);
  margin: 0;
  font-size: .82rem;
}

@media (width <= 900px) {
  .ptz-video-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 600px) {
  .ptz-video-gallery-grid {
    grid-template-columns: 1fr;
  }
}

.nav-header, .nav-container, .nav-links, .nav-cta {
  backface-visibility: hidden;
}

.hero-bg-wrapper {
  will-change: transform;
  transform: translate(0);
}

img {
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

:root {
  --cx-bg: #050505;
  --cx-bg-2: #0f0f0f;
  --cx-surface: #121212;
  --cx-surface-2: #171717;
  --cx-surface-3: #1b1b1b;
  --cx-white: #f7faf8;
  --cx-text: #edf3ef;
  --cx-copy: #a8b5ad;
  --cx-muted: #75847b;
  --cx-line: #dfefe61f;
  --cx-line-strong: #dfefe638;
  --cx-green: #3da57f;
  --cx-green-2: #3da57f;
  --cx-green-dark: #2d7d61;
  --cx-black: #0a0a0a;
  --cx-product-bg: #f3f6f4;
  --cx-product-ink: #151515;
  --cx-danger: #ff7a7a;
  --cx-header: 76px;
  --cx-max: 1460px;
  --cx-radius-sm: 4px;
  --cx-radius: 8px;
  --cx-radius-lg: 14px;
  --cx-shadow: 0 18px 48px #00000038;
  --cx-shadow-soft: 0 8px 28px #00000029;
  --green: var(--cx-green);
  --green-dark: var(--cx-green-dark);
  --green-dim: #3da57f1a;
  --green-glow: #3da57f2e;
  --bg-0: var(--cx-bg);
  --bg-1: var(--cx-bg-2);
  --bg-2: var(--cx-surface);
  --bg-card: var(--cx-surface);
  --bg-card-h: var(--cx-surface-2);
  --border: var(--cx-line);
  --border-green: #3da57f52;
  --text-primary: var(--cx-text);
  --text-muted: var(--cx-copy);
  --text-faint: var(--cx-muted);
  --radius-sm: var(--cx-radius-sm);
  --radius-md: var(--cx-radius);
  --radius-lg: var(--cx-radius-lg);
  --radius-xl: 18px;
  --shadow-green: var(--cx-shadow-soft);
  --grad-text: linear-gradient(90deg, #3da57f 0%, #3da57f 100%);
}

html {
  scroll-padding-top: calc(var(--cx-header) + 24px);
  background: var(--cx-bg);
  overflow-x: clip;
}

body.premium-ui {
  background: var(--cx-bg);
  color: var(--cx-text);
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: -.005em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0;
  padding-top: 0;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: clip;
}

body.premium-ui h1, body.premium-ui h2, body.premium-ui h3, body.premium-ui h4, body.premium-ui h5, body.premium-ui h6 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--cx-text);
  letter-spacing: -.04em;
  text-wrap: balance;
}

body.premium-ui p {
  color: var(--cx-copy);
}

body.premium-ui img {
  max-width: 100%;
}

body.premium-ui [id] {
  scroll-margin-top: calc(var(--cx-header) + 28px);
}

.container, section > .container, footer > .container {
  width: min(calc(100% - 64px), var(--cx-max));
  max-width: var(--cx-max);
  margin-inline: auto;
}

.nav-header, .nav-header.scrolled {
  z-index: 5000;
  width: 100%;
  height: var(--cx-header);
  border: 0;
  border-bottom: 1px solid var(--cx-line);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  background: #0a0a0afa;
  margin: 0;
  padding: 0;
  position: sticky;
  top: 0;
  transform: none;
}

.nav-container {
  width: min(calc(100% - 56px), var(--cx-max));
  max-width: var(--cx-max);
  height: var(--cx-header);
  min-height: var(--cx-header);
  grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
  align-items: center;
  gap: 24px;
  margin: 0 auto;
  padding: 0;
  display: grid;
}

.nav-logo {
  background: none;
  border: 0;
  justify-self: start;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.site-logo-header {
  width: auto;
  height: 34px;
  display: block;
}

.nav-links {
  justify-self: center;
  align-items: stretch;
  gap: clamp(16px, 1.55vw, 30px);
  min-width: 0;
  margin: 0;
  display: flex;
  overflow: visible;
}

.nav-item {
  position: static;
}

.nav-link {
  min-height: var(--cx-header);
  color: #b9c5bd;
  box-shadow: none;
  letter-spacing: -.01em;
  text-transform: none;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: color .16s;
  display: inline-flex;
  position: relative;
}

.nav-link:after {
  content: "";
  background: var(--cx-green);
  transform-origin: 50%;
  height: 2px;
  transition: transform .16s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.nav-link:hover, .nav-link:focus-visible, .nav-link.active, .nav-item:hover > .nav-link, .nav-item.brands-open > .nav-link {
  color: #fff;
  background: none;
}

.nav-link:hover:after, .nav-link:focus-visible:after, .nav-link.active:after, .nav-item:hover > .nav-link:after, .nav-item.brands-open > .nav-link:after {
  transform: scaleX(1);
}

.chevron {
  opacity: .65;
  transition: transform .16s;
}

.nav-item:hover .chevron, .nav-item.brands-open .chevron {
  transform: rotate(180deg);
}

.nav-cta {
  justify-self: end;
  align-items: center;
  margin: 0;
  display: flex;
}

.nav-cta-link {
  min-height: 42px;
  color: var(--cx-black);
  background: var(--cx-green);
  border: 1px solid var(--cx-green);
  box-shadow: none;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 0 13px 0 16px;
  font-size: 12.5px;
  font-weight: 750;
  text-decoration: none;
  transition: background .16s, border-color .16s, color .16s;
  display: inline-flex;
}

.nav-cta-link svg {
  box-sizing: content-box;
  border-left: 1px solid #0a0a0a42;
  width: 17px;
  height: 17px;
  padding-left: 10px;
}

.nav-cta-link:hover, .nav-cta-link:focus-visible {
  background: var(--cx-green-2);
  border-color: var(--cx-green-2);
  color: #0a0a0a;
}

.hamburger {
  border: 1px solid var(--cx-line);
  background: none;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  justify-self: end;
  align-items: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  padding: 0;
  display: none;
}

.hamburger span {
  background: #f3f7f4;
  width: 18px;
  height: 1px;
  transition: transform .16s, opacity .16s;
}

.mega-dropdown {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border: 0;
  border-top: 1px solid var(--cx-line);
  border-bottom: 1px solid var(--cx-line);
  z-index: 5100;
  background: #0e0e0e;
  border-radius: 0;
  width: 100%;
  max-width: none;
  padding: 0;
  transition: opacity .14s, transform .14s, visibility .14s;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translateY(-4px);
  box-shadow: 0 28px 64px #00000057;
}

.has-dropdown:hover > .mega-dropdown, .has-dropdown:focus-within > .mega-dropdown, .has-dropdown.brands-open > .mega-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.mega-shell {
  width: min(calc(100% - 64px), var(--cx-max));
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.95fr);
  gap: 48px;
  margin: 0 auto;
  padding: 34px 0 38px;
  display: grid;
}

.mega-intro {
  border-right: 1px solid var(--cx-line);
  padding: 4px 44px 4px 0;
}

.mega-kicker, .section-tag, .form-section-title, .support-aside-kicker {
  color: var(--cx-green);
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-size: 10.5px;
  font-weight: 760;
  line-height: 1.2;
  display: inline-flex;
}

.mega-kicker:before, .section-tag:before, .form-section-title:before, .support-aside-kicker:before {
  content: "";
  background: var(--cx-green);
  flex: none;
  width: 2px;
  height: 15px;
}

.section-tag:after, .mega-kicker:after, .support-aside-kicker:after {
  content: none;
  display: none;
}

.mega-intro h2 {
  max-width: 390px;
  margin: 13px 0 0;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.13;
}

.mega-intro p {
  max-width: 430px;
  color: var(--cx-copy);
  margin: 13px 0 20px;
  font-size: 13px;
  line-height: 1.65;
}

.mega-all-link {
  color: #fff;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 650;
  text-decoration: none;
  display: inline-flex;
}

.mega-brand-grid {
  border-top: 1px solid var(--cx-line);
  border-left: 1px solid var(--cx-line);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.mega-brand {
  min-width: 0;
  min-height: 164px;
  color: var(--cx-text);
  border: 0;
  border-right: 1px solid var(--cx-line);
  border-bottom: 1px solid var(--cx-line);
  background: none;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 22px;
  padding: 24px 22px 22px;
  text-decoration: none;
  transition: background .14s;
  display: flex;
  position: relative;
}

.mega-brand:hover, .mega-brand:focus-visible {
  background: #3da57f0e;
}

.mega-logo-stage {
  background: none;
  border: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  display: flex;
}

.mega-logo-stage img {
  object-fit: contain;
  object-position: left center;
  width: auto;
  max-width: 132px;
  height: auto;
  max-height: 40px;
}

.mega-brand-copy {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.mega-brand-copy strong {
  letter-spacing: -.015em;
  font-size: 13px;
  font-weight: 700;
}

.mega-brand-copy small {
  color: var(--cx-muted);
  font-size: 11px;
  line-height: 1.45;
}

.mega-arrow {
  color: var(--cx-muted);
  font-size: 14px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.btn, .btn-primary, .btn-primary-sm, .btn-ghost, .btn-outline-sm, .btn-lg, .cat-cta, .model-card-link {
  border-radius: 5px;
}

.btn {
  letter-spacing: -.01em;
  min-height: 44px;
  box-shadow: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background .16s, border-color .16s, color .16s;
  display: inline-flex;
  transform: none;
}

.btn-primary, .btn-primary-sm {
  color: var(--cx-black);
  background: var(--cx-green);
  border-color: var(--cx-green);
}

.btn-primary:hover, .btn-primary-sm:hover, .btn-primary:focus-visible, .btn-primary-sm:focus-visible {
  color: #0a0a0a;
  background: var(--cx-green-2);
  border-color: var(--cx-green-2);
  box-shadow: none;
  transform: none;
}

.btn-ghost:hover, .btn-outline-sm:hover, .btn-ghost:focus-visible, .btn-outline-sm:focus-visible {
  color: #fff;
  box-shadow: none;
  background: #ffffff09;
  border-color: #3da57f73;
  transform: none;
}

.section-header {
  max-width: 820px;
}

.section-title {
  color: var(--cx-text);
  letter-spacing: -.05em;
  margin-top: 14px;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.04;
}

.section-sub {
  max-width: 720px;
  color: var(--cx-copy);
  margin: 16px auto 0;
  font-size: 15px;
  line-height: 1.7;
}

.text-accent {
  color: var(--cx-green);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.hero-mesh-glow, .hero-grid-overlay, .hero-scroll-hint, .scroll-line, .senn-waveform, .orb, .particles, .cursor-dot, .cursor-ring {
  display: none;
}

.brands-section {
  border-top: 1px solid var(--cx-line);
  border-bottom: 1px solid var(--cx-line);
  background: #0a0a0a;
}

.brands-section-title {
  color: var(--cx-green);
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 28px;
  font-size: 11px;
  font-weight: 760;
}

.brands-static-strip {
  border-top: 1px solid var(--cx-line);
  border-left: 1px solid var(--cx-line);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  display: grid;
}

.brand-card {
  border: 0;
  border-right: 1px solid var(--cx-line);
  border-bottom: 1px solid var(--cx-line);
  min-height: 148px;
  box-shadow: none;
  background: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 26px 30px;
  transition: background .14s;
  display: flex;
}

.brand-card:hover, .brand-card:focus-visible {
  box-shadow: none;
  background: #3da57f0b;
  transform: none;
}

.brand-logo-img {
  object-fit: contain;
  width: auto;
  max-width: 220px;
  height: auto;
  max-height: 58px;
}

.commerce-card {
  background: var(--cx-surface);
  border: 1px solid var(--cx-line);
  box-shadow: none;
  border-radius: 9px;
  transition: border-color .16s, background .16s;
  position: relative;
  overflow: hidden;
  transform: none;
}

.commerce-card:hover, .commerce-card:focus-within {
  box-shadow: none;
  background: #141414;
  border-color: #3da57f66;
  transform: none;
}

.product-card {
  min-height: 100%;
  color: var(--cx-text);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.prod-img-wrap {
  aspect-ratio: 4 / 3;
  background: linear-gradient(#f7f9f8 0%, #eef2ef 100%);
  border: 0;
  border-radius: 0;
  place-items: center;
  width: 100%;
  min-height: 210px;
  padding: 24px;
  display: grid;
  position: relative;
}

.prod-img-wrap img {
  object-fit: contain;
  filter: none;
  width: 100%;
  height: 100%;
  max-height: 220px;
  transition: transform .18s;
  transform: none;
}

.product-card:hover .prod-img-wrap img {
  transform: scale(1.018);
}

.product-card h4 {
  color: var(--cx-text);
  letter-spacing: -.02em;
  margin: 0;
  padding: 17px 18px 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.product-card:after {
  content: "View manufacturer page  ↗";
  color: var(--cx-muted);
  letter-spacing: .02em;
  margin-top: auto;
  padding: 4px 18px 17px;
  font-size: 10.5px;
  font-weight: 650;
}

.cat-banner {
  border: 1px solid var(--cx-line);
  background: var(--cx-surface);
  border-radius: 10px;
  overflow: hidden;
}

.cat-info {
  padding-right: 22px;
}

.cat-number {
  color: var(--cx-green);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 760;
}

.cat-tabs, .cat-tabs-inner {
  border-bottom: 1px solid var(--cx-line);
  gap: 0;
}

.cat-tab, .cat-tab-btn, .filter-btn {
  min-height: 44px;
  color: var(--cx-muted);
  box-shadow: none;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 650;
  transform: none;
}

.cat-tab:hover, .cat-tab.active, .cat-tab-btn:hover, .cat-tab-btn.active, .filter-btn:hover, .filter-btn.active {
  color: #fff;
  border-bottom-color: var(--cx-green);
  box-shadow: none;
  background: none;
  transform: none;
}

.model-card {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.model-card-img {
  background: linear-gradient(#f8faf9 0%, #edf1ee 100%);
  border: 0;
  border-radius: 0;
  place-items: center;
  min-height: 250px;
  padding: 28px;
  display: grid;
  position: relative;
}

.model-card-img img {
  object-fit: contain;
  width: 100%;
  max-width: 310px;
  max-height: 230px;
}

.model-card-badge {
  color: #323232;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #dff4e9;
  border: 1px solid #2d7d612e;
  border-radius: 3px;
  padding: 5px 7px;
  font-size: 9.5px;
  font-weight: 800;
  position: absolute;
  top: 14px;
  left: 14px;
}

.model-card-body {
  flex-direction: column;
  flex: 1;
  padding: 20px 20px 8px;
  display: flex;
}

.model-card-body h3, .model-card-body h4 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.25;
}

.model-card-body p {
  font-size: 12.5px;
  line-height: 1.6;
}

.model-specs {
  border-top: 1px solid var(--cx-line);
  margin: 14px 0 0;
  padding: 13px 0 0;
}

.model-card-link {
  min-height: 40px;
  color: var(--cx-text);
  border: 1px solid var(--cx-line-strong);
  background: none;
  justify-content: space-between;
  align-items: center;
  margin: 12px 20px 18px;
  padding: 0 13px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.model-card-link:hover {
  background: #3da57f0f;
  border-color: #3da57f7a;
}

.ptz-cat-card {
  flex-direction: column;
  min-width: 0;
  padding: 0;
  display: flex;
}

.ptz-img-frame {
  background: linear-gradient(#f8faf9 0%, #edf1ee 100%);
  border: 0;
  border-radius: 0;
  place-items: center;
  min-height: 245px;
  padding: 24px;
  display: grid;
}

.ptz-img-frame img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 220px;
}

.ptz-cat-card > .vm-badge, .ptz-cat-card > h3, .ptz-cat-card > p, .ptz-cat-card > .btn {
  margin-left: 20px;
  margin-right: 20px;
}

.ptz-cat-card > .vm-badge {
  color: var(--cx-green);
  letter-spacing: .12em;
  text-transform: uppercase;
  background: none;
  border: 0;
  border-radius: 0;
  align-self: flex-start;
  margin-top: 18px;
  padding: 0;
  font-size: 10px;
  font-weight: 780;
}

.ptz-cat-card > h3 {
  margin-top: 7px;
  font-size: 18px;
  line-height: 1.25;
}

.ptz-cat-card > p {
  margin-top: 8px;
  margin-bottom: 18px;
  font-size: 12.5px;
  line-height: 1.6;
}

.ptz-cat-card > .btn {
  margin-top: auto;
  margin-bottom: 20px;
}

.eco-card {
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  min-height: 116px;
  padding: 20px;
  display: flex;
}

.eco-card:hover, .eco-card.active {
  box-shadow: none;
  transform: none;
}

.eco-card.active {
  background: #3da57f12;
  border-color: #3da57f70;
}

.cx-form, .form-wrap, .contact-form-new, .contact-form-eizo, .lead-form-wrap, .sol-form-container {
  position: relative;
}

.contact-form-new, .contact-form-eizo, .lead-form-wrap, .form-wrap, .sol-form-container {
  background: var(--cx-surface);
  border: 1px solid var(--cx-line);
  box-shadow: none;
  border-radius: 10px;
}

.cx-form label, .form-group-new label, .form-grp label, .form-group label, .form-label {
  color: #c5d0c9;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 10.5px;
  font-weight: 720;
  line-height: 1.35;
  display: block;
}

.cx-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .cx-form select, .cx-form textarea, .form-group-new input:not([type="checkbox"]):not([type="radio"]), .form-group-new select, .form-group-new textarea, .form-grp input, .form-grp select, .form-grp textarea, .form-group input, .form-group select, .form-group textarea {
  width: 100%;
  min-height: 46px;
  color: var(--cx-text);
  border: 1px solid var(--cx-line-strong);
  box-shadow: none;
  font: inherit;
  background: #0e0e0e;
  border-radius: 5px;
  outline: 0;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.4;
  transition: border-color .15s, background .15s, box-shadow .15s;
}

.cx-form textarea, .form-group-new textarea, .form-grp textarea, .form-group textarea {
  resize: vertical;
  min-height: 126px;
}

.cx-form input::placeholder, .cx-form textarea::placeholder, .form-group-new input::placeholder, .form-group-new textarea::placeholder {
  color: #627068;
}

.form-row-new, .form-row, .form-grid-2 {
  gap: 16px;
}

.form-group-new, .form-grp, .form-group {
  min-width: 0;
}

.form-section-group, .form-block {
  border: 0;
  border-top: 1px solid var(--cx-line);
  background: none;
  border-radius: 0;
  padding: 26px 0;
}

.form-section-group:first-of-type, .form-block:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.form-block-title:before {
  content: "";
  vertical-align: -2px;
  background: var(--cx-green);
  width: 2px;
  height: 14px;
  margin-right: 9px;
  display: inline-block;
}

.form-sublabel {
  color: var(--cx-copy);
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 14px;
  font-size: 12.5px;
  font-weight: 550;
}

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

.checkbox-container, .radio-opt {
  color: #c4cec8;
  border: 1px solid var(--cx-line);
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  background: #0e0e0e;
  border-radius: 5px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 0;
  padding: 11px 13px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.35;
  transition: border-color .14s, background .14s, color .14s;
  display: flex;
  position: relative;
}

.checkbox-container:hover, .radio-opt:hover {
  color: #fff;
  background: #111;
  border-color: #3da57f66;
}

.checkbox-container:has(input:checked), .radio-opt:has(input:checked) {
  color: #fff;
  background: #3da57f13;
  border-color: #3da57f9e;
}

.checkbox-container input, .radio-opt input {
  width: 17px;
  height: 17px;
  accent-color: var(--cx-green);
  flex: 0 0 17px;
  margin: 0;
}

.checkbox-label {
  color: inherit;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.radio-group {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.form-submit-wrap, .form-submit-row {
  border-top: 1px solid var(--cx-line);
  padding-top: 22px;
}

.form-submit-wrap .btn, .form-submit-row .btn, .cx-form button[type="submit"] {
  min-height: 48px;
}

.faq-section, .definition-section {
  width: min(100% - 64px, 1060px);
  max-width: 1060px;
  margin: 0 auto;
}

.definition-section {
  border-top: 1px solid var(--cx-line);
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.5fr);
  align-items: start;
  gap: 54px;
  padding: 66px 0 20px;
  display: grid;
}

.definition-title {
  letter-spacing: -.025em;
  margin: 0;
  font-size: 19px;
  line-height: 1.3;
}

.definition-copy {
  color: var(--cx-copy);
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
}

.faq-section {
  padding: 52px 0 82px;
}

.faq-header {
  max-width: 720px;
  margin: 0 auto 28px;
}

.faq-list {
  border-top: 1px solid var(--cx-line-strong);
  margin-top: 0;
  display: block;
}

.faq-item {
  border: 0;
  border-bottom: 1px solid var(--cx-line);
  box-shadow: none;
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  position: relative;
  flex-direction: column !important;
  display: flex !important;
}

.faq-question {
  min-height: 74px;
  color: var(--cx-text);
  cursor: pointer;
  letter-spacing: -.015em;
  align-items: center;
  padding: 24px 56px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
  list-style: none;
  display: flex;
  position: relative;
  width: 100% !important;
}

.faq-question::-webkit-details-marker {
  display: none;
}

.faq-item:before {
  content: attr(data-faq-index);
  color: var(--cx-green);
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 760;
  position: absolute;
  top: 26px;
  left: 0;
}

.faq-question:before, .faq-question:after {
  content: "";
  background: #b8c3bc;
  width: 14px;
  height: 1px;
  transition: transform .15s;
  position: absolute;
  top: 50%;
  right: 2px;
}

.faq-question:after {
  transform: rotate(90deg);
}

.faq-item[open] .faq-question:after {
  transform: rotate(0);
}

.faq-answer {
  max-width: 850px;
  color: var(--cx-copy);
  margin: 0;
  padding: 0 56px 24px;
  font-size: 13.5px;
  line-height: 1.75;
  width: 100% !important;
}

.faq-answer a {
  color: var(--cx-green-2);
}

.faq-item summary, .faq-item p, .faq-item div {
  width: 100% !important;
}

.solution-card, .trust-card, .support-card, .quick-action-btn, .cv-card, .cb-card, .why-ptz-card, .arch-card, .val-card, .team-card, .news-card, .event-card {
  box-shadow: none;
  border-radius: 8px;
  transform: none;
}

.solution-card:hover, .trust-card:hover, .support-card:hover, .quick-action-btn:hover, .cv-card:hover, .cb-card:hover, .why-ptz-card:hover, .arch-card:hover, .val-card:hover, .team-card:hover, .news-card:hover, .event-card:hover {
  box-shadow: none;
  transform: none;
}

.solutions-grid {
  gap: 14px;
}

.solution-card.compact {
  background: var(--cx-surface);
  border: 1px solid var(--cx-line);
  flex-direction: column;
  min-height: 250px;
  padding: 24px;
  display: flex;
}

.solution-card.compact .solution-tag, .solution-card.compact .sol-tag, .solution-card.compact [class*="badge"] {
  width: auto;
  color: var(--cx-green);
  background: none;
  border: 0;
  border-radius: 0;
  align-self: flex-start;
  padding: 0;
}

.solution-card.compact h3 {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.25;
}

.solution-card.compact p {
  font-size: 12.5px;
  line-height: 1.65;
}

.solution-card.compact .workflow-path, .solution-card.compact .sol-flow, .solution-card.compact [class*="path"] {
  border: 0;
  border-top: 1px solid var(--cx-line);
  background: none;
  border-radius: 0;
  margin-top: auto;
  padding: 14px 0 0;
}

.support-page .hero-content, .page-support .hero-content {
  max-width: 760px;
}

.footer-top {
  padding-top: 58px;
}

.footer-grid {
  gap: 48px;
}

.footer h4, .footer-title {
  color: #f1f6f3;
}

.footer a {
  color: #a8b5ad;
}

.site-logo-footer {
  width: auto;
  max-height: 36px;
}

.social-icon-btn {
  border: 1px solid var(--cx-line);
  background: none;
  border-radius: 5px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.social-icon-btn:hover {
  background: #3da57f0d;
  border-color: #3da57f6b;
}

.skip-link {
  z-index: 10000;
  color: #0a0a0a;
  background: #fff;
  border-radius: 4px;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
  position: fixed;
  top: 12px;
  left: 16px;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: translateY(0);
}

.reveal, .reveal.visible {
  transform: none;
}

@media (width <= 1260px) {
  .nav-container {
    grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
    gap: 18px;
  }

  .nav-links {
    gap: 16px;
  }

  .nav-link {
    font-size: 12.3px;
  }

  .nav-cta-link {
    padding-inline: 13px 10px;
  }

  .mega-shell {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 34px;
  }

  .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .interests-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width <= 1120px) {
  :root {
    --cx-header: 70px;
  }

  .nav-container {
    width: min(calc(100% - 32px), var(--cx-max));
    grid-template-columns: 1fr auto auto;
    gap: 12px;
  }

  .site-logo-header {
    height: 32px;
  }

  .nav-links {
    display: none;
  }

  .nav-cta {
    justify-self: end;
  }

  .hamburger {
    display: flex;
  }

  .nav-links.open {
    top: var(--cx-header);
    width: 100%;
    max-height: calc(100vh - var(--cx-header));
    border-top: 1px solid var(--cx-line);
    border-bottom: 1px solid var(--cx-line);
    background: #0a0a0a;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 24px 24px;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .nav-links.open > .nav-link, .nav-links.open .nav-item {
    width: 100%;
  }

  .nav-links.open .nav-link {
    border-bottom: 1px solid var(--cx-line);
    justify-content: space-between;
    min-height: 50px;
  }

  .nav-links.open .nav-link:after {
    display: none;
  }

  .nav-links.open .mega-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 100%;
    box-shadow: none;
    border: 0;
    display: none;
    position: static;
    transform: none;
  }

  .nav-links.open .brands-open .mega-dropdown {
    display: block;
  }

  .nav-links.open .mega-shell {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
    padding: 18px 0 24px;
  }

  .nav-links.open .mega-intro {
    display: none;
  }

  .nav-links.open .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nav-links.open .mega-brand {
    min-height: 115px;
  }

  .container, section > .container, footer > .container {
    width: min(calc(100% - 40px), var(--cx-max));
  }

  .faq-section, .definition-section {
    width: min(100% - 40px, 1060px);
  }

  .definition-section {
    gap: 34px;
  }

  .brands-static-strip, .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 720px) {
  .nav-container {
    width: calc(100% - 24px);
  }

  .nav-cta-link > span {
    display: none;
  }

  .nav-cta-link {
    gap: 0;
    width: 42px;
    padding: 0;
  }

  .nav-cta-link svg {
    border-left: 0;
    padding: 0;
  }

  .mega-brand-grid {
    grid-template-columns: 1fr;
  }

  .mega-brand {
    min-height: 104px;
    padding: 18px;
  }

  .container, section > .container, footer > .container {
    width: min(calc(100% - 28px), var(--cx-max));
  }

  .faq-section, .definition-section {
    width: min(100% - 28px, 1060px);
  }

  .section-title {
    font-size: clamp(30px, 10vw, 44px);
  }

  .definition-section {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-top: 50px;
  }

  .faq-section {
    padding: 42px 0 60px;
  }

  .faq-question {
    min-height: 68px;
    padding: 21px 40px 21px 38px;
    font-size: 13px;
  }

  .faq-item:before {
    top: 23px;
  }

  .faq-answer {
    padding: 0 38px 22px;
  }

  .brands-static-strip {
    grid-template-columns: 1fr 1fr;
  }

  .brand-card {
    min-height: 116px;
    padding: 20px;
  }

  .brand-logo-img {
    max-width: 160px;
    max-height: 44px;
  }

  .interests-grid {
    grid-template-columns: 1fr;
  }

  .model-card-img, .ptz-img-frame {
    min-height: 220px;
  }

  .prod-img-wrap {
    min-height: 190px;
  }
}

@media (width <= 460px) {
  .brands-static-strip {
    grid-template-columns: 1fr;
  }

  .brand-card {
    min-height: 100px;
  }

  .nav-container {
    width: calc(100% - 18px);
  }

  .site-logo-header {
    height: 29px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

.faq-editorial-section {
  background: var(--cx-bg);
  border-top: 1px solid var(--cx-line);
  padding: 64px 0 82px;
}

.faq-editorial-section .faq-header {
  text-align: center;
  margin: 0 auto 30px;
}

.faq-editorial-list {
  border-top: 1px solid var(--cx-line-strong);
  max-width: 1060px;
  margin: 0 auto;
  display: block;
}

.faq-editorial-section .faq-item {
  border: 0;
  border-bottom: 1px solid var(--cx-line);
  box-shadow: none;
  background: none;
  border-radius: 0;
  padding: 24px 0 24px 56px;
  position: relative;
}

.faq-editorial-section .faq-item:before {
  content: attr(data-faq-index);
  color: var(--cx-green);
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 760;
  position: absolute;
  top: 27px;
  left: 0;
}

.faq-editorial-question {
  color: var(--cx-text);
  letter-spacing: -.015em;
  margin: 0 0 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 680;
  line-height: 1.5;
}

.faq-editorial-answer {
  color: var(--cx-copy);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.75;
}

.faq-editorial-answer a {
  color: var(--cx-green-2);
}

.contact-grid-new, .contact-grid-eizo, .contact-split, .contact-support-grid {
  gap: clamp(30px, 4vw, 64px);
}

.contact-redesigned, .contact-section, .contact-eizo, .form-section, .sol-form-section {
  border-top: 1px solid var(--cx-line);
}

.prod-feature-tag, .contact-chip, .wf-compat-chip {
  box-shadow: none;
  border-radius: 3px;
}

.premium-ui .commerce-card:hover, .premium-ui .solution-card:hover, .premium-ui .support-card:hover, .premium-ui .trust-card:hover, .premium-ui .eco-card:hover, .premium-ui .arch-card:hover, .premium-ui .model-card:hover, .premium-ui .ptz-cat-card:hover {
  transform: none !important;
}

.hero-pill {
  color: #d7e2dc;
  width: auto;
  max-width: max-content;
  box-shadow: none;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: none;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: 9px;
  padding: 0;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.pill-dot {
  background: var(--cx-green);
  width: 6px;
  height: 6px;
  box-shadow: none;
  border-radius: 1px;
}

.hero-headline, .hero-title, .ptz-hero-title {
  letter-spacing: -.055em;
  text-wrap: balance;
}

.hero-sub {
  color: #b2bdb6;
  max-width: 690px;
  line-height: 1.7;
}

.page-support #why-support .section-header {
  text-align: center;
  max-width: 840px;
  margin-inline: auto;
}

.page-support #why-support .section-tag {
  justify-content: center;
}

.page-support #why-support .section-desc {
  max-width: 700px;
  margin: 16px auto 0;
}

.wf-compat-chip, .prod-feature-tag, .contact-chip {
  color: var(--cx-copy);
  background: none;
  border: 0;
  border-radius: 0;
  padding: 6px 0;
}

.wf-compat-brands, .prod-features, .contact-chips {
  gap: 14px 20px;
}

:root {
  --cx-content: 1380px;
  --cx-copy-wide: 760px;
  --cx-section-space: clamp(64px, 6vw, 96px);
  --cx-section-space-sm: clamp(48px, 4.5vw, 72px);
  --cx-card: #121212;
  --cx-card-2: #161616;
  --cx-card-3: #1c1c1c;
  --cx-product-stage: #1c1c1c;
  --cx-product-stage-2: #232323;
  --cx-field: #0a0a0a;
  --cx-field-hover: #101010;
  --cx-soft-line: #e3f1e81c;
  --cx-soft-line-2: #e3f1e82e;
  --cx-radius-card: 12px;
  --cx-radius-control: 8px;
}

.container, section > .container, footer > .container {
  width: min(calc(100% - clamp(32px, 5vw, 72px)), var(--cx-content));
  max-width: var(--cx-content);
}

.more-than-tech-section, .ptz-spotlight-section, .brands-section, .about-redesigned, .industries-redesigned, .contact-redesigned, .who-section, .timeline-section, .about-vm-section, .core-values-section, .industries-section, .trust-section, .eco-section, .workflow-section, .support-section, .bm-contact, .eizo-brand-section, .cat-tabs-section, .prod-section, .val-section, .team-section, .eizo-contact, .why-ptz-section, .camixel-value-section, .crossbrand-section, .shift-section, .ecosystem-section, .arch-section, .compare-section, .advantage-section, .lead-section, .solutions-section, .sol-form-section, .warranty-section, .form-section, .contact-support-section, .closer-section, .events-section, .ewaste-content-section {
  padding-top: var(--cx-section-space);
  padding-bottom: var(--cx-section-space);
}

.definition-section, .faq-section {
  padding-top: var(--cx-section-space-sm);
}

body.premium-ui h1, body.premium-ui h2, body.premium-ui h3, body.premium-ui h4 {
  text-wrap: pretty;
}

.section-header.text-center, .text-center.section-header {
  text-align: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.section-title {
  letter-spacing: -.045em;
  max-width: 800px;
  text-align: inherit;
  margin: 10px 0 0;
  font-size: clamp(30px, 3.15vw, 48px);
  line-height: 1.08;
}

.section-header.text-center .section-title, .text-center.section-header .section-title {
  margin-left: auto;
  margin-right: auto;
}

.section-sub, .section-desc {
  max-width: var(--cx-copy-wide);
  text-align: inherit;
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.72;
}

.section-header.text-center .section-sub, .section-header.text-center .section-desc, .text-center.section-header .section-sub, .text-center.section-header .section-desc {
  margin-left: auto;
  margin-right: auto;
}

.who-text h2, .ewaste-text h2, .contact-banner h2, .eizo-logo-text h2, .prod-intro-text h2, .contact-info-eizo h2, .shift-text h2, .detail-content h2, .lead-info h2, .final-cta h2, .closer-section h2, .contact-left h2, .cta-text h2, .contact-info h2, .featured-content h2, .about-content h2 {
  letter-spacing: -.04em;
  max-width: 760px;
  margin-top: 0;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.1;
}

.btn, .btn-primary, .btn-primary-sm, .btn-ghost, .btn-outline-sm, .btn-lg, .cat-cta, .model-card-link, .nav-cta-link {
  border-radius: var(--cx-radius-control);
}

.btn {
  letter-spacing: -.01em;
  gap: 10px;
  min-height: 46px;
  padding: 0 19px;
  font-size: 12.5px;
  font-weight: 720;
}

.btn-primary, .btn-primary-sm, .nav-cta-link {
  background: var(--cx-green);
  border-color: var(--cx-green);
  color: #0a0a0a;
}

.btn-primary:hover, .btn-primary-sm:hover, .nav-cta-link:hover, .btn-primary:focus-visible, .btn-primary-sm:focus-visible, .nav-cta-link:focus-visible {
  color: #090909;
  background: #3da57f;
  border-color: #3da57f;
  box-shadow: 0 8px 22px #3da57f24;
}

.btn-ghost, .btn-outline-sm {
  color: #e5ece8;
  border-color: var(--cx-soft-line-2);
  background: #ffffff05;
}

.btn-ghost:hover, .btn-outline-sm:hover, .btn-ghost:focus-visible, .btn-outline-sm:focus-visible {
  color: #fff;
  background: #ffffff0e;
  border-color: #3da57f75;
}

.hero-actions, .sol-hero-actions, .final-cta-btns, .cta-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  display: flex;
}

.commerce-card, .value-card, .i-card, .why-card, .solution-card, .eco-card, .vm-card, .trust-card, .office-card, .event-card, .news-card, .service-card, .support-card {
  border-radius: var(--cx-radius-card);
}

.value-card, .i-card, .why-card, .solution-card, .eco-card, .vm-card, .trust-card, .office-card, .service-card, .support-card {
  background: var(--cx-card);
  border: 1px solid var(--cx-soft-line);
  box-shadow: none;
}

.value-card:hover, .i-card:hover, .why-card:hover, .solution-card:hover, .eco-card:hover, .vm-card:hover, .trust-card:hover, .office-card:hover, .service-card:hover, .support-card:hover {
  background: var(--cx-card-2);
  border-color: #3da57f4d;
  transform: none;
  box-shadow: 0 16px 38px #0000001f;
}

.commerce-zone {
  color: var(--cx-text);
  border-top: 1px solid var(--cx-soft-line);
  border-bottom: 1px solid var(--cx-soft-line);
  background: #0a0a0a;
}

.commerce-zone .section-title, .commerce-zone h2, .commerce-zone h3, .commerce-zone h4 {
  color: var(--cx-text);
}

.commerce-zone .section-sub, .commerce-zone .section-desc, .commerce-zone p {
  color: var(--cx-copy);
}

.cat-products-grid, .models-grid, .ptz-categories-grid {
  gap: clamp(16px, 1.7vw, 24px);
}

.commerce-card {
  border: 1px solid var(--cx-soft-line);
  color: var(--cx-text);
  background: #121212;
  overflow: hidden;
}

.commerce-card:hover, .commerce-card:focus-within {
  background: #151515;
  border-color: #3da57f57;
  box-shadow: 0 16px 36px #00000029;
}

.prod-img-wrap, .model-card-img, .ptz-img-frame {
  background: radial-gradient(circle at 50% 38%, #4f6f5b57, transparent 46%), linear-gradient(180deg, var(--cx-product-stage-2), var(--cx-product-stage));
  border-bottom: 1px solid var(--cx-soft-line);
  min-height: 235px;
  padding: clamp(22px, 2.2vw, 32px);
}

.prod-img-wrap img, body:not(.page-eizo-medical) .model-card-img img, .ptz-img-frame img {
  filter: drop-shadow(0 18px 22px #00000047);
}

.product-card h4 {
  color: #f2f6f3;
  padding: 18px 18px 8px;
  font-size: 14px;
}

.model-card-body h3, .model-card-body h4, .ptz-cat-card h3, .eco-card h3 {
  color: #f0f5f2;
}

.model-card-body p, .ptz-cat-card p, .eco-card p {
  color: #9caca3;
}

.model-specs {
  border-top-color: var(--cx-soft-line);
}

.model-spec {
  color: #bdc9c1;
}

.model-card-link, .ptz-cat-card > .btn, .commerce-card .btn-outline-sm {
  color: #e9f0ec;
  border-color: var(--cx-soft-line-2);
  background: #ffffff05;
}

.model-card-link:hover, .ptz-cat-card > .btn:hover, .commerce-card .btn-outline-sm:hover {
  color: #fff;
  background: #3da57f14;
  border-color: #3da57f73;
}

.model-card-badge {
  color: #d9f7e9;
  background: #3da57f24;
  border-color: #3da57f3d;
  border-radius: 5px;
}

.page-blackmagic .cat-tabs, .page-eizo .lineup-toolbar, .page-eizo-medical .filter-bar, .page-eizo-medical .filters-wrap {
  border-bottom: 1px solid var(--cx-soft-line);
  background: #0a0a0af7;
}

.page-blackmagic .cat-tab, .page-eizo .lineup-filter-btn {
  color: #8e9d94;
}

.page-blackmagic .cat-tab:hover, .page-blackmagic .cat-tab.active, .page-eizo .lineup-filter-btn.active-filter, .page-eizo .lineup-filter-btn:hover {
  color: #f5f8f6;
  border-color: var(--cx-green);
}

.page-eizo .lineup-search input {
  color: #eaf0ec;
  border-color: var(--cx-soft-line-2);
  background: #0f0f0f;
}

.contact-form-new, .contact-form-eizo, .lead-form-wrap, .contact-form-wrap, .form-wrap, .sol-form-container, .experience-form-shell {
  border: 1px solid var(--cx-soft-line-2);
  background: #101010;
  border-radius: 12px;
  width: 100%;
  padding: clamp(24px, 2.8vw, 36px);
  box-shadow: 0 18px 46px #0000001f;
}

.page-blackmagic .contact-form-wrap, .page-eizo .contact-form-eizo, .page-eizo-medical .contact-form-eizo, .page-sennheiser .lead-form-wrap, .page-careers .contact-form-new, .page-events .experience-form-shell {
  max-width: 900px;
}

.page-careers .contact-form-new, .page-events .experience-form-shell {
  margin-left: auto;
  margin-right: auto;
}

.page-support .form-wrap, .page-solutions .sol-form-container {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.form-title-new, .contact-form-wrap > h3, .lead-form-wrap > h3 {
  letter-spacing: -.025em;
  margin: 0 0 26px;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.2;
}

.cx-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .cx-form select, .cx-form textarea, .form-group-new input:not([type="checkbox"]):not([type="radio"]), .form-group-new select, .form-group-new textarea, .form-grp input, .form-grp select, .form-grp textarea, .form-group input, .form-group select, .form-group textarea {
  color: #edf3ef;
  background: var(--cx-field);
  border: 1px solid var(--cx-soft-line-2);
  border-radius: var(--cx-radius-control);
  min-height: 48px;
  padding: 11px 13px;
  font-size: 13.5px;
}

.cx-form input:focus, .cx-form select:focus, .cx-form textarea:focus, .form-group-new input:focus, .form-group-new select:focus, .form-group-new textarea:focus, .form-grp input:focus, .form-grp select:focus, .form-grp textarea:focus, .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  background: var(--cx-field-hover);
  border-color: #3da57f9e;
  box-shadow: 0 0 0 3px #3da57f12;
}

.form-row-new, .form-row, .frow, .frow2, .form-grid-2, .ux-form-row {
  gap: 18px;
}

.form-section-title, .form-block-title {
  color: #eef4f0;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 18px;
  font-size: 13px;
  font-weight: 700;
}

.form-section-title:before, .form-block-title:before {
  content: "";
  vertical-align: -2px;
  background: var(--cx-green);
  border-radius: 2px;
  width: 3px;
  height: 15px;
  margin-right: 9px;
  display: inline-block;
}

.form-sublabel {
  margin-bottom: 14px;
  font-size: 13px;
}

.checkbox-container, .radio-opt {
  border: 1px solid var(--cx-soft-line);
  background: #0e0e0e;
  border-radius: 8px;
  min-height: 48px;
  padding: 11px 13px;
  font-size: 12px;
}

.checkbox-container:hover, .radio-opt:hover {
  background: #121212;
  border-color: #3da57f61;
}

.checkbox-container:has(input:checked), .radio-opt:has(input:checked) {
  background: #3da57f17;
  border-color: #3da57f8c;
}

.form-submit-wrap, .form-submit-row {
  margin-top: 4px;
  padding-top: 24px;
}

.form-submit-wrap .btn, .form-submit-row .btn, .cx-form button[type="submit"] {
  min-height: 50px;
  padding-inline: 24px;
}

.faq-section {
  width: min(100% - clamp(32px, 5vw, 72px), 1120px);
  max-width: 1120px;
}

.faq-header {
  max-width: 760px;
  margin-bottom: 30px;
}

.faq-list {
  border-top: 1px solid var(--cx-soft-line-2);
}

.faq-item {
  border-bottom: 1px solid var(--cx-soft-line);
}

.faq-answer {
  font-size: 14px;
  line-height: 1.72;
}

@media (width <= 1024px) {
  .section-title {
    font-size: clamp(30px, 5vw, 44px);
  }

  .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cat-products-grid, .models-grid, .ptz-categories-grid {
    gap: 16px;
  }
}

@media (width <= 720px) {
  :root {
    --cx-section-space: 58px;
    --cx-section-space-sm: 44px;
  }

  .container, section > .container, footer > .container {
    width: min(calc(100% - 32px), var(--cx-content));
  }

  .section-header, .section-header.text-center, .text-center.section-header {
    margin-bottom: 28px;
  }

  .section-title {
    font-size: clamp(28px, 9.5vw, 39px);
    line-height: 1.08;
  }

  .section-sub, .section-desc {
    font-size: 14px;
  }

  .hero-actions, .sol-hero-actions, .final-cta-btns, .cta-actions {
    gap: 10px;
    margin-top: 22px;
  }

  .hero-actions .btn, .sol-hero-actions .btn, .final-cta-btns .btn {
    width: 100%;
  }

  .interests-grid {
    grid-template-columns: 1fr;
  }

  .contact-form-new, .contact-form-eizo, .lead-form-wrap, .contact-form-wrap, .form-wrap, .sol-form-container, .experience-form-shell {
    padding: 22px 17px;
  }

  .prod-img-wrap, .model-card-img, .ptz-img-frame {
    min-height: 210px;
    padding: 20px;
  }
}

.ux-form-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  display: grid;
}

.ux-form-group {
  min-width: 0;
}

@media (width <= 720px) {
  .ux-form-row {
    grid-template-columns: 1fr;
  }
}

.medical-promo, .sol-pitch, .page-eizo-medical .team-section {
  padding-top: var(--cx-section-space);
  padding-bottom: var(--cx-section-space);
}

.model-specs {
  border-top: 1px solid var(--cx-soft-line);
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 14px 0 18px;
  padding-top: 13px;
  display: flex;
}

.model-spec {
  color: #aebbb3;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0 0 0 11px;
  font-size: 11px;
  line-height: 1.5;
  position: relative;
}

.model-spec:before {
  content: "";
  background: var(--cx-green);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  position: absolute;
  top: .58em;
  left: 0;
}

.model-actions {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 2px;
  display: flex;
}

.model-card-link, .model-spec-link {
  font-size: 12px;
  font-weight: 680;
  text-decoration: none;
}

.model-card-link {
  color: var(--cx-green);
}

.model-spec-link {
  color: #87968d;
}

.model-card-link:hover, .model-spec-link:hover {
  color: #fff;
}

.cx-form *, .contact-form-new *, .contact-form-eizo *, .lead-form-wrap *, .contact-form-wrap *, .form-wrap *, .sol-form-container *, .experience-form-shell * {
  box-sizing: border-box;
}

.form-group-new, .form-grp, .form-group, .ux-form-group {
  width: 100%;
  min-width: 0;
}

.btn-outline, .submit-btn-new, .event-popup-cta {
  border-radius: var(--cx-radius-control);
  min-height: 46px;
  font: inherit;
  box-shadow: none;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0 19px;
  font-size: 12.5px;
  font-weight: 720;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  transform: none;
}

.btn-outline {
  color: #e7eee9;
  border: 1px solid var(--cx-soft-line-2);
  background: #ffffff05;
}

.btn-outline:hover, .btn-outline:focus-visible {
  color: #fff;
  background: #ffffff0d;
  border-color: #3da57f73;
}

.submit-btn-new, .event-popup-cta {
  color: #0a0a0a;
  background: var(--cx-green);
  border: 1px solid var(--cx-green);
}

.submit-btn-new:hover, .event-popup-cta:hover {
  background: #3da57f;
  border-color: #3da57f;
}

:root {
  --cx-max: 1320px;
  --cx-header: 72px;
  --cx-section-y: clamp(72px, 7vw, 104px);
  --cx-section-y-sm: clamp(52px, 5vw, 76px);
  --cx-card: #111;
  --cx-card-2: #151515;
  --cx-stage: #0e0e0e;
  --cx-stage-2: #151515;
  --cx-border: #3da57f21;
  --cx-border-hover: #3da57f7a;
}

body.premium-ui {
  cursor: default;
}

a, button, summary, select, [role="button"], .nav-link, .nav-cta-link, .product-card, .model-card-link, .commerce-card, .checkbox-container, .radio-opt, .custom-checkbox, .filter-btn, .cat-tab, .cat-tab-btn, .hamburger {
  cursor: pointer;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"], textarea {
  cursor: text;
}

button:disabled, input:disabled, select:disabled {
  cursor: not-allowed;
}

.container, section > .container, footer > .container, .nav-container, .mega-shell {
  width: min(calc(100% - 64px), var(--cx-max));
  max-width: var(--cx-max);
  margin-inline: auto;
}

body.premium-ui h1, body.premium-ui h2, body.premium-ui h3, body.premium-ui h4, body.premium-ui h5, body.premium-ui h6 {
  text-wrap: pretty;
  letter-spacing: -.032em;
}

body.premium-ui h2, body.premium-ui .section-title {
  text-align: left;
  max-width: 860px;
  margin-left: 0;
  margin-right: 0;
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: 1.08;
}

.section-header {
  text-align: left;
  width: 100%;
  max-width: 860px;
  margin: 0 0 36px;
}

.section-header.text-center, .text-center.section-header, .faq-header, .section-header.text-center .section-title, .text-center.section-header .section-title, .faq-header .section-title, .section-header.text-center h2, .text-center.section-header h2, .faq-header h2 {
  text-align: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.section-desc, .section-sub {
  max-width: 720px;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  font-size: 15px;
  line-height: 1.72;
}

.section-header.text-center .section-desc, .section-header.text-center .section-sub, .text-center.section-header .section-desc, .text-center.section-header .section-sub, .faq-header .section-desc, .faq-header .section-sub {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.premium-ui main > section:not(.hero):not(.hero-slider):not(.brand-hero):not(.support-hero), body.premium-ui .eco-section, body.premium-ui .form-section, body.premium-ui .faq-section, body.premium-ui .brands-section, body.premium-ui .solutions-section {
  padding-top: var(--cx-section-y);
  padding-bottom: var(--cx-section-y);
}

.nav-header, .nav-header.scrolled {
  height: var(--cx-header);
  border-bottom: 1px solid var(--cx-border);
  background: #050505;
}

.nav-container {
  height: var(--cx-header);
  grid-template-columns: 190px minmax(0, 1fr) 190px;
  gap: 18px;
}

.nav-links {
  justify-content: center;
  gap: clamp(18px, 2vw, 30px);
  width: 100%;
}

.nav-link {
  min-height: var(--cx-header);
  color: #c3cec7;
  font-size: 13.5px;
  font-weight: 600;
}

.nav-cta-link {
  border-radius: 7px;
  min-height: 42px;
  padding: 0 14px 0 17px;
}

.btn, .btn-primary, .btn-primary-sm, .btn-ghost, .btn-outline-sm, .btn-lg, .cat-cta, .model-card-link {
  white-space: nowrap;
  border-radius: 7px;
  min-height: 44px;
  padding: 0 18px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
}

.btn-lg {
  min-height: 48px;
  padding-inline: 22px;
}

.hero-actions, .sol-hero-actions, .cta-actions, .final-cta-btns, .model-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-top: 26px;
  display: flex;
}

.hero-actions .btn, .sol-hero-actions .btn, .cta-actions .btn, .final-cta-btns .btn, .model-actions .btn {
  width: auto;
}

.cat-info .cat-cta {
  width: max-content;
  margin-top: 22px;
}

.commerce-card, .solution-card, .trust-card, .support-card, .cv-card, .cb-card, .why-ptz-card, .arch-card, .val-card, .team-card, .news-card, .event-card, .contact-form-new, .contact-form-eizo, .lead-form-wrap, .form-wrap, .sol-form-container {
  border-color: var(--cx-border);
  border-radius: 12px;
}

.commerce-card {
  background: var(--cx-card);
  overflow: hidden;
}

.commerce-card:hover, .commerce-card:focus-within {
  background: var(--cx-card-2);
  border-color: var(--cx-border-hover);
}

.cat-hero-grid {
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  align-items: start;
  gap: 34px;
  display: grid;
}

.cat-products-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.prod-img-wrap, body:not(.page-eizo-medical) .model-card-img, .ptz-img-frame {
  background: radial-gradient(circle at 50% 42%, #3da57f1a, transparent 48%), linear-gradient(180deg, var(--cx-stage-2), var(--cx-stage));
  border-bottom: 1px solid var(--cx-border);
}

.prod-img-wrap {
  aspect-ratio: 4 / 3;
  min-height: 190px;
  padding: 22px;
}

.prod-img-wrap img, .model-card-img img, .ptz-img-frame img {
  filter: drop-shadow(0 14px 18px #00000047);
}

.product-card h4 {
  padding: 16px 16px 6px;
  font-size: 13.5px;
}

.product-card:after {
  content: "View product  ↗";
  color: #829188;
  padding: 4px 16px 16px;
}

.models-grid, .ptz-categories-grid {
  gap: 18px;
}

body:not(.page-eizo-medical) .model-card-img, .ptz-img-frame {
  min-height: 220px;
  padding: 24px;
}

.model-card-badge {
  color: #3da57f;
  background: #3da57f1a;
  border-color: #3da57f38;
  top: 12px;
  left: 12px;
}

.model-card-body {
  padding: 18px 18px 8px;
}

.model-card-link {
  margin: 12px 18px 18px;
}

.contact-form-new, .contact-form-eizo, .lead-form-wrap, .form-wrap, .sol-form-container {
  background: #0f0f0f;
  width: min(100%, 1040px);
  margin-left: auto;
  margin-right: auto;
  padding: clamp(24px, 3vw, 36px);
}

.form-section .section-header {
  margin-bottom: 28px;
}

.form-row-new, .form-row, .form-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  display: grid;
}

.form-group-new, .form-grp, .form-group {
  margin-bottom: 0;
}

.cx-form label, .form-group-new label, .form-grp label, .form-group label, .form-label {
  color: #bcc8c1;
  letter-spacing: .015em;
  text-transform: none;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 650;
}

.cx-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .cx-form select, .cx-form textarea, .form-group-new input:not([type="checkbox"]):not([type="radio"]), .form-group-new select, .form-group-new textarea, .form-grp input, .form-grp select, .form-grp textarea, .form-group input, .form-group select, .form-group textarea {
  background: #0a0a0a;
  border-color: #3da57f29;
  border-radius: 7px;
  min-height: 46px;
  padding: 10px 13px;
  font-size: 13px;
}

.cx-form textarea, .form-group-new textarea, .form-grp textarea, .form-group textarea {
  min-height: 112px;
}

.form-section-group, .form-block {
  padding: 24px 0;
}

.form-section-group + .form-section-group, .form-block + .form-block {
  margin-top: 4px;
}

.form-section-title, .form-block-title {
  letter-spacing: .08em;
  margin-bottom: 18px;
  font-size: 11px;
}

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

.checkbox-container, .radio-opt, .custom-checkbox {
  color: #bdc8c1;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 10px;
  min-height: 32px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 550;
}

.checkbox-container:hover, .radio-opt:hover, .custom-checkbox:hover, .checkbox-container:has(input:checked), .radio-opt:has(input:checked) {
  color: #fff;
  background: none;
  border-color: #0000;
}

.checkbox-container input, .radio-opt input, .custom-checkbox input {
  -webkit-appearance: none;
  appearance: none;
  background: #0a0a0a;
  border: 1px solid #3da57f47;
  border-radius: 4px;
  flex: 0 0 17px;
  place-content: center;
  width: 17px;
  height: 17px;
  margin: 0;
  transition: border-color .14s, background .14s;
  display: grid;
}

.checkbox-container input:before, .custom-checkbox input:before {
  content: "";
  transform-origin: 50%;
  border-bottom: 2px solid #121212;
  border-left: 2px solid #121212;
  width: 8px;
  height: 5px;
  transition: transform .12s;
  transform: rotate(-45deg) scale(0);
}

.checkbox-container input:checked, .custom-checkbox input:checked, .radio-opt input:checked {
  background: var(--cx-green);
  border-color: var(--cx-green);
}

.checkbox-container input:checked:before, .custom-checkbox input:checked:before {
  transform: rotate(-45deg) scale(1);
}

.form-submit-wrap, .form-submit-row {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 6px;
  padding-top: 24px;
  display: flex;
}

.form-submit-row p, .form-submit-wrap p {
  max-width: 660px;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.form-submit-wrap .btn, .form-submit-row .btn, .cx-form button[type="submit"], .contact-form-new button[type="submit"], .contact-form-eizo button[type="submit"], .lead-form-wrap button[type="submit"] {
  flex: none;
  width: auto;
  min-width: 170px;
}

.page-careers .contact-form-wrap, .page-careers .contact-form-new, .page-careers #apply form {
  max-width: 920px;
}

.page-careers #apply button[type="submit"] {
  width: auto;
  min-width: 190px;
  margin: 24px 0 0 auto;
  display: flex;
}

.page-support .form-wrap {
  max-width: 1120px;
}

.page-support .form-grid-2, .page-support .form-row {
  gap: 16px 20px;
}

.faq-section {
  max-width: 1080px;
}

.faq-question {
  min-height: 72px;
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 14.5px;
}

.faq-answer {
  font-size: 14px;
}

@media (width <= 1180px) {
  .cat-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 900px) {
  .container, section > .container, footer > .container, .nav-container, .mega-shell {
    width: min(calc(100% - 36px), var(--cx-max));
  }

  .nav-container {
    grid-template-columns: 1fr auto auto;
  }

  body.premium-ui h2, body.premium-ui .section-title {
    font-size: clamp(30px, 7vw, 42px);
  }

  .cat-hero-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .cat-info {
    max-width: 680px;
    padding-right: 0;
  }

  .cat-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-row-new, .form-row, .form-grid-2 {
    grid-template-columns: 1fr;
  }

  .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-submit-wrap, .form-submit-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (width <= 560px) {
  :root {
    --cx-header: 68px;
  }

  .container, section > .container, footer > .container, .nav-container, .mega-shell {
    width: min(calc(100% - 28px), var(--cx-max));
  }

  .site-logo-header {
    height: 28px;
  }

  .nav-cta-link {
    width: 42px;
    min-width: 42px;
    padding: 0;
    font-size: 0;
  }

  .nav-cta-link svg {
    border-left: 0;
    padding: 0;
  }

  .cat-products-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .prod-img-wrap {
    min-height: 150px;
    padding: 14px;
  }

  .product-card h4 {
    padding: 13px 13px 5px;
    font-size: 12.5px;
  }

  .product-card:after {
    padding: 3px 13px 13px;
    font-size: 9.5px;
  }

  .interests-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .contact-form-new, .contact-form-eizo, .lead-form-wrap, .form-wrap, .sol-form-container {
    padding: 20px 16px;
  }

  .hero-actions, .sol-hero-actions, .cta-actions, .final-cta-btns, .model-actions {
    gap: 9px;
  }

  .hero-actions .btn, .sol-hero-actions .btn {
    flex: auto;
  }
}

body.premium-ui .product-card .prod-img-wrap {
  aspect-ratio: 4 / 3;
  border-bottom: 1px solid var(--cx-border);
  background: radial-gradient(circle at 50% 42%, #3da57f1f, #0000 48%), linear-gradient(#171717 0%, #0c0c0c 100%);
  border-radius: 0;
  place-items: center;
  width: 100%;
  height: auto;
  min-height: 190px;
  margin: 0;
  padding: 22px;
  display: grid;
  overflow: hidden;
}

body.premium-ui .product-card .prod-img-wrap img {
  object-fit: contain;
  filter: drop-shadow(0 14px 18px #0000004d);
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 190px;
  padding: 0;
}

body.premium-ui .product-card:hover .prod-img-wrap img {
  transform: scale(1.025);
}

body.premium-ui .model-card .model-card-img {
  border-bottom: 1px solid var(--cx-border);
  background: radial-gradient(circle at 50% 42%, #3da57f1a, #0000 50%), linear-gradient(#171717 0%, #0c0c0c 100%);
  height: auto;
  min-height: 220px;
  padding: 24px;
}

body.premium-ui .model-card .model-card-img img {
  object-fit: contain;
  filter: drop-shadow(0 16px 20px #0000004d);
  width: 100%;
  height: 100%;
  max-height: 220px;
  padding: 0;
}

body.premium-ui .ptz-cat-card .ptz-img-frame {
  background: radial-gradient(circle at 50% 42%, #3da57f1a, #0000 50%), linear-gradient(#171717 0%, #0c0c0c 100%);
  min-height: 220px;
}

.contact-header-new {
  text-align: center;
  width: min(100%, 760px);
  margin: 0 auto 34px;
}

.contact-header-new .section-tag {
  justify-content: center;
}

.contact-header-new h2 {
  text-align: center;
  max-width: 760px;
  margin: 12px auto 0;
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: 1.08;
}

.contact-header-new p {
  text-align: center;
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 15px;
  line-height: 1.72;
}

body.premium-ui .fg, body.premium-ui .form-group-new, body.premium-ui .form-grp, body.premium-ui .form-group {
  min-width: 0;
}

body.premium-ui .fg label {
  color: #bcc8c1;
  letter-spacing: .015em;
  text-transform: none;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
  display: block;
}

body.premium-ui .fg input:not([type="checkbox"]):not([type="radio"]), body.premium-ui .fg select, body.premium-ui .fg textarea {
  width: 100%;
  min-height: 46px;
  color: var(--cx-text);
  box-shadow: none;
  font: inherit;
  background: #0a0a0a;
  border: 1px solid #3da57f29;
  border-radius: 7px;
  outline: 0;
  padding: 10px 13px;
  font-size: 13px;
}

body.premium-ui .fg textarea {
  resize: vertical;
  min-height: 112px;
}

body.premium-ui .fg input:focus, body.premium-ui .fg select:focus, body.premium-ui .fg textarea:focus {
  border-color: #3da57fa6;
  box-shadow: 0 0 0 3px #3da57f14;
}

body.premium-ui .page-support .radio-opt {
  gap: 8px;
  min-height: 30px;
  padding: 2px 0;
  line-height: 1.35;
}

body.premium-ui .page-support .radio-opt input[type="radio"] {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
}

body.premium-ui .product-card, body.premium-ui .model-card, body.premium-ui .ptz-cat-card, body.premium-ui .solution-card, body.premium-ui .support-card, body.premium-ui .trust-card {
  transform: none;
}

body.premium-ui .form-submit-row, body.premium-ui .form-submit-wrap {
  margin-top: 14px;
}

body.premium-ui .form-submit-row .btn, body.premium-ui .form-submit-wrap .btn {
  margin: 0;
}

@media (width <= 900px) {
  .contact-header-new h2 {
    font-size: clamp(30px, 7vw, 42px);
  }

  body.premium-ui .product-card .prod-img-wrap {
    min-height: 170px;
    padding: 18px;
  }

  body.premium-ui .product-card .prod-img-wrap img {
    max-height: 165px;
  }
}

@media (width <= 560px) {
  .contact-header-new {
    margin-bottom: 26px;
  }

  .contact-header-new h2 {
    font-size: clamp(29px, 9vw, 38px);
  }

  body.premium-ui .product-card .prod-img-wrap {
    min-height: 145px;
    padding: 12px;
  }

  body.premium-ui .product-card .prod-img-wrap img {
    max-height: 135px;
  }
}

.page-support .support-request-layout {
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  align-items: start;
  gap: 38px;
  display: grid;
}

.page-support .support-request-aside {
  top: calc(var(--cx-header) + 24px);
  padding: 8px 8px 0 0;
  position: sticky;
}

.page-support .support-request-aside h3 {
  margin: 14px 0 10px;
  font-size: 22px;
  line-height: 1.25;
}

.page-support .support-request-aside > p {
  margin: 0 0 22px;
  font-size: 13.5px;
  line-height: 1.7;
}

.page-support .support-aside-list {
  border-top: 1px solid var(--cx-border);
  margin: 0 0 22px;
}

.page-support .support-aside-list > div {
  border-bottom: 1px solid var(--cx-border);
  grid-template-columns: 64px 1fr;
  align-items: baseline;
  gap: 14px;
  padding: 13px 0;
  display: grid;
}

.page-support .support-aside-list strong {
  color: var(--cx-text);
  font-size: 16px;
  font-weight: 750;
}

.page-support .support-aside-list span {
  color: var(--cx-copy);
  font-size: 12.5px;
  line-height: 1.45;
}

.page-support .support-aside-brands {
  color: #aab8b0;
  flex-wrap: wrap;
  gap: 7px 14px;
  margin: 0 0 20px;
  font-size: 11px;
  display: flex;
}

.page-support .support-aside-brands span + span:before {
  content: "/";
  color: #496356;
  margin-right: 14px;
}

.page-support .support-direct-link {
  color: var(--cx-copy);
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-flex;
}

.page-support .support-direct-link span {
  color: var(--cx-green);
  font-weight: 700;
}

.page-support .support-request-layout .form-wrap {
  width: 100%;
  max-width: none;
  margin: 0;
}

.sol-form-header {
  text-align: center;
  width: min(100%, 800px);
  margin: 0 auto 30px;
}

.sol-form-header .section-tag {
  justify-content: center;
}

.sol-form-header h2 {
  text-align: center;
  max-width: 800px;
  margin: 12px auto 0;
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: 1.08;
}

.sol-form-header p {
  text-align: center;
  max-width: 660px;
  margin: 15px auto 0;
  font-size: 15px;
  line-height: 1.7;
}

.sol-builder-form .form-submit-wrap {
  justify-content: flex-end;
}

.sol-builder-form .submit-btn-new {
  width: auto;
  min-width: 220px;
  min-height: 48px;
  color: var(--cx-black);
  background: var(--cx-green);
  border: 1px solid var(--cx-green);
  font: inherit;
  cursor: pointer;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  font-size: 12.5px;
  font-weight: 750;
  display: inline-flex;
}

.sol-builder-form .submit-btn-new:hover {
  background: var(--cx-green-2);
  border-color: var(--cx-green-2);
}

.custom-checkbox .checkmark {
  display: none;
}

[data-required-checkbox-group] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  margin-top: 10px;
  display: grid;
}

[data-required-checkbox-group] > label {
  color: #bdc8c1;
  cursor: pointer;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  margin: 0;
  font-size: 12px;
  font-weight: 550;
  display: flex;
}

[data-required-checkbox-group] input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background: #0a0a0a;
  border: 1px solid #3da57f47;
  border-radius: 4px;
  flex: 0 0 17px;
  place-content: center;
  width: 17px;
  height: 17px;
  margin: 0;
  display: grid;
}

[data-required-checkbox-group] input[type="checkbox"]:before {
  content: "";
  border-bottom: 2px solid #121212;
  border-left: 2px solid #121212;
  width: 8px;
  height: 5px;
  transform: rotate(-45deg) scale(0);
}

[data-required-checkbox-group] input[type="checkbox"]:checked {
  background: var(--cx-green);
  border-color: var(--cx-green);
}

[data-required-checkbox-group] input[type="checkbox"]:checked:before {
  transform: rotate(-45deg) scale(1);
}

@media (width <= 980px) {
  .page-support .support-request-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .page-support .support-request-aside {
    padding: 0;
    position: static;
  }

  .page-support .support-aside-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  .page-support .support-aside-list > div {
    border-right: 1px solid var(--cx-border);
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 12px 14px;
  }

  .page-support .support-aside-list > div:last-child {
    border-right: 0;
  }
}

@media (width <= 620px) {
  .page-support .support-aside-list {
    grid-template-columns: 1fr;
  }

  .page-support .support-aside-list > div {
    border-right: 0;
    grid-template-columns: 58px 1fr;
  }

  [data-required-checkbox-group] {
    grid-template-columns: 1fr;
  }

  .sol-form-header h2 {
    font-size: clamp(29px, 9vw, 38px);
  }
}

.hero-sub, .hero-copy p, .cat-info .cat-desc, .cta-text p, .contact-header-new p, .sol-form-header p {
  margin-bottom: 0;
}

.hero-actions, .sol-hero-actions, .final-cta-btns, .cta-actions, .model-actions {
  margin-top: 20px;
}

.cat-info .cat-desc {
  margin-bottom: 0;
  line-height: 1.7;
}

.cat-info .cat-cta {
  margin-top: 16px;
}

.mega-dropdown {
  background: #0e0e0e;
  border: 1px solid #3da57f1f;
  border-top-color: #3da57f29;
  border-radius: 0 0 10px 10px;
  width: min(1080px, 100vw - 48px);
  left: 50%;
  right: auto;
  transform: translate(-50%, -4px);
  box-shadow: 0 24px 50px #00000057;
}

.has-dropdown:hover > .mega-dropdown, .has-dropdown:focus-within > .mega-dropdown, .has-dropdown.brands-open > .mega-dropdown {
  transform: translate(-50%);
}

.mega-shell {
  grid-template-columns: 245px minmax(0, 1fr);
  gap: 26px;
  width: 100%;
  max-width: none;
  padding: 20px 22px;
}

.mega-intro {
  padding: 2px 24px 2px 0;
}

.mega-intro h2 {
  max-width: 235px;
  margin-top: 9px;
  font-size: 20px;
  line-height: 1.18;
}

.mega-intro p {
  max-width: 235px;
  margin: 9px 0 11px;
  font-size: 11.5px;
  line-height: 1.5;
}

.mega-all-link {
  font-size: 11.5px;
}

.mega-brand-grid {
  border-top: 0;
  border-left: 0;
  align-self: stretch;
  gap: 0;
}

.mega-brand {
  border-top: 1px solid var(--cx-line);
  border-right: 1px solid var(--cx-line);
  border-bottom: 1px solid var(--cx-line);
  justify-content: center;
  gap: 12px;
  min-height: 112px;
  padding: 15px 15px 14px;
}

.mega-brand:first-child {
  border-left: 1px solid var(--cx-line);
}

.mega-logo-stage {
  height: 34px;
}

.mega-logo-stage img {
  max-width: 112px;
  max-height: 31px;
}

.mega-brand-copy {
  gap: 2px;
}

.mega-brand-copy strong {
  font-size: 12px;
}

.mega-brand-copy small {
  max-width: 145px;
  font-size: 10px;
  line-height: 1.35;
}

.mega-arrow {
  font-size: 12px;
  top: 13px;
  right: 13px;
}

.contact-form-new, .contact-form-eizo, .lead-form-wrap, .form-wrap, .sol-form-container {
  padding: 26px 28px;
}

body.premium-ui .fg, body.premium-ui .form-group-new, body.premium-ui .form-grp, body.premium-ui .form-group {
  gap: 4px;
  margin-bottom: 10px;
}

.form-row-new, .form-row, .form-grid-2, .frow2, .frow3 {
  gap: 12px 16px;
}

body.premium-ui .fg input:not([type="checkbox"]):not([type="radio"]), body.premium-ui .fg select, body.premium-ui .form-group-new input:not([type="checkbox"]):not([type="radio"]), body.premium-ui .form-group-new select, body.premium-ui .form-grp input:not([type="checkbox"]):not([type="radio"]), body.premium-ui .form-grp select, body.premium-ui .form-group input:not([type="checkbox"]):not([type="radio"]), body.premium-ui .form-group select {
  min-height: 42px;
  padding: 8px 12px;
}

body.premium-ui .fg textarea, body.premium-ui .form-group-new textarea, body.premium-ui .form-grp textarea, body.premium-ui .form-group textarea {
  min-height: 88px;
  padding: 10px 12px;
}

.form-section-group, .form-block {
  margin: 0;
  padding: 17px 0;
}

.form-section-group + .form-section-group, .form-block + .form-block {
  border-top: 1px solid #3da57f17;
  margin-top: 0;
}

.form-section-title, .form-block-title {
  letter-spacing: .075em;
  border-bottom: 0;
  margin-bottom: 13px;
  padding-bottom: 0;
  font-size: 10.5px;
}

.radio-group {
  gap: 7px 18px;
}

.checkbox-container, .radio-opt, .custom-checkbox {
  min-height: 28px;
  padding: 2px 0;
}

.interests-grid {
  gap: 7px 18px;
}

.form-submit-row, .form-submit-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  margin-top: 4px;
  padding-top: 18px;
}

.form-submit-row p, .form-submit-wrap p {
  color: #87978e;
  max-width: 720px;
  font-size: 11.5px;
  line-height: 1.55;
}

.form-submit-row .btn, .form-submit-wrap .btn, .cx-form button[type="submit"], .contact-form-new button[type="submit"], .contact-form-eizo button[type="submit"], .lead-form-wrap button[type="submit"] {
  min-width: 168px;
  margin: 0;
}

.page-careers .contact-form-new {
  max-width: 860px;
}

.page-careers #career-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 16px;
  display: grid;
}

.page-careers #career-form > .form-row-new, .page-careers #career-form > input[type="hidden"], .page-careers #career-form > input[name="_honey"], .page-careers #career-form > .form-group-new:has(#resume), .page-careers #career-form > .form-group-new:has(#message), .page-careers #career-form > button[type="submit"] {
  grid-column: 1 / -1;
}

.page-careers #career-form .form-row-new {
  gap: 16px;
}

.page-careers #apply button[type="submit"] {
  justify-self: start;
  margin: 5px 0 0;
}

.page-support .support-request-layout {
  grid-template-columns: minmax(240px, 290px) minmax(0, 1fr);
  gap: 32px;
}

.page-support .support-request-aside {
  top: calc(var(--cx-header) + 18px);
}

.page-support .support-request-aside h3 {
  margin: 11px 0 8px;
  font-size: 20px;
}

.page-support .support-request-aside > p {
  margin-bottom: 16px;
  line-height: 1.6;
}

.page-support .support-aside-list {
  margin-bottom: 16px;
}

.page-support .support-aside-list > div {
  padding: 9px 0;
}

.page-support .support-aside-brands {
  margin-bottom: 14px;
}

.page-support .support-request-layout .form-wrap {
  padding: 22px 24px;
}

.page-support .form-block {
  padding: 15px 0;
}

.page-support .fg {
  margin-bottom: 8px;
}

.page-support .fg textarea {
  min-height: 82px;
}

.page-support .radio-group {
  gap: 6px 16px;
}

.page-support .radio-opt {
  min-height: 26px;
}

.page-solutions .sol-form-container {
  max-width: 1020px;
  padding: 24px 28px;
}

.sol-form-header {
  margin-bottom: 18px;
}

.sol-form-header h2 {
  margin-top: 9px;
  font-size: clamp(30px, 2.8vw, 40px);
}

.sol-form-header p {
  margin-top: 9px;
  font-size: 13px;
}

.sol-builder-form .form-section-group {
  padding: 15px 0;
}

.sol-builder-form .form-grid-2 {
  gap: 11px 16px;
}

.sol-builder-form .form-group-new {
  margin-bottom: 8px;
}

.sol-builder-form .interests-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px 14px;
}

.sol-builder-form .form-sublabel {
  margin-bottom: 8px;
}

.sol-builder-form .form-submit-wrap {
  padding-top: 14px;
}

.sol-builder-form .submit-btn-new {
  min-width: 210px;
  min-height: 44px;
}

.cta-inner {
  align-items: center;
  gap: 32px;
}

.cta-text p {
  margin-top: 10px;
}

.cta-actions {
  justify-content: flex-end;
  margin-top: 0;
}

@media (width <= 1100px) {
  .mega-dropdown {
    width: min(930px, 100vw - 36px);
  }

  .mega-shell {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
  }

  .mega-intro {
    padding-right: 18px;
  }

  .mega-brand {
    padding-inline: 12px;
  }

  .sol-builder-form .interests-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width <= 900px) {
  .mega-dropdown {
    width: 100%;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    position: static;
    transform: none;
  }

  .has-dropdown:hover > .mega-dropdown, .has-dropdown:focus-within > .mega-dropdown, .has-dropdown.brands-open > .mega-dropdown {
    transform: none;
  }

  .mega-shell {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 14px 0 8px;
  }

  .mega-intro {
    display: none;
  }

  .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mega-brand {
    min-height: 82px;
  }

  .page-support .support-request-layout {
    grid-template-columns: 1fr;
  }

  .page-support .support-request-aside {
    position: static;
  }

  .page-careers #career-form {
    grid-template-columns: 1fr;
  }

  .page-careers #career-form > * {
    grid-column: 1 !important;
  }

  .sol-builder-form .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 560px) {
  .contact-form-new, .contact-form-eizo, .lead-form-wrap, .form-wrap, .sol-form-container {
    padding: 18px 15px;
  }

  .mega-brand-grid, .sol-builder-form .interests-grid {
    grid-template-columns: 1fr;
  }

  .form-submit-row .btn, .form-submit-wrap .btn, .cx-form button[type="submit"] {
    width: 100%;
  }
}

@media (width >= 901px) {
  .mega-dropdown {
    width: min(940px, 100vw - 48px);
  }

  .mega-shell {
    padding: 14px;
    display: block;
  }

  .mega-intro {
    display: none;
  }

  .mega-brand-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mega-brand {
    justify-content: center;
    gap: 9px;
    min-height: 92px;
    padding: 13px 15px;
  }

  .mega-logo-stage {
    height: 29px;
  }

  .mega-logo-stage img {
    max-width: 108px;
    max-height: 28px;
  }

  .mega-brand-copy strong {
    font-size: 11.5px;
  }

  .mega-brand-copy small {
    font-size: 9.5px;
    line-height: 1.3;
  }
}

.solution-spec-grid {
  border-top: 1px solid #3da57f17;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px 14px;
  padding-top: 13px;
  display: grid;
}

.solution-final-grid {
  grid-template-columns: .8fr 1.2fr;
  align-items: start;
  gap: 14px 16px;
  margin-top: 2px;
  display: grid;
}

.solution-final-grid .form-group-new {
  margin-bottom: 0;
}

.solution-final-grid textarea {
  min-height: 78px !important;
}

@media (width >= 1180px) {
  .sol-builder-form .interests-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (width <= 900px) {
  .solution-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solution-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (width <= 560px) {
  .solution-spec-grid {
    grid-template-columns: 1fr;
  }
}

:root {
  --cx-bg: #05070a;
  --cx-bg-soft: #090c10;
  --cx-surface: #0d1117;
  --cx-surface-2: #121821;
  --cx-surface-3: #18202a;
  --cx-line: #ffffff1a;
  --cx-line-strong: #ffffff2b;
  --cx-text: #f5f5f7;
  --cx-text-2: #c5c7cb;
  --cx-muted: #8f959d;
  --cx-accent: #3da57f;
  --cx-accent-2: #3da57f;
  --cx-accent-soft: #3da57f1f;
  --cx-danger: #ff6b6b;
  --cx-container: 1280px;
  --cx-content: 920px;
  --cx-radius-lg: 24px;
  --cx-radius-md: 16px;
  --cx-radius-sm: 11px;
  --cx-shadow: 0 28px 70px #00000057;
  --cx-header: 72px;
  --cx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--cx-bg);
}

body {
  background: radial-gradient(1100px 600px at 75% -180px, #3da57f17, transparent 68%), var(--cx-bg);
  color: var(--cx-text);
  letter-spacing: -.005em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  font-family: var(--cx-font) !important;
}

body, button, input, textarea, select, body :not(code):not(pre):not(kbd):not(samp) {
  font-family: var(--cx-font) !important;
}

a {
  color: inherit;
  text-decoration: none;
}

a, button, [role="button"], summary, select, input[type="checkbox"], input[type="radio"], label[for], .product-card, .model-card, .commerce-card, .cat-tab, .lineup-filter-btn, .sol-filter-btn {
  cursor: pointer !important;
}

input:not([type="checkbox"]):not([type="radio"]), textarea {
  cursor: text;
}

img {
  max-width: 100%;
}

.container, .nav-container, .hero-content, .footer-container, .mega-shell {
  width: min(calc(100% - 64px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  margin-inline: auto !important;
}

section:not(.hero):not(.hero-section):not(.page-404) {
  padding-top: clamp(72px, 7vw, 112px) !important;
  padding-bottom: clamp(72px, 7vw, 112px) !important;
}

section + section {
  border-top: 1px solid #ffffff0b;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--cx-text);
  text-wrap: balance;
  margin-top: 0;
  font-family: var(--cx-font) !important;
}

h1 {
  letter-spacing: -.062em !important;
  font-size: clamp(3rem, 6.5vw, 6.2rem) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
}

h2, .section-title, .section-header .section-title {
  max-width: 980px;
  letter-spacing: -.048em !important;
  margin: 0 0 18px !important;
  font-size: clamp(2.15rem, 4.3vw, 4.25rem) !important;
  font-weight: 680 !important;
  line-height: 1.04 !important;
}

h3 {
  letter-spacing: -.025em;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.15;
}

h4 {
  letter-spacing: -.015em;
  font-size: 1.05rem;
  line-height: 1.25;
}

p {
  color: var(--cx-text-2);
}

.section-header {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin-bottom: clamp(40px, 5vw, 64px) !important;
}

.section-header.text-center, .text-center.section-header {
  text-align: center !important;
  margin-inline: auto !important;
}

.section-header.text-center .section-title, .text-center .section-title {
  margin-inline: auto !important;
}

.section-desc, .section-sub, .section-header p {
  max-width: 720px !important;
  color: var(--cx-muted) !important;
  margin-top: 0 !important;
  font-size: clamp(1rem, 1.2vw, 1.16rem) !important;
  line-height: 1.65 !important;
}

.section-header.text-center .section-desc, .section-header.text-center .section-sub, .text-center .section-desc, .text-center .section-sub {
  margin-inline: auto !important;
}

.section-tag, .hero-pill, .mega-kicker {
  align-items: center;
  gap: 8px;
  color: var(--cx-accent) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
  font-size: .72rem !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

.section-tag:before, .mega-kicker:before {
  content: "";
  background: var(--cx-accent);
  opacity: .9;
  width: 22px;
  height: 1px;
}

.nav-header {
  z-index: 1000 !important;
  height: var(--cx-header) !important;
  -webkit-backdrop-filter: saturate(150%) blur(22px) !important;
  box-shadow: none !important;
  background: #05070acc !important;
  border-bottom: 1px solid #ffffff13 !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
}

.nav-header.scrolled {
  background: #05070aed !important;
}

.nav-container {
  height: var(--cx-header) !important;
  grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 0 !important;
  display: grid !important;
}

.site-logo-header {
  object-fit: contain !important;
  width: 128px !important;
  height: auto !important;
  display: block !important;
}

.nav-links {
  justify-self: center !important;
  align-items: center !important;
  gap: 5px !important;
  height: 100% !important;
  display: flex !important;
}

.nav-link, .nav-brands-link {
  color: #b9bdc3 !important;
  letter-spacing: -.008em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 9px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  font-size: .84rem !important;
  font-weight: 520 !important;
  line-height: 1 !important;
  transition: color .18s, background .18s !important;
  display: inline-flex !important;
  position: relative !important;
}

.nav-link:hover, .nav-link.active, .nav-brands-link:hover, .nav-brands-link.active {
  color: #fff !important;
  background: #ffffff0e !important;
}

.nav-link:after {
  display: none !important;
}

.chevron {
  opacity: .65;
  margin-left: 4px;
}

.nav-cta {
  justify-self: end !important;
  display: flex !important;
}

.nav-cta-link {
  background: var(--cx-accent) !important;
  color: #0a0a0a !important;
  border: 1px solid #3da57f61 !important;
  border-radius: 10px !important;
  align-items: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding: 0 16px !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  transition: transform .18s, background .18s !important;
  display: inline-flex !important;
  box-shadow: 0 8px 26px #3da57f21 !important;
}

.nav-cta-link:hover {
  transform: translateY(-1px);
  background: var(--cx-accent-2) !important;
}

.hamburger {
  background: none !important;
  border: 0 !important;
  padding: 8px !important;
  display: none !important;
}

.hamburger span {
  background: #fff;
  width: 22px;
  height: 1.5px;
  margin: 5px 0;
  display: block;
}

.has-dropdown {
  align-items: center !important;
  height: 100% !important;
  display: flex !important;
  position: relative !important;
}

.mega-dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: #0d1117fa !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 18px !important;
  width: min(720px, 100vw - 40px) !important;
  padding: 10px !important;
  transition: opacity .18s, transform .18s, visibility .18s !important;
  position: absolute !important;
  top: calc(100% - 4px) !important;
  left: 50% !important;
  transform: translate(-50%, 10px) !important;
  box-shadow: 0 28px 80px #00000080 !important;
}

.has-dropdown:hover .mega-dropdown, .has-dropdown:focus-within .mega-dropdown, .has-dropdown.brands-open .mega-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%) !important;
}

.mega-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}

.mega-intro {
  display: none !important;
}

.mega-brand-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  display: grid !important;
}

.mega-brand {
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 13px !important;
  grid-template-columns: 100px 1fr 18px !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 14px !important;
  transition: background .18s, border-color .18s !important;
  display: grid !important;
}

.mega-brand:hover {
  background: #ffffff0b !important;
  border-color: #ffffff14 !important;
}

.mega-logo-stage img {
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  max-width: 100% !important;
  max-height: 31px !important;
}

.mega-brand-copy {
  min-width: 0 !important;
}

.mega-brand-copy strong {
  color: #fff !important;
  margin-bottom: 4px !important;
  font-size: .9rem !important;
  font-weight: 650 !important;
  display: block !important;
}

.mega-brand-copy small {
  color: #858b94 !important;
  font-size: .72rem !important;
  line-height: 1.35 !important;
  display: block !important;
}

.mega-arrow {
  color: #6f7781 !important;
  font-size: .95rem !important;
}

.hero, .hero-section {
  min-height: min(780px, calc(100svh - var(--cx-header))) !important;
  border: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero-content {
  z-index: 3 !important;
  min-height: inherit !important;
  align-items: center !important;
  padding-top: clamp(72px, 9vw, 120px) !important;
  padding-bottom: clamp(72px, 9vw, 120px) !important;
  display: flex !important;
  position: relative !important;
}

.hero-content-slide, .hero-copy, .hero-text, .hero-headline {
  max-width: 760px !important;
}

.hero-sub {
  color: #b4bac1 !important;
  max-width: 620px !important;
  font-size: clamp(1rem, 1.5vw, 1.23rem) !important;
  line-height: 1.6 !important;
}

.hero-overlay {
  background: linear-gradient(90deg, #040608e6 0%, #040608a3 43%, #0406082e 76%, #04060842 100%) !important;
}

.hero-mesh-glow, .hero-grid-overlay {
  opacity: .18 !important;
}

.hero-actions, .cta-row, .section-actions, .product-actions, .model-actions, .form-actions, .form-submit-wrap {
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: auto !important;
  margin-top: 28px !important;
  display: flex !important;
}

.text-center .hero-actions, .text-center .cta-row, .text-center .section-actions {
  justify-content: center !important;
}

.ptz-cta-banner .container {
  text-align: center !important;
  flex-direction: column !important;
  align-items: center !important;
  display: flex !important;
}

.ptz-cta-banner .hero-actions {
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
}

.ptz-cta-banner .hero-actions .btn, .ptz-cta-banner .hero-actions a {
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
}

.hero-actions .btn, .cta-row .btn, .section-actions .btn, .product-actions .btn, .model-actions .btn, .form-actions .btn, .form-submit-wrap .btn, .hero-actions a, .cta-row a, .section-actions a, .product-actions a, .model-actions a, .form-actions a, .form-submit-wrap a {
  text-align: center !important;
  flex: none !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
}

.btn, .btn-primary, .btn-outline, .btn-outline-sm, .btn-ghost, .submit-btn-new, button[type="submit"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  letter-spacing: -.008em !important;
  text-transform: none !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 44px !important;
  box-shadow: none !important;
  border-radius: 11px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 17px !important;
  font-size: .86rem !important;
  font-weight: 670 !important;
  line-height: 1 !important;
  transition: transform .18s, border-color .18s, background .18s, color .18s !important;
  display: inline-flex !important;
}

.btn-primary, .submit-btn-new, button[type="submit"] {
  background: var(--cx-accent) !important;
  border: 1px solid var(--cx-accent) !important;
  color: #0a0a0a !important;
}

.btn-primary:hover, .submit-btn-new:hover, button[type="submit"]:hover {
  transform: translateY(-1px);
  background: var(--cx-accent-2) !important;
  border-color: var(--cx-accent-2) !important;
}

.btn-outline, .btn-outline-sm, .btn-ghost {
  color: #f4f5f7 !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff29 !important;
}

.btn-outline:hover, .btn-outline-sm:hover, .btn-ghost:hover {
  background: #ffffff13 !important;
  border-color: #ffffff40 !important;
}

.i-card, .value-card, .why-card, .trust-card, .support-card, .pillar-card, .warranty-card, .social-hub-card, .gallery-card, .cv-card, .why-ptz-card, .eco-card, .detail-panel, .solution-card, .color-card, .tl-card, .ws-card, .cb-card, .val-card, .event-card, .news-card {
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius-md) !important;
  box-shadow: none !important;
  color: var(--cx-text) !important;
  background: linear-gradient(#ffffff0b, #ffffff05) !important;
}

.i-card:hover, .value-card:hover, .why-card:hover, .trust-card:hover, .support-card:hover, .pillar-card:hover, .social-hub-card:hover, .cv-card:hover, .why-ptz-card:hover, .eco-card:hover, .cb-card:hover, .val-card:hover, .event-card:hover, .news-card:hover {
  border-color: #ffffff2e !important;
  transform: translateY(-2px) !important;
}

:where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) > h3, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) > h4, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) .card-title, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) strong {
  color: var(--cx-text) !important;
}

:where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) p, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) li, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) .meta, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) .copy {
  color: var(--cx-text-2) !important;
}

:where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) .btn, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) a.btn, :where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) .model-card-link {
  justify-content: center !important;
  width: 100% !important;
  margin-top: auto !important;
}

:where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) {
  flex-direction: column !important;
  min-height: 100% !important;
  display: flex !important;
}

:where(.cv-card, .cb-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card, .solution-card, .ptz-cat-card, .commerce-card, .product-card, .model-card) > :not(.btn):not(a):not(img):not(.prod-img-wrap):not(.model-card-img):not(.ptz-img-frame) {
  width: 100% !important;
}

.cat-products-grid, .models-grid, .product-grid, .ptz-products-grid, .flexscan-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
  display: grid !important;
}

.product-card, .model-card, .commerce-card, .ptz-cat-card, .solution-card, .cb-card, .cv-card, .why-ptz-card, .value-card, .val-card, .support-card, .trust-card, .event-card, .news-card {
  min-width: 0 !important;
  height: 100% !important;
  box-shadow: none !important;
  background: #0c1016 !important;
  border: 1px solid #ffffff18 !important;
  border-radius: 18px !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
  transition: border-color .2s, transform .2s, background .2s !important;
  display: flex !important;
  overflow: hidden !important;
  transform: none !important;
}

.product-card:hover, .model-card:hover, .commerce-card:hover, .ptz-cat-card:hover, .solution-card:hover, .cb-card:hover, .cv-card:hover, .why-ptz-card:hover, .value-card:hover, .val-card:hover, .support-card:hover, .trust-card:hover, .event-card:hover, .news-card:hover {
  background: #0e131a !important;
  border-color: #3da57f57 !important;
  transform: translateY(-3px) !important;
}

.product-card > .btn, .model-card-link, .ptz-cat-card > .btn, .commerce-card .btn, .solution-card .btn, .cb-card .btn, .cv-card .btn, .why-ptz-card .btn, .value-card .btn, .val-card .btn, .support-card .btn, .trust-card .btn, .event-card .btn, .news-card .btn {
  margin-top: auto !important;
}

.prod-img-wrap, body:not(.page-eizo-medical) .model-card-img, .ptz-img-frame, .product-image, .eco-icon {
  aspect-ratio: 1.35 !important;
  background: radial-gradient(circle at 50% 40%, #ffffff13, #0000 48%), linear-gradient(#151b23, #0f141b) !important;
  border: 0 !important;
  border-bottom: 1px solid #fff1 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 220px !important;
  padding: 22px !important;
  display: flex !important;
  position: relative !important;
}

.prod-img-wrap img, body:not(.page-eizo-medical) .model-card-img img, .ptz-img-frame img, .product-image img {
  filter: drop-shadow(0 14px 25px #00000040);
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  width: 100% !important;
  max-width: 92% !important;
  height: 100% !important;
  max-height: 190px !important;
}

.product-card > h4 {
  color: #f4f5f6 !important;
  align-items: center !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 17px 18px 19px !important;
  font-size: .95rem !important;
  font-weight: 620 !important;
  display: flex !important;
}

.model-card-body, .eco-card > div:not(.eco-icon) {
  padding: 18px !important;
}

.model-card-badge, .prod-tag, .eco-badge, .vm-badge, .best-chip {
  color: #3da57f !important;
  letter-spacing: .03em !important;
  background: #3da57f17 !important;
  border: 1px solid #3da57f2e !important;
  border-radius: 6px !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 4px 8px !important;
  font-size: .66rem !important;
  display: inline-flex !important;
}

.model-specs {
  border-top: 1px solid #ffffff12 !important;
  gap: 0 !important;
  margin: 14px 0 !important;
  display: grid !important;
}

.model-spec {
  color: #9ca3ab !important;
  background: none !important;
  border-bottom: 1px solid #ffffff0f !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
}

.model-actions {
  margin-top: auto !important;
  padding-top: 12px !important;
}

.cat-hero-grid {
  align-items: end !important;
  gap: 42px !important;
}

.cat-info {
  max-width: 690px !important;
}

.cat-desc {
  max-width: 650px !important;
  color: var(--cx-muted) !important;
  margin-bottom: 0 !important;
}

.cat-cta {
  margin-top: 24px !important;
}

.cat-banner {
  border: 1px solid #ffffff14 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.cat-tabs, .lineup-filters, .sol-filters {
  background: #0b0f14 !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 13px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 6px !important;
  display: flex !important;
}

.cat-tab, .lineup-filter-btn, .sol-filter-btn {
  color: #9298a1 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  font-size: .78rem !important;
  font-weight: 580 !important;
}

.cat-tab.active, .lineup-filter-btn.active, .sol-filter-btn.active {
  color: #fff !important;
  background: #171d25 !important;
  box-shadow: inset 0 0 0 1px #ffffff14 !important;
}

form {
  max-width: 100%;
}

.form-group-new, .form-group, .fg, .form-grp {
  min-width: 0 !important;
  margin-bottom: 0 !important;
}

.frow2, .form-row, .solution-final-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  display: grid !important;
}

.frow3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  display: grid !important;
}

.solution-spec-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  display: grid !important;
}

label, .form-sublabel {
  color: #b7bcc4 !important;
  letter-spacing: .005em !important;
  font-size: .78rem !important;
  font-weight: 610 !important;
}

.fg > label, .form-group-new > label, .form-group > label, .form-grp > label {
  margin: 0 0 7px !important;
  display: block !important;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"], select, textarea {
  color: #f3f5f6 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 46px !important;
  box-shadow: none !important;
  background: #111 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 10px !important;
  outline: none !important;
  padding: 0 13px !important;
  font-size: .88rem !important;
  line-height: 1.3 !important;
  transition: border-color .18s, background .18s, box-shadow .18s !important;
}

textarea {
  resize: vertical !important;
  height: auto !important;
  min-height: 104px !important;
  padding: 12px 13px !important;
}

input::placeholder, textarea::placeholder {
  color: #626973 !important;
}

input:focus, select:focus, textarea:focus {
  background: #121212 !important;
  border-color: #ffffff7a !important;
  box-shadow: 0 0 0 3px #ffffff12 !important;
}

.form-block, .form-section-group {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #ffffff16 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 25px 0 !important;
}

.form-block:first-child, .form-section-group:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.form-block-title, .form-section-title {
  color: #f3f5f6 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  margin: 0 0 18px !important;
  font-size: .84rem !important;
  font-weight: 690 !important;
  line-height: 1.2 !important;
}

.form-block .fg + .fg, .form-section-group .form-group-new + .form-group-new, .form-block .frow2 + .frow2, .form-block .frow2 + .frow3, .form-block .frow3 + .fg, .form-block .frow2 + .fg {
  margin-top: 16px !important;
}

.radio-group {
  flex-wrap: wrap !important;
  gap: 9px 12px !important;
  margin-top: 4px !important;
  display: flex !important;
}

.radio-opt, .checkbox-container, .custom-checkbox {
  color: #b8bec6 !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 9px !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  font-size: .79rem !important;
  font-weight: 520 !important;
  line-height: 1.3 !important;
  transition: background .16s, border-color .16s, color .16s !important;
  display: inline-flex !important;
  position: relative !important;
}

.radio-opt:hover, .checkbox-container:hover, .custom-checkbox:hover {
  color: #fff !important;
  background: #ffffff09 !important;
  border-color: #ffffff14 !important;
}

.radio-opt input[type="radio"], .checkbox-container input[type="checkbox"], .custom-checkbox input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  box-shadow: none !important;
  background: #0b1016 !important;
  border: 1.5px solid #69717b !important;
  flex: 0 0 18px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

.radio-opt input[type="radio"] {
  border-radius: 50% !important;
}

.checkbox-container input[type="checkbox"], .custom-checkbox input[type="checkbox"] {
  border-radius: 5px !important;
}

.radio-opt input[type="radio"]:before {
  content: "";
  background: var(--cx-accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: transform .14s;
  transform: scale(0);
}

.checkbox-container input[type="checkbox"]:before, .custom-checkbox input[type="checkbox"]:before {
  content: "";
  border-bottom: 2px solid #0b0b0b;
  border-left: 2px solid #0b0b0b;
  width: 9px;
  height: 5px;
  transition: transform .14s;
  transform: rotate(-45deg) scale(0);
}

.radio-opt input[type="radio"]:checked, .checkbox-container input[type="checkbox"]:checked, .custom-checkbox input[type="checkbox"]:checked {
  border-color: var(--cx-accent) !important;
}

.radio-opt input[type="radio"]:checked:before {
  transform: scale(1);
}

.checkbox-container input[type="checkbox"]:checked, .custom-checkbox input[type="checkbox"]:checked {
  background: var(--cx-accent) !important;
}

.checkbox-container input[type="checkbox"]:checked:before, .custom-checkbox input[type="checkbox"]:checked:before {
  transform: translateY(-1px) rotate(-45deg) scale(1);
}

.radio-opt:has(input:checked), .checkbox-container:has(input:checked), .custom-checkbox:has(input:checked) {
  color: #effff8 !important;
  background: #3da57f11 !important;
  border-color: #3da57f2b !important;
}

.checkbox-label {
  color: inherit !important;
  font: inherit !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

body:not(.page-eizo-medical) .checkmark {
  display: none !important;
}

.interests-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px 12px !important;
  margin-top: 14px !important;
  display: grid !important;
}

.interests-grid .checkbox-container {
  width: 100% !important;
}

.support-form, .career-form, .solution-form, .contact-form, .contact-form-new, #support-form, #career-form, #solution-form, #contact-form {
  background: #0a0e13bd !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 20px !important;
  padding: clamp(24px, 3vw, 36px) !important;
  box-shadow: 0 22px 70px #0000002e !important;
}

.form-submit-wrap {
  border-top: 1px solid #ffffff14 !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
}

.support-form-layout {
  align-items: start !important;
  gap: 40px !important;
}

.warranty-card {
  overflow: hidden !important;
}

.warranty-item {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #ffffff12 !important;
  border-radius: 0 !important;
}

.support-pill {
  background: #ffffff09 !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 8px !important;
}

.solution-card.compact {
  border-radius: 16px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 100% !important;
  padding: 22px !important;
  display: flex !important;
}

.solution-card.compact .card-body {
  flex-direction: column !important;
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
}

.sol-workflow-bar {
  background: #ffffff06 !important;
  border: 1px solid #ffffff0f !important;
  border-radius: 10px !important;
  margin-top: auto !important;
}

.card-tag {
  color: var(--cx-accent) !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.faq-item {
  box-shadow: none !important;
  background: #ffffff03 !important;
  border: 1px solid #ffffff14 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  flex-direction: column !important;
  margin: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.faq-question, .faq-editorial-question {
  color: #eef1f3 !important;
  background: none !important;
  min-height: 68px !important;
  padding: 18px 20px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.faq-answer, .faq-editorial-answer {
  color: var(--cx-muted) !important;
  background: #ffffff01 !important;
  max-width: 780px !important;
  padding: 0 20px 22px !important;
}

.faq-item[open] {
  background: #ffffff04 !important;
  border-color: #3da57f2e !important;
}

.faq-question:before, .faq-question:after {
  right: 18px !important;
}

body.premium-ui :is(.faq-section, .faq-editorial-section, .eizo-faq-section, .definition-section) {
  background: none !important;
  border-top: 1px solid #ffffff14 !important;
}

body.premium-ui :is(.faq-item, .faq-editorial-list > *) {
  box-shadow: none !important;
  background: #ffffff03 !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff14 !important;
  border-radius: 0 !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  overflow: hidden !important;
}

body.premium-ui :is(.faq-question, .faq-editorial-question) {
  color: #edf3ef !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  min-height: 62px !important;
  padding: 22px 48px 22px 18px !important;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
}

body.premium-ui :is(.faq-answer, .faq-editorial-answer) {
  color: #b9bec4 !important;
  background: none !important;
  width: 100% !important;
  max-width: 920px !important;
  padding: 0 18px 22px !important;
  font-size: .96rem !important;
  line-height: 1.75 !important;
}

body.premium-ui .faq-list, body.premium-ui .faq-editorial-list {
  width: 100% !important;
  max-width: 100% !important;
}

body.premium-ui .faq-item[open] {
  background: #ffffff04 !important;
  border-color: #3da57f2e !important;
}

body.premium-ui :is(.product-card, .commerce-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .value-card, .val-card, .support-card, .trust-card, .why-card, .why-ptz-card, .cv-card, .cb-card, .eco-card, .i-card, .pillar-card, .team-card, .arch-card) {
  text-align: left !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
}

body.premium-ui :is(.product-card, .commerce-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .value-card, .val-card, .support-card, .trust-card, .why-card, .why-ptz-card, .cv-card, .cb-card, .eco-card, .i-card, .pillar-card, .team-card, .arch-card) :is(h3, h4, p, li, span) {
  text-align: left !important;
}

body.premium-ui :is(.product-card, .commerce-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .value-card, .val-card, .support-card, .trust-card, .why-card, .why-ptz-card, .cv-card, .cb-card, .eco-card, .i-card, .pillar-card, .team-card, .arch-card) :is(.btn, a.btn, .model-card-link) {
  justify-content: center !important;
  width: 100% !important;
  margin-top: auto !important;
}

body.premium-ui :is(.hero-actions, .sol-hero-actions, .cta-actions, .final-cta-btns, .cta-inner .cta-actions) {
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: fit-content !important;
  max-width: 100% !important;
  display: flex !important;
}

body.premium-ui .text-center :is(.hero-actions, .sol-hero-actions, .cta-actions, .final-cta-btns) {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.premium-ui :is(.contact-left, .contact-info-eizo, .lead-info, .ptz-spotlight-content, .cta-text, .sol-form-header) :is(.hero-actions, .sol-hero-actions, .cta-actions, .final-cta-btns) {
  justify-content: flex-start !important;
}

.footer {
  background: #040609 !important;
  border-top: 1px solid #ffffff14 !important;
}

.page-blackmagic {
  --page-accent: #ff8b52;
}

.page-eizo, .page-eizo-medical {
  --page-accent: #66bfff;
}

.page-ptzoptics {
  --page-accent: #5d91ff;
}

.page-sennheiser {
  --page-accent: #dfe4e8;
}

.page-blackmagic .section-tag, .page-eizo .section-tag, .page-eizo-medical .section-tag, .page-ptzoptics .section-tag, .page-sennheiser .section-tag {
  color: var(--page-accent, var(--cx-accent)) !important;
}

.page-blackmagic .section-tag:before, .page-eizo .section-tag:before, .page-eizo-medical .section-tag:before, .page-ptzoptics .section-tag:before, .page-sennheiser .section-tag:before {
  background: var(--page-accent, var(--cx-accent)) !important;
}

@media (width <= 1120px) {
  .nav-container {
    grid-template-columns: 1fr auto !important;
  }

  .nav-links {
    top: var(--cx-header) !important;
    height: auto !important;
    max-height: calc(100svh - var(--cx-header)) !important;
    background: #070a0efa !important;
    border-bottom: 1px solid #ffffff17 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3px !important;
    padding: 16px 24px 26px !important;
    display: none !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    overflow: auto !important;
  }

  .nav-links.open {
    display: flex !important;
  }

  .nav-link, .nav-brands-link {
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 8px !important;
  }

  .nav-cta {
    display: none !important;
  }

  .hamburger {
    justify-self: end !important;
    display: block !important;
  }

  .has-dropdown {
    height: auto !important;
    display: block !important;
  }

  .mega-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: 100% !important;
    box-shadow: none !important;
    background: #0c1117 !important;
    margin: 4px 0 10px !important;
    display: none !important;
    position: static !important;
    transform: none !important;
  }

  .has-dropdown.brands-open .mega-dropdown {
    display: block !important;
    transform: none !important;
  }

  .has-dropdown:hover .mega-dropdown:not(:focus-within) {
    display: none !important;
  }

  .has-dropdown.brands-open:hover .mega-dropdown {
    display: block !important;
  }

  .cat-products-grid, .models-grid, .product-grid, .ptz-products-grid, .flexscan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .solution-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 820px) {
  :root {
    --cx-header: 64px;
  }

  .container, .nav-container, .hero-content, .footer-container, .mega-shell {
    width: min(calc(100% - 36px),var(--cx-container)) !important;
  }

  section:not(.hero):not(.hero-section):not(.page-404) {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .site-logo-header {
    width: 100px !important;
  }

  .mega-brand-grid {
    grid-template-columns: 1fr !important;
  }

  .mega-brand {
    grid-template-columns: 66px 1fr 18px !important;
    min-height: 74px !important;
    padding: 10px !important;
  }

  .mega-logo-stage {
    width: 66px !important;
    height: 46px !important;
  }

  .hero, .hero-section {
    min-height: 640px !important;
  }

  .hero-content {
    align-items: flex-end !important;
    padding-bottom: 72px !important;
  }

  h1 {
    font-size: clamp(2.7rem, 12vw, 4.6rem) !important;
  }

  h2, .section-title, .section-header .section-title {
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
  }

  .cat-products-grid, .models-grid, .product-grid, .ptz-products-grid, .flexscan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .frow2, .frow3, .form-row, .solution-final-grid, .solution-spec-grid {
    grid-template-columns: 1fr !important;
  }

  .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .radio-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    display: grid !important;
  }

  .radio-opt {
    width: 100% !important;
  }

  .support-form-layout {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

@media (width <= 520px) {
  .container, .nav-container, .hero-content, .footer-container, .mega-shell {
    width: min(calc(100% - 28px),var(--cx-container)) !important;
  }

  .cat-products-grid, .models-grid, .product-grid, .ptz-products-grid, .flexscan-grid, .interests-grid, .radio-group {
    grid-template-columns: 1fr !important;
  }

  .hero-actions, .cta-row, .section-actions, .product-actions, .model-actions, .form-actions, .form-submit-wrap {
    align-items: stretch !important;
  }

  .hero-actions .btn, .cta-row .btn, .form-submit-wrap button, .submit-btn-new {
    width: 100% !important;
  }

  .support-form, .career-form, .solution-form, .contact-form, .contact-form-new, #support-form, #career-form, #solution-form, #contact-form {
    border-radius: 16px !important;
    padding: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

.hero-scroll-hint {
  display: none !important;
}

.page-blackmagic .hero-content, .page-support .hero-content {
  width: min(calc(100% - 64px),var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  text-align: left !important;
  margin-inline: auto !important;
  display: block !important;
}

.page-blackmagic .hero-headline {
  max-width: 820px !important;
  font-size: clamp(3.5rem, 6vw, 5.8rem) !important;
  line-height: .93 !important;
}

.page-blackmagic .hero-headline .hero-line {
  display: block !important;
}

.page-blackmagic .hero-sub {
  max-width: 680px !important;
  margin: 24px 0 0 !important;
}

.page-blackmagic .hero-actions {
  justify-content: flex-start !important;
  margin-top: 28px !important;
}

.page-support .hero-pill {
  margin-bottom: 20px !important;
}

.page-support .hero-headline {
  letter-spacing: -.055em !important;
  max-width: 800px !important;
  margin: 0 !important;
  font-size: clamp(3rem, 5.3vw, 5rem) !important;
  line-height: .96 !important;
}

.page-support .hero-headline .hero-line:first-child {
  letter-spacing: .14em !important;
  color: var(--cx-accent) !important;
  margin-bottom: 16px !important;
  font-size: .22em !important;
  line-height: 1.25 !important;
  display: block !important;
}

.page-support .hero-headline .hero-line-accent {
  color: #f5f5f7 !important;
  display: block !important;
}

.page-support .hero-sub {
  color: #aeb4bc !important;
  max-width: 700px !important;
  margin: 26px 0 0 !important;
  font-size: 1.06rem !important;
  line-height: 1.65 !important;
}

.page-support .support-brands-strip {
  opacity: 1 !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  margin-top: 24px !important;
  animation: none !important;
  display: flex !important;
}

.page-support .support-pill {
  color: #858d96 !important;
  letter-spacing: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 24px !important;
  padding: 0 !important;
  font-size: .72rem !important;
}

.page-support .support-pill .dot {
  width: 5px !important;
  height: 5px !important;
}

.page-support .hero-actions {
  justify-content: flex-start !important;
  margin-top: 28px !important;
}

.sol-hero {
  text-align: left !important;
  border-bottom: 1px solid #ffffff0f !important;
  align-items: center !important;
  min-height: 500px !important;
  padding: 100px 0 !important;
  display: flex !important;
}

.sol-hero-content {
  width: min(calc(100% - 64px),var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
  align-items: end !important;
  gap: 72px !important;
  margin-inline: auto !important;
  display: grid !important;
}

.sol-hero-heading, .sol-hero-copy {
  min-width: 0 !important;
}

.sol-hero-kicker {
  color: var(--cx-accent) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  display: block !important;
}

.sol-hero h1 {
  letter-spacing: -.06em !important;
  max-width: 720px !important;
  margin: 0 !important;
  font-size: clamp(3.4rem, 6vw, 5.9rem) !important;
  font-weight: 700 !important;
  line-height: .94 !important;
}

.sol-hero-copy p {
  color: #aeb4bc !important;
  max-width: 560px !important;
  margin: 0 !important;
  font-size: 1.06rem !important;
  line-height: 1.65 !important;
}

.sol-brand-line {
  color: #747c85 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 16px !important;
  margin-top: 18px !important;
  font-size: .73rem !important;
  display: flex !important;
}

.sol-brand-line span {
  position: relative !important;
}

.sol-brand-line span:not(:last-child):after {
  content: "";
  vertical-align: middle;
  background: #525a63;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-left: 16px;
  display: inline-block;
}

.sol-hero-actions {
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-top: 26px !important;
  display: flex !important;
}

.cx-form {
  background: #0a0e13 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 20px !important;
  width: min(100%, 980px) !important;
  margin-inline: auto !important;
  padding: clamp(24px, 3vw, 34px) !important;
  box-shadow: 0 28px 80px #0003 !important;
}

.form-wrap.cx-form {
  max-width: 980px !important;
}

.sol-builder-form.cx-form {
  max-width: 1080px !important;
}

.cx-form .form-block, .cx-form .form-section-group {
  padding: 22px 0 !important;
}

.cx-form .form-block-title, .cx-form .form-section-title {
  margin-bottom: 15px !important;
}

.cx-form .fg > label, .cx-form .form-group-new > label, .cx-form .form-group > label, .cx-form .form-grp > label {
  margin-bottom: 6px !important;
}

.cx-form input[type="text"], .cx-form input[type="email"], .cx-form input[type="tel"], .cx-form input[type="url"], .cx-form input[type="date"], .cx-form input[type="number"], .cx-form select {
  min-height: 44px !important;
}

.cx-form textarea {
  min-height: 92px !important;
}

.cx-form .radio-group {
  gap: 6px 10px !important;
}

.cx-form .radio-opt, .cx-form .checkbox-container, .cx-form .custom-checkbox {
  min-height: 34px !important;
  padding: 5px 8px !important;
}

.cx-form .interests-grid {
  gap: 4px 10px !important;
}

.cx-form .form-submit-wrap {
  margin-top: 12px !important;
  padding-top: 18px !important;
}

@media (width <= 820px) {
  .page-blackmagic .hero-content, .page-support .hero-content {
    width: min(calc(100% - 36px),var(--cx-container)) !important;
  }

  .page-blackmagic .hero-headline, .page-support .hero-headline {
    font-size: clamp(2.65rem, 12vw, 4rem) !important;
  }

  .page-support .support-brands-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 14px !important;
    display: grid !important;
  }

  .sol-hero {
    min-height: auto !important;
    padding: 78px 0 !important;
  }

  .sol-hero-content {
    width: min(calc(100% - 36px),var(--cx-container)) !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .sol-hero h1 {
    font-size: clamp(2.8rem, 13vw, 4.3rem) !important;
  }
}

.hero-content-slide.active, .hero-content-slide.active *, .page-blackmagic .hero-line, .page-blackmagic .hero-sub, .page-blackmagic .hero-actions, .page-support .hero-line, .page-support .hero-sub, .page-support .hero-actions, .page-index .hero-line, .page-index .hero-sub, .page-index .hero-actions, .reveal.visible {
  opacity: 1 !important;
  transform: none !important;
}

.page-blackmagic .hero-line, .page-blackmagic .hero-sub, .page-blackmagic .hero-actions, .page-support .hero-line, .page-support .hero-sub, .page-support .hero-actions, .page-index .hero-line, .page-index .hero-sub, .page-index .hero-actions {
  animation: none !important;
}

.page-eizo .hero-content, .page-sennheiser .hero-content {
  text-align: left !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  display: flex !important;
}

.page-eizo .hero-headline, .page-sennheiser .hero-headline {
  max-width: 820px !important;
  margin: 0 !important;
  font-size: clamp(3.4rem, 6vw, 5.7rem) !important;
  line-height: .94 !important;
}

.page-eizo .hero-headline .hero-line, .page-sennheiser .hero-headline .hero-line {
  display: block !important;
}

.page-eizo .hero-sub, .page-sennheiser .hero-sub {
  max-width: 690px !important;
  margin: 24px 0 0 !important;
}

.page-eizo .hero-actions, .page-sennheiser .hero-actions {
  justify-content: flex-start !important;
  margin-top: 28px !important;
}

.page-sennheiser .wave-viz {
  margin: 0 0 18px !important;
}

.page-sennheiser .hero-content > p[style] {
  opacity: 1 !important;
  color: #99a2aa !important;
  margin: 16px 0 0 !important;
  font-style: normal !important;
  animation: none !important;
}

.page-eizo-medical .hero-content {
  text-align: center !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.page-eizo-medical .hero-headline {
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(3.2rem, 5.7vw, 5.4rem) !important;
}

.page-eizo-medical .hero-sub {
  max-width: 700px !important;
  margin: 24px auto 0 !important;
}

.page-eizo-medical .hero-actions {
  justify-content: center !important;
  margin-top: 28px !important;
}

.page-eizo .hero-line, .page-eizo .hero-sub, .page-eizo .hero-actions, .page-eizo-medical .hero-line, .page-eizo-medical .hero-sub, .page-eizo-medical .hero-actions, .page-sennheiser .hero-line, .page-sennheiser .hero-sub, .page-sennheiser .hero-actions, .ptz-hero .reveal, .ewaste-hero .reveal {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

.ewaste-hero {
  align-items: center !important;
  min-height: 620px !important;
  padding: 90px 0 !important;
  display: flex !important;
}

.ewaste-hero .hero-headline {
  max-width: 820px !important;
  margin: 0 0 24px !important;
  font-size: clamp(3.4rem, 6vw, 5.7rem) !important;
  line-height: .94 !important;
}

.ewaste-hero .hero-line {
  display: block !important;
}

.ewaste-hero .hero-sub {
  max-width: 680px !important;
  margin: 0 !important;
}

.sol-builder-form .form-submit-wrap {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.sol-builder-form .submit-btn-new {
  margin: 0 !important;
}

@media (width <= 820px) {
  .page-eizo .hero-headline, .page-sennheiser .hero-headline, .page-eizo-medical .hero-headline, .ewaste-hero .hero-headline {
    font-size: clamp(2.55rem, 11.5vw, 4rem) !important;
  }

  .page-eizo-medical .hero-content {
    text-align: left !important;
    align-items: flex-start !important;
  }

  .page-eizo-medical .hero-headline, .page-eizo-medical .hero-sub {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-eizo-medical .hero-actions {
    justify-content: flex-start !important;
  }
}

.ewaste-hero .hero-line {
  color: #f5f5f7 !important;
}

.ewaste-hero .hero-line-accent {
  color: var(--cx-accent) !important;
}

.brand-logo-img {
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 210px !important;
  height: auto !important;
  max-height: 56px !important;
}

.brand-card {
  background: #070b10 !important;
}

.brand-card:hover {
  background: #0b1117 !important;
}

.site-logo-footer {
  object-fit: contain !important;
  opacity: 1 !important;
  width: 148px !important;
  height: auto !important;
}

@media (width <= 820px) {
  .site-logo-header {
    width: 116px !important;
  }

  .mega-brand {
    grid-template-columns: 88px 1fr 18px !important;
  }

  .mega-logo-stage {
    width: 88px !important;
    height: 44px !important;
  }
}

body.premium-ui {
  --cx-section-copy: 760px;
  --cx-form-copy: 680px;
  --cx-field-h: 46px;
}

body.premium-ui h2 {
  letter-spacing: -.035em !important;
  max-width: none !important;
  text-align: inherit !important;
  margin: 0 0 16px !important;
  font-size: clamp(1.95rem, 2.65vw, 2.8rem) !important;
  font-weight: 680 !important;
  line-height: 1.08 !important;
}

body.premium-ui .section-title, body.premium-ui .section-header .section-title, body.premium-ui .events-section-header h2 {
  letter-spacing: -.048em !important;
  max-width: 820px !important;
  margin: 0 0 18px !important;
  font-size: clamp(2.45rem, 4.15vw, 4rem) !important;
  font-weight: 690 !important;
  line-height: 1.02 !important;
}

body.premium-ui .section-header, body.premium-ui .events-section-header {
  text-align: left !important;
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 0 auto clamp(34px, 4vw, 54px) 0 !important;
}

body.premium-ui .section-header .section-title, body.premium-ui .events-section-header h2 {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui .section-header p, body.premium-ui .events-section-header p, body.premium-ui .section-header .section-desc, body.premium-ui .section-header .section-sub {
  width: min(100%, var(--cx-section-copy)) !important;
  max-width: var(--cx-section-copy) !important;
  text-align: left !important;
  margin: 0 !important;
}

body.premium-ui .section-header.text-center, body.premium-ui .text-center.section-header, body.premium-ui .faq-header, body.premium-ui .section-header.text-center .section-title, body.premium-ui .text-center.section-header .section-title, body.premium-ui .faq-header .section-title, body.premium-ui .section-header.text-center p, body.premium-ui .text-center.section-header p, body.premium-ui .faq-header p, body.premium-ui .section-header.text-center .section-desc, body.premium-ui .section-header.text-center .section-sub, body.premium-ui .text-center > h1, body.premium-ui .text-center > h2, body.premium-ui .text-center > h3, body.premium-ui .text-center > p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.premium-ui :is(.about-vm-box, .about-left, .ptz-spotlight-content, .contact-left, .contact-info-eizo, .prod-intro-text, .pitch-content, .detail-content, .shift-text, .lead-info, .ewaste-text, .cta-text, .sol-form-header) {
  text-align: left !important;
}

body.premium-ui :is(.about-vm-box, .about-left, .ptz-spotlight-content, .contact-left, .contact-info-eizo, .prod-intro-text, .pitch-content, .detail-content, .shift-text, .lead-info, .ewaste-text, .cta-text, .sol-form-header) > h2, body.premium-ui .pitch-content > .section-title {
  text-align: left !important;
  max-width: 720px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui :is(.about-vm-box, .about-left, .ptz-spotlight-content, .contact-left, .contact-info-eizo, .prod-intro-text, .pitch-content, .detail-content, .shift-text, .lead-info, .ewaste-text, .cta-text, .sol-form-header) > p {
  text-align: left !important;
  max-width: 680px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui .eizo-logo-text h2 {
  letter-spacing: -.025em !important;
  margin: 0 0 5px !important;
  font-size: clamp(1.35rem, 1.8vw, 1.75rem) !important;
  line-height: 1.1 !important;
}

body.premium-ui .eizo-logo-text p {
  margin: 0 !important;
}

body.premium-ui .definition-title {
  letter-spacing: -.035em !important;
  text-align: left !important;
  max-width: 780px !important;
  font-size: clamp(1.85rem, 2.7vw, 2.7rem) !important;
  line-height: 1.1 !important;
}

body.premium-ui .contact-header-new {
  text-align: left !important;
  width: min(100%, 900px) !important;
  margin: 0 auto 30px !important;
}

body.premium-ui .contact-header-new h2, body.premium-ui .contact-header-new p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui .contact-header-new p {
  max-width: 680px !important;
}

body.premium-ui :is(.product-card, .model-card, .commerce-card, .eco-card, .solution-card, .support-card, .value-card, .why-card), body.premium-ui :is(.product-card, .model-card, .commerce-card) :is(h3, h4, p) {
  text-align: left !important;
}

body.premium-ui :is(.product-image, .model-card-img, .product-media, .commerce-media) {
  text-align: center !important;
}

body.premium-ui :is(.hero-actions, .cta-row, .section-actions, .product-actions, .model-actions) {
  justify-content: flex-start !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui .text-center :is(.hero-actions, .cta-row, .section-actions) {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.premium-ui :is(.contact-left, .contact-info-eizo, .lead-info, .ptz-spotlight-content, .cta-text) :is(.hero-actions, .cta-row, .section-actions) {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui .cx-form, body.premium-ui form.cx-form, body.premium-ui .form-wrap.cx-form {
  text-align: left !important;
  background: #0a0e13 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 18px !important;
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: clamp(24px, 3vw, 34px) !important;
  box-shadow: 0 24px 70px #0003 !important;
}

body.page-solutions .sol-builder-form.cx-form {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
}

body.page-support .form-wrap.cx-form {
  width: 100% !important;
  max-width: none !important;
}

body.premium-ui .cx-form :is(.form-group-new, .form-group, .fg, .form-grp) {
  text-align: left !important;
  align-content: start !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
}

body.premium-ui .cx-form :is(.form-row-new, .form-row, .form-grid-2, .frow, .frow2) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  display: grid !important;
}

body.premium-ui .cx-form .frow3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  display: grid !important;
}

body.premium-ui .cx-form > :is(.form-group-new, .form-group, .fg, .form-grp), body.premium-ui .cx-form > :is(.form-row-new, .form-row, .form-grid-2, .frow, .frow2, .frow3):last-of-type {
  margin-bottom: 16px !important;
}

body.premium-ui .cx-form label, body.premium-ui .cx-form .form-sublabel {
  color: #c8cdd3 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  margin: 0 !important;
  font-size: .79rem !important;
  font-weight: 620 !important;
  line-height: 1.35 !important;
  display: block !important;
}

body.premium-ui .cx-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body.premium-ui .cx-form select, body.premium-ui .cx-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--cx-field-h) !important;
  min-height: var(--cx-field-h) !important;
  color: #f5f6f7 !important;
  box-shadow: none !important;
  text-align: left !important;
  background: #111 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 9px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  font-size: .89rem !important;
  line-height: 1.35 !important;
}

body.premium-ui .cx-form textarea {
  resize: vertical !important;
  height: auto !important;
  min-height: 96px !important;
  padding: 11px 13px !important;
}

body.premium-ui .cx-form input::placeholder, body.premium-ui .cx-form textarea::placeholder {
  color: #68717b !important;
  opacity: 1 !important;
}

body.premium-ui .cx-form input:focus, body.premium-ui .cx-form select:focus, body.premium-ui .cx-form textarea:focus {
  background: #171717 !important;
  border-color: #ffffff7a !important;
  box-shadow: 0 0 0 3px #ffffff12 !important;
}

body.premium-ui .cx-form :is(.form-block, .form-section-group) {
  box-shadow: none !important;
  text-align: left !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #ffffff17 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 22px 0 !important;
}

body.premium-ui .cx-form :is(.form-block, .form-section-group):first-of-type {
  border-top: 0 !important;
  padding-top: 0 !important;
}

body.premium-ui .cx-form :is(.form-block-title, .form-section-title) {
  color: #f5f6f7 !important;
  letter-spacing: -.005em !important;
  text-align: left !important;
  max-width: none !important;
  margin: 0 0 16px !important;
  font-size: .91rem !important;
  font-weight: 680 !important;
  line-height: 1.3 !important;
}

body.premium-ui .cx-form .form-block > :is(.frow2, .frow3, .fg) + :is(.frow2, .frow3, .fg), body.premium-ui .cx-form .form-section-group > :is(.form-grid-2, .form-group-new) + :is(.form-grid-2, .form-group-new) {
  margin-top: 16px !important;
}

body.premium-ui .cx-form .radio-group {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 0 20px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
}

body.premium-ui .cx-form :is(.radio-opt, .checkbox-container, .custom-checkbox) {
  color: #b7bec6 !important;
  text-align: left !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #fff1 !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  font-size: .8rem !important;
  font-weight: 520 !important;
  line-height: 1.35 !important;
  display: flex !important;
  position: relative !important;
}

body.premium-ui .cx-form :is(.radio-opt, .checkbox-container, .custom-checkbox):hover {
  color: #f3f5f6 !important;
  background: none !important;
  border-color: #ffffff1c !important;
}

body.premium-ui .cx-form :is(.radio-opt, .checkbox-container, .custom-checkbox):has(input:checked) {
  color: #f5fff9 !important;
  background: none !important;
  border-color: #3da57f33 !important;
}

body.premium-ui .cx-form .radio-opt input[type="radio"], body.premium-ui .cx-form .checkbox-container input[type="checkbox"], body.premium-ui .cx-form .custom-checkbox input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  box-shadow: none !important;
  background: #080c11 !important;
  border: 1.5px solid #66707a !important;
  flex: 0 0 18px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

body.premium-ui .cx-form .radio-opt input[type="radio"] {
  border-radius: 50% !important;
}

body.premium-ui .cx-form :is(.checkbox-container, .custom-checkbox) input[type="checkbox"] {
  border-radius: 4px !important;
}

body.premium-ui .cx-form .radio-opt input[type="radio"]:before {
  content: "" !important;
  background: #fff !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  transition: transform .14s !important;
  transform: scale(0) !important;
}

body.premium-ui .cx-form .radio-opt input[type="radio"]:checked:before {
  transform: scale(1) !important;
}

body.premium-ui .cx-form :is(.checkbox-container, .custom-checkbox) input[type="checkbox"]:before {
  content: "" !important;
  border-bottom: 2px solid #111 !important;
  border-left: 2px solid #111 !important;
  width: 8px !important;
  height: 4px !important;
  transition: transform .14s !important;
  transform: translateY(-1px) rotate(-45deg) scale(0) !important;
}

body.premium-ui .cx-form :is(.checkbox-container, .custom-checkbox) input[type="checkbox"]:checked {
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

body.premium-ui .cx-form :is(.checkbox-container, .custom-checkbox) input[type="checkbox"]:checked:before {
  transform: translateY(-1px) rotate(-45deg) scale(1) !important;
}

body.premium-ui .cx-form .radio-opt input[type="radio"]:checked {
  border-color: #fff !important;
}

body.premium-ui .cx-form .checkbox-label {
  color: inherit !important;
  font: inherit !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

body.premium-ui .cx-form .checkmark {
  display: none !important;
}

body.premium-ui .cx-form .interests-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 22px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
}

body.premium-ui .cx-form > button[type="submit"] {
  align-self: flex-start !important;
  width: auto !important;
  min-width: 170px !important;
  margin: 4px 0 0 !important;
}

body.premium-ui .cx-form .form-submit-wrap {
  border-top: 1px solid #ffffff17 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 18px 0 0 !important;
  display: flex !important;
}

body.premium-ui .cx-form .form-submit-wrap button {
  width: auto !important;
  min-width: 190px !important;
  margin: 0 !important;
}

body.premium-ui .cx-form .form-submit-row {
  border-top: 1px solid #ffffff17 !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 20px 0 0 !important;
  display: grid !important;
}

body.premium-ui .cx-form .form-submit-row p {
  color: #7f8790 !important;
  text-align: left !important;
  max-width: 620px !important;
  margin: 0 !important;
  font-size: .75rem !important;
  line-height: 1.55 !important;
}

body.premium-ui .cx-form .form-submit-row .btn {
  justify-self: end !important;
  width: auto !important;
  min-width: 200px !important;
  margin: 0 !important;
}

body.premium-ui .cx-form :is(.form-success-new, #form-success-msg, #eizo-form-msg, #senn-form-msg) {
  text-align: left !important;
}

body.page-support .support-form-layout {
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.45fr) !important;
  align-items: start !important;
  gap: 44px !important;
}

body.page-support .support-form-layout > * {
  min-width: 0 !important;
}

body.page-careers #career-form {
  max-width: 840px !important;
}

body.page-careers #career-form > button[type="submit"] {
  margin-top: 4px !important;
}

@media (width <= 900px) {
  body.premium-ui .section-header, body.premium-ui .events-section-header {
    width: 100% !important;
  }

  body.premium-ui .cx-form .frow3 {
    grid-template-columns: 1fr 1fr !important;
  }

  body.premium-ui .cx-form .interests-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-support .support-form-layout {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

@media (width <= 640px) {
  body.premium-ui .container, body.premium-ui .hero-content, body.premium-ui .nav-container, body.premium-ui .footer-container, body.premium-ui .mega-shell {
    width: min(calc(100% - 32px),var(--cx-container)) !important;
  }

  body.premium-ui h2 {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }

  body.premium-ui .section-title, body.premium-ui .section-header .section-title, body.premium-ui .events-section-header h2 {
    font-size: clamp(2.1rem, 10vw, 3rem) !important;
  }

  body.premium-ui .section-header, body.premium-ui .events-section-header {
    margin-bottom: 30px !important;
  }

  body.premium-ui .cx-form, body.premium-ui form.cx-form, body.premium-ui .form-wrap.cx-form {
    border-radius: 15px !important;
    padding: 20px !important;
  }

  body.premium-ui .cx-form :is(.form-row-new, .form-row, .form-grid-2, .frow, .frow2, .frow3) {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.premium-ui .cx-form .radio-group, body.premium-ui .cx-form .interests-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body.premium-ui .cx-form .form-submit-row {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 14px !important;
  }

  body.premium-ui .cx-form .form-submit-row .btn, body.premium-ui .cx-form .form-submit-wrap button, body.premium-ui .cx-form > button[type="submit"] {
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.premium-ui :is(.hero-actions, .cta-row, .section-actions) {
    align-items: stretch !important;
    width: 100% !important;
  }

  body.premium-ui :is(.hero-actions, .cta-row, .section-actions) .btn {
    flex: 100% !important;
    width: 100% !important;
  }
}

body.premium-ui .cx-form .solution-spec-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  display: grid !important;
}

body.premium-ui .cx-form .solution-final-grid {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  display: grid !important;
}

body.page-events .cx-form [data-required-checkbox-group] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 22px !important;
  margin-top: 3px !important;
  display: grid !important;
}

body.page-events .cx-form [data-required-checkbox-group] > label {
  color: #b7bec6 !important;
  cursor: pointer !important;
  border-bottom: 1px solid #fff1 !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  font-size: .8rem !important;
  font-weight: 520 !important;
  display: flex !important;
}

body.page-events .cx-form [data-required-checkbox-group] input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #080c11 !important;
  border: 1.5px solid #66707a !important;
  border-radius: 4px !important;
  flex: 0 0 18px !important;
  place-items: center !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

body.page-events .cx-form [data-required-checkbox-group] input[type="checkbox"]:before {
  content: "" !important;
  border-bottom: 2px solid #111 !important;
  border-left: 2px solid #111 !important;
  width: 8px !important;
  height: 4px !important;
  transform: translateY(-1px) rotate(-45deg) scale(0) !important;
}

body.page-events .cx-form [data-required-checkbox-group] input[type="checkbox"]:checked {
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

body.page-events .cx-form [data-required-checkbox-group] input[type="checkbox"]:checked:before {
  transform: translateY(-1px) rotate(-45deg) scale(1) !important;
}

body.page-support .support-request-layout {
  grid-template-columns: minmax(250px, .62fr) minmax(0, 1.38fr) !important;
  align-items: start !important;
  gap: 48px !important;
  display: grid !important;
}

body.page-support .support-request-aside {
  text-align: left !important;
  min-width: 0 !important;
}

body.page-support .support-request-aside h3, body.page-support .support-request-aside p, body.page-support .support-request-aside .support-direct-link {
  text-align: left !important;
}

body.page-support .support-request-layout .form-wrap.cx-form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.page-ptzoptics .section-header.text-center {
  max-width: 900px !important;
}

@media (width <= 960px) {
  body.page-support .support-request-layout {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  body.page-support .support-request-aside {
    position: static !important;
  }

  body.premium-ui .cx-form .solution-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  body.premium-ui .cx-form .solution-spec-grid, body.premium-ui .cx-form .solution-final-grid, body.page-events .cx-form [data-required-checkbox-group] {
    grid-template-columns: 1fr !important;
  }
}

body.premium-ui .cx-form input[name="_honey"] {
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: auto !important;
  left: -10000px !important;
  overflow: hidden !important;
}

body.premium-ui .cx-form > button[type="submit"] {
  margin: 6px 0 0 auto !important;
  display: flex !important;
}

body.premium-ui .cx-form .form-submit-wrap {
  justify-content: flex-end !important;
}

body.premium-ui .cx-form .form-submit-wrap button {
  margin-left: auto !important;
  margin-right: 0 !important;
}

body.page-about .about-vm-box :is(.vm-large-text, p) {
  color: #aeb5bd !important;
  text-align: left !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  font-weight: 450 !important;
  line-height: 1.72 !important;
}

body.page-about .about-vm-box h2 {
  margin-bottom: 16px !important;
}

body.premium-ui section[id], body.premium-ui [id].section-header, body.premium-ui form[id] {
  scroll-margin-top: calc(var(--cx-header) + 24px) !important;
}

@media (width <= 640px) {
  body.premium-ui .cx-form > button[type="submit"], body.premium-ui .cx-form .form-submit-wrap button {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

body.page-careers .contact-form-new, body.page-events .experience-form-shell, body.page-solutions .sol-form-container {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

body.page-careers .contact-form-new, body.page-events .experience-form-shell {
  max-width: 920px !important;
}

body.page-careers .form-title-new {
  color: #f2f4f5 !important;
  text-align: left !important;
  width: min(100%, 840px) !important;
  margin: 0 auto 12px !important;
  font-size: .92rem !important;
  font-weight: 680 !important;
}

body.page-solutions .sol-form-header {
  text-align: left !important;
  width: min(100%, 900px) !important;
  margin: 0 0 28px !important;
}

body.page-solutions .sol-form-header h2, body.page-solutions .sol-form-header p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-solutions .sol-form-header p {
  max-width: 680px !important;
}

@media (width <= 640px) {
  body.page-careers .contact-form-new, body.page-events .experience-form-shell, body.page-solutions .sol-form-container {
    width: 100% !important;
    max-width: none !important;
  }

  body.page-careers .form-title-new {
    width: 100% !important;
  }
}

body.page-blackmagic .support-section, body.page-blackmagic .positioning-banner, body.page-events .events-section, body.page-ptzoptics .ptz-hero {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-eizo-medical .pitch-content .section-title {
  font-size: clamp(2.25rem, 3.35vw, 3.25rem) !important;
  line-height: 1.05 !important;
}

body.page-blackmagic .trust-statement-box {
  text-align: left !important;
  padding: 30px 32px !important;
}

body.page-blackmagic .trust-statement-box p {
  text-align: left !important;
  max-width: 900px !important;
  margin: 0 !important;
}

body.premium-ui .section-tag:before, body.premium-ui .mega-kicker:before, body.premium-ui .support-aside-kicker:before, body.premium-ui .trust-eyebrow:before {
  content: "" !important;
  background: var(--page-accent, var(--cx-accent)) !important;
  opacity: 1 !important;
  border-radius: 2px !important;
  flex: 0 0 6px !important;
  width: 6px !important;
  height: 6px !important;
}

body.premium-ui .trust-eyebrow:after, body.premium-ui .form-section-title:before, body.premium-ui .form-block-title:before, body.page-brand-kit .section-title:after {
  content: none !important;
  display: none !important;
}

body.premium-ui :is(.section-tag, .mega-kicker, .support-aside-kicker, .trust-eyebrow) {
  gap: 9px !important;
}

body.premium-ui main {
  overflow: clip;
}

body.premium-ui .section-header:not(.text-center) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.premium-ui .section-header:not(.text-center) :is(h2, .section-title, .section-desc, .section-sub, p) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.premium-ui .section-header.text-center :is(h2, .section-title, .section-desc, .section-sub, p) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.premium-ui :is(.hero-copy, .hero-text, .hero-content-slide, .contact-left, .contact-info-eizo, .cta-text, .lead-info) :is(.hero-actions, .cta-row, .section-actions) {
  justify-content: flex-start !important;
}

body.premium-ui :is(.product-card, .model-card, .commerce-card, .med-product-card) {
  background: linear-gradient(#141414fa, #0a0a0afa) !important;
  border-color: #ffffff18 !important;
  box-shadow: 0 10px 32px #00000029 !important;
}

body.premium-ui :is(.product-card, .model-card, .commerce-card, .med-product-card):hover {
  border-color: #ffffff38 !important;
  box-shadow: 0 18px 42px #00000040 !important;
}

body.premium-ui .cx-form {
  border: 1px solid #ffffff17 !important;
  box-shadow: 0 18px 56px #0000002e !important;
}

body.premium-ui .cx-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: #111 !important;
  border-color: #ffffff1f !important;
}

body.premium-ui .cx-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  border-color: #ffffff7a !important;
  box-shadow: 0 0 0 3px #ffffff12 !important;
}

body.premium-ui .cx-form :is(.radio-opt, .checkbox-container, .custom-checkbox) {
  background: none !important;
  border-color: #0000 !important;
  padding-inline: 2px 10px !important;
}

body.premium-ui .cx-form :is(.radio-opt, .checkbox-container, .custom-checkbox):hover {
  background: #ffffff06 !important;
}

body.premium-ui .cx-form :is(.radio-opt, .checkbox-container, .custom-checkbox):has(input:checked) {
  background: #fff1 !important;
  border-color: #0000 !important;
}

body.premium-ui .faq-item, body.premium-ui details.faq-item {
  box-shadow: none !important;
  background: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

body.premium-ui .mega-logo-stage {
  background: none !important;
  border: 0 !important;
  padding: 6px 8px !important;
}

body.premium-ui .mega-brand {
  border-color: #ffffff0e !important;
}

@media (width <= 760px) {
  body.premium-ui .container, body.premium-ui .nav-container, body.premium-ui .hero-content, body.premium-ui .footer-container, body.premium-ui .mega-shell {
    width: min(calc(100% - 32px),var(--cx-container)) !important;
  }

  body.premium-ui section:not(.hero):not(.hero-section):not(.page-404) {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  body.premium-ui .cx-form {
    padding: 18px !important;
  }
}

:root {
  --cx-black: #101010;
  --cx-black-2: #171717;
  --cx-black-3: #202020;
  --cx-cream: #f4f1e9;
  --cx-cream-2: #faf8f3;
  --cx-cream-3: #ece8de;
  --cx-paper: #fffdf8;
  --cx-ink: #171816;
  --cx-body: #4d504b;
  --cx-muted: #777a73;
  --cx-line: #d9d4c9;
  --cx-line-dark: #ffffff1f;
  --cx-green: #3da57f;
  --cx-green-strong: #3da57f;
  --cx-green-soft: #dff4ea;
  --cx-radius: 12px;
  --cx-shadow: 0 14px 40px #18181414;
  --cx-container: 1320px;
  --cx-text: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;
}

html {
  background: var(--cx-cream) !important;
}

body.premium-ui {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background: var(--cx-cream) !important;
  color: var(--cx-ink) !important;
  font-family: var(--cx-text) !important;
}

body.premium-ui a {
  text-underline-offset: 3px;
}

.nav-header {
  z-index: 1000 !important;
  height: 68px !important;
  min-height: 68px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  background: #101010fa !important;
  border-bottom: 1px solid #ffffff17 !important;
  position: sticky !important;
  top: 0 !important;
}

.nav-container {
  height: 68px !important;
  width: min(calc(100% - 48px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  grid-template-columns: 190px minmax(0, 1fr) 190px !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
}

.nav-logo {
  justify-self: start !important;
  align-items: center !important;
  display: inline-flex !important;
}

.site-logo-header {
  object-fit: contain !important;
  width: auto !important;
  max-width: 148px !important;
  height: 31px !important;
}

.nav-links {
  justify-self: center !important;
  align-items: stretch !important;
  gap: 2px !important;
  height: 68px !important;
  margin: 0 !important;
  display: flex !important;
}

.nav-link {
  color: #d8d8d5 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  background: none !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: 6px !important;
  height: 68px !important;
  padding: 0 15px !important;
  font-size: 13px !important;
  font-weight: 590 !important;
  display: inline-flex !important;
  position: relative !important;
}

.nav-link:hover, .nav-link.active, .nav-link[aria-current="page"] {
  color: #fff !important;
  background: none !important;
}

.nav-link:after {
  content: "" !important;
  background: none !important;
  height: 2px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 15px !important;
  right: 15px !important;
  transform: none !important;
}

.nav-link:hover:after, .nav-link.active:after, .nav-link[aria-current="page"]:after {
  background: var(--cx-green) !important;
}

.nav-cta {
  justify-self: end !important;
  margin: 0 !important;
}

.nav-cta-link, .nav-cta a {
  border: 1px solid var(--cx-green) !important;
  background: var(--cx-green) !important;
  color: #111 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transform: none !important;
}

.nav-cta-link:hover, .nav-cta a:hover {
  background: var(--cx-green-strong) !important;
  border-color: var(--cx-green-strong) !important;
  transform: none !important;
}

.hamburger {
  color: #fff !important;
}

.hamburger span {
  background: #fff !important;
}

.mega-dropdown {
  background: #151515 !important;
  border: 0 !important;
  border-top: 1px solid #ffffff12 !important;
  border-bottom: 1px solid #ffffff1a !important;
  border-radius: 0 !important;
  width: 100% !important;
  padding: 18px 24px 22px !important;
  position: fixed !important;
  top: 68px !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: 0 24px 42px #00000040 !important;
}

.mega-shell {
  background: none !important;
  width: min(100%, 1100px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.mega-brand-grid {
  background: none !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  display: grid !important;
}

.mega-brand {
  color: #fff !important;
  min-height: 88px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid #ffffff1a !important;
  border-radius: 0 !important;
  grid-template-columns: 92px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 20px !important;
  display: grid !important;
}

.mega-brand:last-child {
  border-right: 0 !important;
}

.mega-brand:hover {
  background: #ffffff0b !important;
  transform: none !important;
}

.mega-logo-stage {
  background: #242424 !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 92px !important;
  height: 52px !important;
  padding: 8px !important;
  display: flex !important;
}

.mega-logo-stage img {
  object-fit: contain !important;
  max-width: 100% !important;
  max-height: 30px !important;
}

.mega-brand-copy strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.mega-brand-copy small {
  color: #969994 !important;
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.mega-arrow {
  color: var(--cx-green) !important;
}

.section-shell, .section-header, .events-section-header, .cat-tabs-inner, .contact-grid-new, .contact-grid-eizo, .lead-grid, .contact-support-grid, .sol-filter-container, .sol-form-container, .eizo-brand-inner {
  width: min(calc(100% - 56px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  margin-inline: auto !important;
}

body.premium-ui .section-title, body.premium-ui h2.section-title {
  color: var(--cx-ink) !important;
  letter-spacing: -.045em !important;
  max-width: 900px !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  font-size: clamp(2rem, 3.25vw, 3.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
}

.section-desc, .section-sub, body.premium-ui .section-header > p, body.premium-ui .section-header .section-desc {
  color: var(--cx-body) !important;
  max-width: 760px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.section-tag, .brand-announcement-tag, .sol-hero-kicker {
  color: #2d7d61 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.section-tag:before, .section-tag:after, .sol-hero-kicker:before, .sol-hero-kicker:after {
  display: none !important;
}

.section-header {
  margin-bottom: 38px !important;
}

body.premium-ui .prod-section, body.premium-ui .products-section, body.premium-ui .models-section, body.premium-ui .solutions-section, body.premium-ui .events-section, body.premium-ui .industries-section, body.premium-ui .faq-section, body.premium-ui .faq-editorial-section, body.premium-ui .val-section, body.premium-ui .trust-section, body.premium-ui .workflow-section, body.premium-ui .support-section, body.premium-ui .warranty-section, body.premium-ui .team-section, body.premium-ui .why-ptz-section, body.premium-ui .ecosystem-section, body.premium-ui .advantage-section, body.premium-ui .arch-section, body.premium-ui .shift-section, body.premium-ui .compare-section, body.premium-ui .timeline-section, body.premium-ui .core-values-section, body.premium-ui .who-section, body.premium-ui .about-vm-section, body.premium-ui .crossbrand-section, body.premium-ui .camixel-value-section, body.premium-ui .contact-support-section, body.premium-ui .lead-section {
  background: var(--cx-cream) !important;
  color: var(--cx-ink) !important;
}

.hero, .ptz-hero, .events-hero, .about-hero, .sol-hero {
  color: #fff !important;
  background-color: #151515 !important;
}

.hero .hero-headline, .hero .hero-sub, .ptz-hero .ptz-hero-title, .ptz-hero .section-sub, .events-hero h1, .events-hero p, .about-hero .hero-title, .about-hero .hero-subtitle, .sol-hero .sol-hero-heading, .sol-hero .sol-hero-copy {
  color: #fff !important;
}

.hero-pill, .hero .section-tag, .ptz-hero .hero-pill {
  color: #3da57f !important;
  background: #0a0a0a59 !important;
  border-color: #3da57f59 !important;
}

.hero-grid-overlay, .hero-mesh-glow {
  opacity: .14 !important;
}

.btn, .btn-primary, .primary-btn, .hero-btn-primary, .cat-cta, .final-cta a, .final-cta-btns a, .form-submit-row button, .form-submit-wrap button, .cx-form button[type="submit"], .cx-form input[type="submit"], .contact-form button[type="submit"], .contact-form-new button[type="submit"], .contact-form-eizo button[type="submit"], .sol-builder-form button[type="submit"], .lead-form-wrap button[type="submit"], .ptz-cta-banner a:first-of-type, .cta-actions a:first-child {
  background: var(--cx-green) !important;
  border: 1px solid var(--cx-green) !important;
  color: #121212 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  letter-spacing: -.005em !important;
  text-transform: none !important;
  border-radius: 7px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 19px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  display: inline-flex !important;
  transform: none !important;
}

.btn:hover, .btn-primary:hover, .primary-btn:hover, .hero-btn-primary:hover, .cat-cta:hover, .cx-form button[type="submit"]:hover {
  background: var(--cx-green-strong) !important;
  border-color: var(--cx-green-strong) !important;
  transform: none !important;
}

.btn-secondary, .hero-btn-secondary, .btn-outline, .model-card-link, .card-link-text, .sol-hero-actions a:not(:first-child), .cta-actions a:not(:first-child) {
  min-height: 44px !important;
  color: var(--cx-ink) !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #8a8b85 !important;
  border-radius: 7px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 18px !important;
  font-size: 13px !important;
  font-weight: 670 !important;
  display: inline-flex !important;
}

.hero .btn-secondary, .hero .hero-btn-secondary, .ptz-hero .btn-secondary, .events-hero .btn-secondary, .sol-hero .btn-secondary, .sol-hero-actions a:not(:first-child) {
  color: #fff !important;
  border-color: #ffffff80 !important;
}

.hero-actions, .cta-actions, .final-cta-btns, .sol-hero-actions {
  align-items: center !important;
  gap: 10px !important;
}

.product-card, .commerce-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .gallery-card, .value-card, .val-card, .trust-card, .support-card, .why-card, .why-ptz-card, .team-card, .arch-card, .eco-card, .i-card, .tl-card, .vm-card, .pillar-card, .cs-card, .cb-card, .cv-card {
  background: var(--cx-paper) !important;
  color: var(--cx-ink) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: none !important;
}

.product-card:hover, .commerce-card:hover, .model-card:hover, .ptz-cat-card:hover, .solution-card:hover, .event-card:hover, .value-card:hover, .val-card:hover {
  box-shadow: var(--cx-shadow) !important;
  border-color: #bbb7ad !important;
  transform: translateY(-2px) !important;
}

.product-card h3, .commerce-card h3, .model-card h3, .ptz-cat-card h3, .solution-card h3, .product-card h4, .commerce-card h4, .model-card h4 {
  color: var(--cx-ink) !important;
}

.product-card p, .commerce-card p, .model-card p, .ptz-cat-card p, .solution-card p, .value-card p, .val-card p, .trust-card p, .support-card p {
  color: var(--cx-body) !important;
}

.product-card img, .commerce-card img, .model-card-img img, .ptz-cat-card img {
  object-fit: contain !important;
}

.product-card .product-image, .product-card .product-img, .commerce-card .product-image, .commerce-card .product-media, body:not(.page-eizo-medical) .model-card-img, .ptz-cat-card .ptz-cat-image, .ptz-cat-card .cat-image {
  border-bottom: 1px solid var(--cx-line) !important;
  background: #ebe8e0 !important;
}

.cat-products-grid, .models-grid, .ptz-categories-grid, .solutions-grid, .products-grid {
  align-items: stretch !important;
  gap: 20px !important;
}

.product-card, .commerce-card, .model-card, .ptz-cat-card, .solution-card, .cb-card, .cv-card, .why-ptz-card, .value-card, .val-card {
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
}

.product-card > .btn, .commerce-card .btn, .model-card .btn, .ptz-cat-card > .btn, .solution-card .btn, .cb-card .btn, .cv-card .btn, .why-ptz-card .btn, .value-card .btn, .val-card .btn, .model-card-link {
  margin-top: auto !important;
}

.cat-tabs-section, .wf-tabs, .cat-tabs, .lineup-filter-group, .sol-filter-container, .brand-filter-tabs, .filter-section {
  background: var(--cx-black-2) !important;
  color: #fff !important;
  box-shadow: none !important;
  border-color: #ffffff17 !important;
}

.cat-tabs-section {
  border-top: 1px solid #ffffff14 !important;
  border-bottom: 1px solid #ffffff14 !important;
}

.cat-tab, .wf-tab, .cat-tab-btn, .lineup-filter-btn, .sol-filter-btn, .brand-tab {
  color: #bfc0bd !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
}

.cat-tab:hover, .wf-tab:hover, .cat-tab-btn:hover, .lineup-filter-btn:hover, .sol-filter-btn:hover, .brand-tab:hover, .cat-tab.active, .wf-tab.active, .cat-tab-btn.active, .lineup-filter-btn.active, .sol-filter-btn.active, .brand-tab.active, .active-filter {
  color: #fff !important;
  background: none !important;
  border-bottom-color: #ffffffb3 !important;
}

.cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap, .experience-form-shell, .sol-form-container {
  background: var(--cx-paper) !important;
  color: var(--cx-ink) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px #1e1c160f !important;
}

.form-section, .form-block, .form-section-group {
  border-color: var(--cx-line) !important;
}

.form-block-title, .form-section-title, .form-title-new, .sol-form-header h2, .sol-form-header h3 {
  color: var(--cx-ink) !important;
}

.cx-form label, .form-group label, .form-group-new label, .form-grp label, .ux-form-group label, .sol-builder-form label {
  color: #3f423d !important;
  font-weight: 650 !important;
}

.cx-form input:not([type="checkbox"]):not([type="radio"]), .cx-form select, .cx-form textarea, .contact-form input:not([type="checkbox"]):not([type="radio"]), .contact-form select, .contact-form textarea, .contact-form-new input:not([type="checkbox"]):not([type="radio"]), .contact-form-new select, .contact-form-new textarea, .contact-form-eizo input:not([type="checkbox"]):not([type="radio"]), .contact-form-eizo select, .contact-form-eizo textarea, .sol-builder-form input:not([type="checkbox"]):not([type="radio"]), .sol-builder-form select, .sol-builder-form textarea, .form-wrap input:not([type="checkbox"]):not([type="radio"]), .form-wrap select, .form-wrap textarea {
  color: var(--cx-ink) !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #cac6bc !important;
  border-radius: 7px !important;
}

.cx-form input:focus, .cx-form select:focus, .cx-form textarea:focus, .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus, .sol-builder-form input:focus, .sol-builder-form select:focus, .sol-builder-form textarea:focus {
  border-color: var(--cx-green-strong) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px #3da57f26 !important;
}

.cx-form input::placeholder, .cx-form textarea::placeholder, .contact-form input::placeholder, .contact-form textarea::placeholder {
  color: #9d9d96 !important;
  opacity: 1 !important;
}

.form-sublabel, .form-help, .field-help, .helper-text {
  color: var(--cx-muted) !important;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  background: #fff !important;
  border: 1.5px solid #96978f !important;
  margin: 0 8px 0 0 !important;
  position: relative !important;
}

input[type="checkbox"] {
  border-radius: 4px !important;
}

input[type="radio"] {
  border-radius: 50% !important;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
  background: var(--cx-green) !important;
  border-color: var(--cx-green-strong) !important;
}

input[type="checkbox"]:checked:after {
  content: "" !important;
  border: 2px solid #181818 !important;
  border-width: 0 2px 2px 0 !important;
  width: 5px !important;
  height: 9px !important;
  position: absolute !important;
  top: 2px !important;
  left: 5px !important;
  transform: rotate(45deg) !important;
}

input[type="radio"]:checked:after {
  content: "" !important;
  background: #181818 !important;
  border-radius: 50% !important;
  position: absolute !important;
  inset: 4px !important;
}

.interests-grid label, .checkbox-group label, .radio-group label, .filter-cb, .option-card, .choice-option {
  color: var(--cx-ink) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.faq-section, .faq-editorial-section, .eizo-faq-section {
  background: var(--cx-cream-2) !important;
}

.faq-item, .faq-editorial-list > *, .faq-editorial-question, .faq-editorial-answer {
  color: var(--cx-ink) !important;
  border-color: var(--cx-line) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

.faq-item, .faq-editorial-list > * {
  flex-direction: column !important;
  display: flex !important;
}

.faq-question, .faq-editorial-question, .faq-answer, .faq-editorial-answer {
  width: 100% !important;
}

.faq-question, .faq-editorial-question {
  color: var(--cx-ink) !important;
}

.faq-answer, .faq-editorial-answer {
  color: var(--cx-body) !important;
}

.page-blackmagic {
  --brand-accent: #f38a32;
}

.page-eizo, .page-eizo-medical {
  --brand-accent: #397be8;
}

.page-sennheiser {
  --brand-accent: #5c6b70;
}

.page-ptzoptics {
  --brand-accent: #2f77dc;
}

.page-blackmagic .section-tag, .page-eizo .section-tag, .page-eizo-medical .section-tag, .page-sennheiser .section-tag, .page-ptzoptics .section-tag {
  color: var(--brand-accent, #2d7d61) !important;
}

.page-blackmagic .hero-pill, .page-eizo .hero-pill, .page-sennheiser .hero-pill, .page-ptzoptics .hero-pill {
  color: #fff !important;
}

.brands-section, .brands-static-strip {
  background: #eae6dc !important;
}

.brands-section-title {
  color: var(--cx-ink) !important;
}

.brand-card {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid #cbc7bc !important;
  border-radius: 0 !important;
}

.brand-card:last-child {
  border-right: 0 !important;
}

.brand-logo-img {
  filter: none !important;
  opacity: 1 !important;
}

.eizo-brand-section, .trust-section, .camixel-value-section, .ptz-cta-banner, .cta-band, .final-cta, .closer-section {
  background: var(--cx-black-2) !important;
  color: #fff !important;
}

.eizo-brand-section h2, .eizo-brand-section h3, .eizo-brand-section p, .trust-section h2, .trust-section h3, .camixel-value-section h2, .camixel-value-section h3, .ptz-cta-banner h2, .ptz-cta-banner p, .cta-band h2, .cta-band p, .final-cta h2, .final-cta p, .closer-section h2, .closer-section p {
  color: #fff !important;
}

footer, .footer {
  color: #bcbdb8 !important;
  background: #111 !important;
  border-top: 1px solid #ffffff14 !important;
}

footer h3, footer h4, footer strong, .footer h3, .footer h4 {
  color: #fff !important;
}

footer a, .footer a {
  color: #bcbdb8 !important;
}

footer a:hover, .footer a:hover {
  color: var(--cx-green) !important;
}

.modal-content, .event-popup-card, .sol-modal-content {
  background: var(--cx-paper) !important;
  color: var(--cx-ink) !important;
  border-color: var(--cx-line) !important;
}

::selection {
  color: #fff;
  background: #ffffff3d;
}

:focus-visible {
  outline-offset: 3px !important;
  outline: 2px solid #ffffffb8 !important;
}

@media (width <= 1100px) {
  .nav-container {
    width: min(calc(100% - 32px), var(--cx-container)) !important;
    grid-template-columns: 160px minmax(0, 1fr) 160px !important;
  }

  .nav-link {
    padding-inline: 10px !important;
  }

  .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mega-brand:nth-child(2) {
    border-right: 0 !important;
  }

  .mega-brand:nth-child(-n+2) {
    border-bottom: 1px solid #ffffff1a !important;
  }
}

@media (width <= 820px) {
  .nav-header {
    height: 60px !important;
    min-height: 60px !important;
  }

  .nav-container {
    justify-content: space-between !important;
    width: calc(100% - 28px) !important;
    height: 60px !important;
    display: flex !important;
  }

  .site-logo-header {
    height: 28px !important;
  }

  .nav-links {
    background: #151515 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    max-height: calc(100vh - 60px) !important;
    padding: 10px 18px 22px !important;
    display: none !important;
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto !important;
  }

  .nav-links.active, .nav-links.open {
    display: flex !important;
  }

  .nav-link {
    border-bottom: 1px solid #ffffff14 !important;
    height: 48px !important;
    padding: 0 6px !important;
  }

  .nav-link:after {
    display: none !important;
  }

  .nav-cta {
    margin-left: auto !important;
  }

  .nav-cta-link {
    display: none !important;
  }

  .hamburger {
    display: flex !important;
  }

  .mega-dropdown {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    padding: 8px 0 !important;
    position: static !important;
    top: auto !important;
  }

  .mega-shell {
    width: 100% !important;
  }

  .mega-brand-grid {
    grid-template-columns: 1fr !important;
  }

  .mega-brand {
    border-bottom: 1px solid #ffffff14 !important;
    border-right: 0 !important;
    grid-template-columns: 76px 1fr 18px !important;
    min-height: 70px !important;
    padding: 10px 8px !important;
  }

  .mega-logo-stage {
    width: 76px !important;
    height: 44px !important;
  }

  .section-shell, .section-header, .events-section-header, .contact-grid-new, .contact-grid-eizo, .lead-grid, .contact-support-grid, .sol-filter-container, .sol-form-container, .eizo-brand-inner {
    width: calc(100% - 32px) !important;
  }

  body.premium-ui .section-title {
    font-size: clamp(2rem, 10vw, 2.7rem) !important;
  }

  .hero-actions, .cta-actions, .final-cta-btns, .sol-hero-actions {
    flex-wrap: wrap !important;
  }
}

@media (width <= 560px) {
  .mega-brand-copy small {
    display: none !important;
  }

  .mega-brand {
    grid-template-columns: 74px 1fr 16px !important;
  }

  .product-card, .commerce-card, .model-card, .cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap, .experience-form-shell, .sol-form-container {
    border-radius: 10px !important;
  }

  .hero-actions > *, .cta-actions > *, .sol-hero-actions > * {
    width: 100% !important;
  }
}

body.premium-ui.page-solutions .sol-hero {
  color: #fff !important;
  background: #171717 !important;
}

body.premium-ui.page-solutions .sol-hero .sol-hero-heading, body.premium-ui.page-solutions .sol-hero .sol-hero-copy, body.premium-ui.page-solutions .sol-hero .sol-brand-line {
  color: #fff !important;
}

body.premium-ui.page-solutions .sol-hero .sol-hero-heading span {
  color: var(--cx-green) !important;
}

body.premium-ui.page-solutions .sol-hero .btn-outline, body.premium-ui.page-solutions .sol-hero .btn-secondary, body.premium-ui.page-solutions .sol-hero-actions a:not(:first-child) {
  color: #fff !important;
  background: none !important;
  border-color: #ffffff7a !important;
}

body.premium-ui.page-eizo .eizo-brand-section, body.premium-ui.page-eizo-medical .eizo-brand-section {
  color: #fff !important;
  background: #171717 !important;
  border-color: #ffffff1a !important;
  padding-block: 46px !important;
}

body.premium-ui.page-eizo .eizo-logo-text h2, body.premium-ui.page-eizo-medical .eizo-logo-text h2 {
  color: #fff !important;
}

body.premium-ui.page-eizo .eizo-logo-text p, body.premium-ui.page-eizo-medical .eizo-logo-text p, body.premium-ui.page-eizo .eizo-stat span, body.premium-ui.page-eizo-medical .eizo-stat span {
  color: #a7aaa5 !important;
}

body.premium-ui.page-eizo .eizo-stat strong, body.premium-ui.page-eizo-medical .eizo-stat strong {
  color: var(--cx-green) !important;
}

body.premium-ui.page-eizo .cat-tabs-section, body.premium-ui.page-blackmagic .cat-tabs-section, body.premium-ui.page-eizo-medical .filter-section, body.premium-ui.page-solutions .sol-filter-container, body.premium-ui.page-events .brand-filter-tabs {
  color: #fff !important;
  background: #171717 !important;
  border-color: #ffffff1a !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.premium-ui.page-eizo .cat-tab-btn, body.premium-ui.page-blackmagic .cat-tab, body.premium-ui.page-eizo-medical .filter-cb, body.premium-ui.page-solutions .sol-filter-btn, body.premium-ui.page-events .brand-tab {
  color: #b9bbb7 !important;
}

body.premium-ui.page-eizo .cat-tab-btn.active, body.premium-ui.page-blackmagic .cat-tab.active, body.premium-ui.page-solutions .sol-filter-btn.active, body.premium-ui.page-events .brand-tab.active {
  color: #fff !important;
}

body.premium-ui .hero .btn-outline, body.premium-ui .hero .btn-ghost, body.premium-ui .ptz-hero .btn-outline, body.premium-ui .ptz-hero .btn-ghost, body.premium-ui .events-hero .btn-outline, body.premium-ui .events-hero .btn-ghost, body.premium-ui .about-hero .btn-outline, body.premium-ui .about-hero .btn-ghost {
  color: #fff !important;
  background: #00000014 !important;
  border-color: #ffffff85 !important;
}

body.premium-ui .hero .btn-outline:hover, body.premium-ui .hero .btn-ghost:hover, body.premium-ui .ptz-hero .btn-outline:hover, body.premium-ui .ptz-hero .btn-ghost:hover {
  color: #fff !important;
  background: #ffffff14 !important;
  border-color: #fff !important;
}

body.premium-ui.page-blackmagic .product-card, body.premium-ui.page-blackmagic .commerce-card, body.premium-ui.page-eizo .model-card, body.premium-ui.page-eizo-medical .model-card, body.premium-ui.page-ptzoptics .ptz-cat-card, body.premium-ui.page-sennheiser .commerce-card {
  background: var(--cx-paper) !important;
  border-color: var(--cx-line) !important;
  color: var(--cx-ink) !important;
}

body.premium-ui.page-blackmagic .product-card .product-image, body.premium-ui.page-blackmagic .commerce-card .product-image, body.premium-ui.page-eizo .model-card-img, body.premium-ui.page-eizo-medical .model-card-img, body.premium-ui.page-ptzoptics .ptz-cat-card .ptz-cat-image, body.premium-ui.page-sennheiser .commerce-card .product-image {
  background: #ece9e2 !important;
}

body.premium-ui .eizo-brand-section .section-title, body.premium-ui .trust-section.is-dark .section-title, body.premium-ui .cta-band .section-title, body.premium-ui .final-cta .section-title {
  color: #fff !important;
}

@media (width <= 820px) {
  .hamburger {
    background: none !important;
    border: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 9px !important;
  }

  .hamburger span {
    background: #fff !important;
    border-radius: 999px !important;
    width: 22px !important;
    height: 2px !important;
    min-height: 2px !important;
    transition: transform .2s, opacity .2s !important;
    display: block !important;
  }

  .hamburger.open span:first-child, .hamburger.active span:first-child {
    transform: translateY(7px) rotate(45deg) !important;
  }

  .hamburger.open span:nth-child(2), .hamburger.active span:nth-child(2) {
    opacity: 0 !important;
  }

  .hamburger.open span:nth-child(3), .hamburger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }
}

.mega-dropdown {
  transition: opacity .16s, visibility .16s !important;
  transform: none !important;
}

.has-dropdown:hover > .mega-dropdown, .has-dropdown:focus-within > .mega-dropdown, .has-dropdown.brands-open > .mega-dropdown, .has-dropdown:hover .mega-dropdown, .has-dropdown:focus-within .mega-dropdown, .has-dropdown.brands-open .mega-dropdown {
  transform: none !important;
}

body.premium-ui.page-blackmagic .section-tag, body.premium-ui.page-eizo .section-tag, body.premium-ui.page-eizo-medical .section-tag, body.premium-ui.page-sennheiser .section-tag, body.premium-ui.page-ptzoptics .section-tag {
  color: var(--cx-green-strong) !important;
}

body.premium-ui {
  --cx-body: #555952;
  --cx-muted: #73776f;
}

body.premium-ui :where(.prod-section, .products-section, .models-section, .solutions-section, .events-section, .industries-section, .faq-section, .faq-editorial-section, .val-section, .trust-section:not(.is-dark), .workflow-section, .support-section, .warranty-section, .team-section, .why-ptz-section, .ecosystem-section, .advantage-section, .arch-section, .shift-section, .compare-section, .timeline-section, .core-values-section, .who-section, .about-vm-section, .crossbrand-section, .camixel-value-section, .contact-support-section, .lead-section, .contact-section, .contact-section-new, .contact-section-eizo, .brand-intro-section, .brand-story-section, .lineup-section, .usecases-section, .features-section, .applications-section, .form-section-main, .builder-section) :where(p, li, dd, small, .muted, .text-muted, .section-desc, .section-sub, .form-help, .helper-text) {
  color: var(--cx-body) !important;
}

body.premium-ui :where(.prod-section, .products-section, .models-section, .solutions-section, .events-section, .industries-section, .faq-section, .faq-editorial-section, .val-section, .workflow-section, .support-section, .warranty-section, .team-section, .why-ptz-section, .ecosystem-section, .advantage-section, .arch-section, .shift-section, .compare-section, .timeline-section, .core-values-section, .who-section, .about-vm-section, .crossbrand-section, .camixel-value-section, .contact-support-section, .lead-section) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
  color: var(--cx-ink) !important;
}

body.premium-ui :where(.hero, .ptz-hero, .events-hero, .about-hero, .sol-hero, .eizo-brand-section, .cat-tabs-section, .cta-band, .final-cta, footer, .footer) :where(p, li, dd, small, .muted, .text-muted, .section-desc, .section-sub) {
  color: #b9bcb6 !important;
}

body.premium-ui :where(.hero, .ptz-hero, .events-hero, .about-hero, .sol-hero, .eizo-brand-section, .cta-band, .final-cta, footer, .footer) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
  color: #fff !important;
}

body.premium-ui :where(.cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap, .experience-form-shell, .sol-form-container) p, body.premium-ui :where(.cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap, .experience-form-shell, .sol-form-container) small {
  color: #666a63 !important;
}

body.premium-ui :where(.page-blackmagic, .page-eizo, .page-eizo-medical, .page-ptzoptics, .page-sennheiser) :where(.btn-primary, .primary-btn, .cat-cta, button[type="submit"], input[type="submit"]) {
  background: var(--cx-green) !important;
  border-color: var(--cx-green) !important;
  color: #111 !important;
}

:root {
  --cx-black: #101010;
  --cx-black-2: #181818;
  --cx-cream: #f4f1e9;
  --cx-cream-2: #fbf9f4;
  --cx-cream-3: #ebe6da;
  --cx-paper: #fffdf8;
  --cx-ink: #171816;
  --cx-body: #4f544d;
  --cx-muted: #777a73;
  --cx-line: #d8d1c4;
  --cx-line-soft: #1718161a;
  --cx-green: #3da57f;
  --cx-green-strong: #3da57f;
  --cx-green-soft: #dff4ea;
  --cx-radius-sm: 6px;
  --cx-radius: 8px;
  --cx-radius-lg: 12px;
  --cx-shadow: 0 16px 38px #18181414;
  --cx-shadow-hover: 0 18px 44px #1818141f;
  --cx-container: 1280px;
  --cx-header: 68px;
  --cx-text: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;
  --green: var(--cx-green);
  --green-dark: var(--cx-green-strong);
  --green-dim: #3da57f21;
  --green-glow: #3da57f2e;
  --bg-0: var(--cx-cream);
  --bg-1: var(--cx-cream-2);
  --bg-2: var(--cx-cream-3);
  --bg-card: var(--cx-paper);
  --bg-card-h: #fff;
  --border: var(--cx-line);
  --border-green: #3da57f57;
  --text-primary: var(--cx-ink);
  --text-muted: var(--cx-body);
  --text-faint: var(--cx-muted);
  --radius-sm: var(--cx-radius-sm);
  --radius-md: var(--cx-radius);
  --radius-lg: var(--cx-radius-lg);
  --radius-xl: 14px;
}

html {
  background: var(--cx-cream) !important;
  scroll-padding-top: calc(var(--cx-header) + 20px) !important;
}

body.premium-ui {
  background: var(--cx-cream) !important;
  min-width: 320px !important;
  color: var(--cx-ink) !important;
  font-family: var(--cx-text) !important;
  letter-spacing: 0 !important;
  line-height: 1.58 !important;
}

body.premium-ui :not(code):not(pre):not(kbd):not(samp) {
  font-family: var(--cx-text) !important;
}

body.premium-ui h1, body.premium-ui h2, body.premium-ui h3, body.premium-ui h4, body.premium-ui h5, body.premium-ui h6 {
  text-wrap: balance;
  color: var(--cx-ink) !important;
  letter-spacing: 0 !important;
}

body.premium-ui p, body.premium-ui li, body.premium-ui dd, body.premium-ui small {
  color: var(--cx-body) !important;
}

.container, .section-shell, .section-header, .events-section-header, .contact-grid-new, .contact-grid-eizo, .lead-grid, .contact-support-grid, .sol-filter-container, .sol-form-container, .eizo-brand-inner, .nav-container, .footer .container, .footer-top > .container, .footer-bottom > .container {
  width: min(calc(100% - 48px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  margin-inline: auto !important;
}

section:not(.hero):not(.ptz-hero):not(.events-hero):not(.about-hero):not(.sol-hero):not(.page-404) {
  padding-top: clamp(56px, 6vw, 88px) !important;
  padding-bottom: clamp(56px, 6vw, 88px) !important;
}

.section-header, .events-section-header, .contact-header-new, .sol-form-header {
  margin-bottom: clamp(28px, 4vw, 46px) !important;
}

.section-header.text-center, .events-section-header, .contact-header-new, .sol-form-header, .text-center {
  text-align: center !important;
}

.section-title, body.premium-ui h2.section-title, .events-section-header h2, .contact-header-new h2, .sol-form-header h2 {
  max-width: 860px !important;
  margin: 0 0 14px !important;
  font-size: clamp(2rem, 3vw, 3.05rem) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

.section-header.text-center .section-title, .events-section-header h2, .contact-header-new h2, .sol-form-header h2 {
  margin-inline: auto !important;
}

.section-desc, .section-sub, .section-header p, .events-section-header p, .contact-header-new p, .sol-form-header p {
  max-width: 720px !important;
  color: var(--cx-body) !important;
  margin-inline: auto !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
}

.section-tag, .hero-pill, .sol-hero-kicker, .brand-announcement-tag {
  color: #2d7d61 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  display: inline-flex !important;
}

.text-accent {
  color: var(--cx-green-strong) !important;
}

.nav-header, .nav-header.scrolled {
  height: var(--cx-header) !important;
  min-height: var(--cx-header) !important;
  box-shadow: none !important;
  background: #101010fa !important;
  border-bottom: 1px solid #ffffff1a !important;
}

.nav-container {
  height: var(--cx-header) !important;
  min-height: var(--cx-header) !important;
  grid-template-columns: 180px minmax(0, 1fr) 180px !important;
  align-items: center !important;
  gap: 18px !important;
  display: grid !important;
}

.site-logo-header {
  object-fit: contain !important;
  max-width: 148px !important;
  height: 31px !important;
}

.nav-links {
  justify-content: center !important;
  justify-self: center !important;
  align-items: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  display: flex !important;
}

.nav-link, .nav-brands-link {
  height: var(--cx-header) !important;
  min-height: var(--cx-header) !important;
  color: #d8d8d5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 13px !important;
  font-size: 13px !important;
  font-weight: 590 !important;
}

.nav-link:hover, .nav-link.active, .nav-item:hover > .nav-link, .nav-item.brands-open > .nav-link {
  color: #fff !important;
  background: none !important;
}

.nav-link:after {
  background: none !important;
  height: 2px !important;
  display: block !important;
  bottom: 0 !important;
  left: 13px !important;
  right: 13px !important;
  transform: none !important;
}

.nav-link:hover:after, .nav-link.active:after, .nav-item:hover > .nav-link:after, .nav-item.brands-open > .nav-link:after {
  background: var(--cx-green) !important;
}

.nav-cta-link, .nav-cta a {
  background: var(--cx-green) !important;
  border: 1px solid var(--cx-green) !important;
  color: #101010 !important;
  border-radius: 6px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

.mega-dropdown {
  top: var(--cx-header) !important;
  background: #151515 !important;
  border-top: 1px solid #ffffff14 !important;
  border-bottom: 1px solid #ffffff1a !important;
}

.mega-brand {
  border-radius: 0 !important;
}

.mega-brand-copy strong, .mega-brand-copy small, .footer p, .footer li, .footer small {
  color: inherit !important;
}

.hero, .ptz-hero, .events-hero, .about-hero, .sol-hero {
  color: #fff !important;
  background: #101010 !important;
  min-height: clamp(520px, 72vh, 760px) !important;
}

.hero .hero-content, .ptz-hero .container, .events-hero .container, .about-hero .hero-inner, .sol-hero .sol-hero-content {
  width: min(calc(100% - 48px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  margin-inline: auto !important;
}

.hero h1, .hero h2, .hero h3, .hero p, .ptz-hero h1, .ptz-hero h2, .ptz-hero p, .events-hero h1, .events-hero p, .about-hero h1, .about-hero p, .sol-hero h1, .sol-hero p, .hero .hero-line, .hero .hero-line-accent, .hero .hero-sub, .ptz-hero .ptz-hero-title, .about-hero .hero-title, .about-hero .hero-subtitle, .sol-hero .sol-hero-heading, .sol-hero .sol-hero-copy {
  color: #fff !important;
}

.hero .hero-sub, .ptz-hero p, .events-hero p, .about-hero .hero-subtitle, .sol-hero .sol-hero-copy {
  color: #dadbd6 !important;
  max-width: 760px !important;
}

.hero-actions, .cta-actions, .final-cta-btns, .sol-hero-actions {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  display: flex !important;
}

.btn, .btn-primary, .btn-outline, .btn-outline-sm, .btn-ghost, .primary-btn, .hero-btn-primary, .hero-btn-secondary, .model-card-link, .cat-cta, .card-link-text, button[type="submit"], input[type="submit"] {
  letter-spacing: 0 !important;
  text-transform: none !important;
  min-height: 42px !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 17px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  transition: background .16s, border-color .16s, color .16s, transform .16s !important;
  display: inline-flex !important;
  transform: none !important;
}

.btn-primary, .primary-btn, .hero-btn-primary, .cat-cta, button[type="submit"], input[type="submit"], .cx-form button[type="submit"], .sol-builder-form button[type="submit"] {
  background: var(--cx-green) !important;
  border: 1px solid var(--cx-green) !important;
  color: #111 !important;
}

.btn-primary:hover, .primary-btn:hover, .hero-btn-primary:hover, .cat-cta:hover, button[type="submit"]:hover, input[type="submit"]:hover {
  background: var(--cx-green-strong) !important;
  border-color: var(--cx-green-strong) !important;
  color: #0c0c0c !important;
  transform: translateY(-1px) !important;
}

.btn-outline, .btn-outline-sm, .btn-ghost, .hero-btn-secondary, .model-card-link, .card-link-text {
  border: 1px solid var(--cx-line) !important;
  color: var(--cx-ink) !important;
  background: none !important;
}

.btn-outline:hover, .btn-outline-sm:hover, .btn-ghost:hover, .hero-btn-secondary:hover, .model-card-link:hover {
  background: var(--cx-green-soft) !important;
  color: #2d7d61 !important;
  border-color: #3da57f6b !important;
}

.hero .btn-outline, .hero .btn-outline-sm, .hero .btn-ghost, .ptz-hero .btn-outline, .ptz-hero .btn-ghost, .events-hero .btn-outline, .events-hero .btn-ghost, .about-hero .btn-outline, .about-hero .btn-ghost, .sol-hero .btn-outline, .sol-hero .btn-ghost {
  color: #fff !important;
  border-color: #ffffff94 !important;
}

.hero .btn-outline:hover, .hero .btn-ghost:hover, .ptz-hero .btn-outline:hover, .ptz-hero .btn-ghost:hover, .events-hero .btn-outline:hover, .events-hero .btn-ghost:hover, .about-hero .btn-outline:hover, .about-hero .btn-ghost:hover, .sol-hero .btn-outline:hover, .sol-hero .btn-ghost:hover {
  color: #fff !important;
  background: #ffffff1a !important;
  border-color: #fff !important;
}

.product-card, .commerce-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .gallery-card, .value-card, .val-card, .trust-card, .support-card, .why-card, .why-ptz-card, .team-card, .arch-card, .eco-card, .i-card, .tl-card, .vm-card, .pillar-card, .cs-card, .cb-card, .cv-card, .ws-card, .social-hub-card, .faq-item {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius) !important;
  box-shadow: none !important;
  color: var(--cx-ink) !important;
}

.product-card:hover, .commerce-card:hover, .model-card:hover, .ptz-cat-card:hover, .solution-card:hover, .event-card:hover, .news-card:hover, .gallery-card:hover, .value-card:hover, .val-card:hover, .i-card:hover, .social-hub-card:hover {
  box-shadow: var(--cx-shadow-hover) !important;
  border-color: #ffffff38 !important;
  transform: translateY(-2px) !important;
}

.product-card h3, .commerce-card h3, .model-card h3, .ptz-cat-card h3, .solution-card h3, .event-card h3, .news-card h3, .gallery-card h3, .value-card h3, .val-card h3, .trust-card h4, .support-card h3, .why-card h3, .why-ptz-card h3, .team-card h3, .arch-card h3, .eco-card h3, .i-card h3, .tl-card h3, .vm-card h3, .pillar-card h3, .cs-card h3, .cb-card h3, .cv-card h3, .faq-question {
  color: var(--cx-ink) !important;
}

.product-card p, .commerce-card p, .model-card p, .ptz-cat-card p, .solution-card p, .event-card p, .news-card p, .gallery-card p, .value-card p, .val-card p, .trust-card p, .support-card p, .why-card p, .why-ptz-card p, .team-card p, .arch-card p, .eco-card p, .i-card p, .tl-card p, .vm-card p, .pillar-card p, .cs-card p, .cb-card p, .cv-card p, .faq-answer {
  color: var(--cx-body) !important;
}

.product-card img, .commerce-card img, .model-card img, .ptz-cat-card img, .gallery-card img, .event-card img {
  border-radius: calc(var(--cx-radius) - 2px) !important;
}

.product-image, .product-img, .prod-img-wrap, body:not(.page-eizo-medical) .model-card-img, .ptz-img-frame, .event-card-img, .card-cover-wrap {
  border-color: var(--cx-line) !important;
  border-radius: var(--cx-radius) !important;
  background: #ece8de !important;
}

.cat-tabs, .cat-tabs-inner, .filter-section, .lineup-filter-group, .sol-filter-container, .brand-filter-tabs {
  color: #fff !important;
  background: #161616 !important;
  border-color: #ffffff1a !important;
  border-radius: 0 !important;
}

.cat-tab, .wf-tab, .cat-tab-btn, .lineup-filter-btn, .sol-filter-btn, .brand-tab {
  color: #d6d7d3 !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 6px !important;
  min-height: 38px !important;
}

.cat-tab:hover, .wf-tab:hover, .cat-tab-btn:hover, .lineup-filter-btn:hover, .sol-filter-btn:hover, .brand-tab:hover, .cat-tab.active, .wf-tab.active, .cat-tab-btn.active, .lineup-filter-btn.active, .lineup-filter-btn.active-filter, .sol-filter-btn.active, .brand-tab.active {
  color: #fff !important;
  background: #ffffff16 !important;
  border-color: #ffffff2e !important;
}

.cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap, .experience-form-shell, .sol-form-container {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius-lg) !important;
  box-shadow: var(--cx-shadow) !important;
  color: var(--cx-ink) !important;
}

.form-section, .form-block, .form-section-group {
  border-color: var(--cx-line) !important;
  background: none !important;
}

.cx-form label, .contact-form label, .contact-form-new label, .contact-form-eizo label, .sol-builder-form label, .form-wrap label, .lead-form-wrap label, .form-sublabel {
  color: #3e443d !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.cx-form input:not([type="checkbox"]):not([type="radio"]), .cx-form select, .cx-form textarea, .contact-form input:not([type="checkbox"]):not([type="radio"]), .contact-form select, .contact-form textarea, .contact-form-new input:not([type="checkbox"]):not([type="radio"]), .contact-form-new select, .contact-form-new textarea, .contact-form-eizo input:not([type="checkbox"]):not([type="radio"]), .contact-form-eizo select, .contact-form-eizo textarea, .sol-builder-form input:not([type="checkbox"]):not([type="radio"]), .sol-builder-form select, .sol-builder-form textarea, .form-wrap input:not([type="checkbox"]):not([type="radio"]), .form-wrap select, .form-wrap textarea, .lead-form-wrap input:not([type="checkbox"]):not([type="radio"]), .lead-form-wrap select, .lead-form-wrap textarea {
  min-height: 44px !important;
  color: var(--cx-ink) !important;
  background: #fbfaf6 !important;
  border: 1px solid #cfc8ba !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.cx-form textarea, .contact-form textarea, .contact-form-new textarea, .contact-form-eizo textarea, .sol-builder-form textarea, .form-wrap textarea, .lead-form-wrap textarea {
  min-height: 120px !important;
  padding-top: 12px !important;
}

.cx-form input:focus, .cx-form select:focus, .cx-form textarea:focus, .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus, .contact-form-new input:focus, .contact-form-new select:focus, .contact-form-new textarea:focus, .sol-builder-form input:focus, .sol-builder-form select:focus, .sol-builder-form textarea:focus, .form-wrap input:focus, .form-wrap select:focus, .form-wrap textarea:focus {
  border-color: var(--cx-green-strong) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px #3da57f38 !important;
}

.radio-opt, .check-opt, .option-card {
  color: var(--cx-body) !important;
  background: #fbfaf6 !important;
  border: 1px solid #d8d1c4 !important;
  border-radius: 6px !important;
}

.definition-section, .contact-redesigned, .contact-section, .contact-section-new, .bm-contact, .eizo-contact, .sol-form-section, .ptz-cta-banner, .cta-band, .final-cta {
  background: var(--cx-cream) !important;
  color: var(--cx-ink) !important;
}

.cta-band, .final-cta {
  border-top: 1px solid var(--cx-line) !important;
  border-bottom: 1px solid var(--cx-line) !important;
}

.cta-band h2, .cta-band p, .final-cta h2, .final-cta p {
  color: var(--cx-ink) !important;
}

.footer, footer {
  background: var(--cx-black) !important;
  color: #c5c5bf !important;
  border-top: 1px solid #ffffff1a !important;
}

.footer h3, .footer h4, .footer strong, footer h3, footer h4, footer strong {
  color: #fff !important;
}

.footer p, .footer li, .footer a, footer p, footer li, footer a {
  color: #c5c5bf !important;
}

.footer a:hover, footer a:hover {
  color: #fff !important;
}

.footer-grid {
  align-items: start !important;
  gap: clamp(24px, 4vw, 56px) !important;
}

.footer-bottom .container {
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 12px !important;
  display: flex !important;
}

.back-to-top {
  background: var(--cx-green) !important;
  color: #101010 !important;
  border: 1px solid var(--cx-green) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px #18181429 !important;
}

body.premium-ui.page-brand-kit {
  color: #e8eaed !important;
  background: #101010 !important;
}

body.premium-ui.page-brand-kit .page {
  background: #151515 !important;
  border-color: #3da57f57 !important;
}

body.premium-ui.page-brand-kit .logo-placeholder {
  color: var(--cx-green) !important;
  letter-spacing: .05em !important;
  margin: 0 0 10px !important;
  font-size: 3rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: block !important;
}

body.premium-ui.page-brand-kit .section-title, body.premium-ui.page-brand-kit .color-name, body.premium-ui.page-brand-kit .color-hex, body.premium-ui.page-brand-kit .specimen-label, body.premium-ui.page-brand-kit .specimen-large, body.premium-ui.page-brand-kit .specimen-body {
  color: #e8eaed !important;
}

.event-popup-card, .sol-modal-content, .modal-content, .album-shell {
  background: var(--cx-paper) !important;
  color: var(--cx-ink) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius-lg) !important;
}

.event-popup-card p, .sol-modal-content p, .sol-modal-content li, .modal-content p {
  color: var(--cx-body) !important;
}

@media (width <= 1100px) {
  .nav-container {
    grid-template-columns: 1fr auto !important;
  }

  .nav-cta {
    display: none !important;
  }

  .hamburger {
    flex-direction: column !important;
    justify-content: center !important;
    justify-self: end !important;
    align-items: center !important;
    gap: 5px !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
  }

  .nav-links {
    top: var(--cx-header) !important;
    background: #151515 !important;
    border-bottom: 1px solid #ffffff1a !important;
    height: auto !important;
    padding: 16px 24px 22px !important;
    display: none !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
  }

  .nav-links.open {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    display: grid !important;
  }

  .nav-link, .nav-brands-link {
    justify-content: flex-start !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
  }

  .mega-dropdown {
    background: none !important;
    border: 0 !important;
    width: 100% !important;
    padding: 6px 0 14px !important;
    display: none !important;
    position: static !important;
  }

  .brands-open .mega-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
  }

  .mega-brand-grid {
    grid-template-columns: 1fr !important;
  }

  .mega-brand {
    border-top: 1px solid #ffffff14 !important;
    border-right: 0 !important;
  }
}

@media (width <= 720px) {
  .container, .section-shell, .section-header, .events-section-header, .contact-grid-new, .contact-grid-eizo, .lead-grid, .contact-support-grid, .sol-filter-container, .sol-form-container, .eizo-brand-inner, .nav-container, .footer .container {
    width: min(calc(100% - 32px), var(--cx-container)) !important;
  }

  section:not(.hero):not(.ptz-hero):not(.events-hero):not(.about-hero):not(.sol-hero):not(.page-404) {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .hero, .ptz-hero, .events-hero, .about-hero, .sol-hero {
    min-height: 560px !important;
  }

  body.premium-ui h1, .hero-headline, .ptz-hero-title, .events-hero h1, .about-hero .hero-title, .sol-hero h1 {
    font-size: clamp(2.2rem, 12vw, 3.4rem) !important;
    line-height: 1.04 !important;
  }

  .section-title, body.premium-ui h2.section-title {
    font-size: clamp(1.8rem, 9vw, 2.45rem) !important;
  }

  .hero-actions > *, .cta-actions > *, .final-cta-btns > *, .sol-hero-actions > * {
    width: 100% !important;
  }

  .footer-bottom .container {
    justify-content: flex-start !important;
  }
}

body.page-index .ptz-spotlight-section {
  color: #fff !important;
  background: #151615 !important;
  border-top: 1px solid #ffffff14 !important;
  border-bottom: 1px solid #ffffff14 !important;
  padding: clamp(64px, 6vw, 84px) 0 !important;
}

body.page-index .ptz-spotlight-section:before {
  display: none !important;
}

body.page-index .ptz-spotlight-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr) !important;
  align-items: center !important;
  gap: clamp(44px, 6vw, 84px) !important;
  display: grid !important;
}

body.page-index .ptz-spotlight-grid > * {
  min-width: 0 !important;
}

body.page-index .ptz-spotlight-content {
  max-width: 700px !important;
}

body.page-index .ptz-spotlight-content .brand-announcement-tag {
  color: #3da57f !important;
  letter-spacing: .12em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: 11px !important;
}

body.page-index .ptz-spotlight-content h2 {
  color: #fff !important;
  letter-spacing: 0 !important;
  max-width: 650px !important;
  margin: 0 0 18px !important;
  font-size: clamp(2.35rem, 4vw, 3.65rem) !important;
  line-height: 1.04 !important;
}

body.page-index .ptz-spotlight-content h2 .text-accent {
  color: var(--cx-green) !important;
}

body.page-index .ptz-spotlight-content > p {
  color: #c8cbc7 !important;
  max-width: 680px !important;
  margin: 0 0 24px !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

body.page-index .ptz-spotlight-content > p strong {
  color: #fff !important;
}

body.page-index .ptz-feature-tags {
  gap: 9px !important;
  margin: 0 0 28px !important;
}

body.page-index .ptz-ft-tag {
  color: #f1f2ef !important;
  background: #202220 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 6px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  font-size: 12.5px !important;
}

body.page-index .ptz-spotlight-content .hero-actions {
  margin-top: 0 !important;
}

body.page-index .ptz-spotlight-card {
  background: var(--cx-paper) !important;
  width: 100% !important;
  color: var(--cx-ink) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 8px !important;
  padding: clamp(28px, 3vw, 38px) !important;
  box-shadow: 0 20px 50px #0003 !important;
}

body.page-index .ptz-spotlight-logo {
  object-fit: contain !important;
  object-position: left center !important;
  width: min(230px, 68%) !important;
  height: auto !important;
  margin: 0 0 24px !important;
  display: block !important;
}

body.page-index .ptz-spotlight-card h3 {
  color: var(--cx-ink) !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px !important;
  font-size: clamp(1.25rem, 2vw, 1.55rem) !important;
  line-height: 1.25 !important;
}

body.page-index .ptz-spotlight-card p {
  color: var(--cx-body) !important;
  margin: 0 0 24px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body.page-index .ptz-spotlight-card .btn-outline-sm {
  width: auto !important;
  color: var(--cx-ink) !important;
  background: none !important;
  border-color: #aaa598 !important;
}

body.page-index .ptz-spotlight-card .btn-outline-sm:hover {
  color: #121212 !important;
  background: var(--cx-green) !important;
  border-color: var(--cx-green) !important;
}

body.page-index .contact-redesigned {
  background: var(--cx-cream) !important;
  padding: clamp(72px, 7vw, 96px) 0 !important;
}

body.page-index .contact-grid-new {
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr) !important;
  align-items: start !important;
  gap: clamp(44px, 6vw, 76px) !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  display: grid !important;
}

body.page-index .contact-form-new {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 8px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(26px, 3vw, 36px) !important;
  box-shadow: 0 16px 38px #18181412 !important;
}

body.page-index .form-title-new {
  color: var(--cx-ink) !important;
  letter-spacing: 0 !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 0 24px !important;
  font-size: 1.45rem !important;
  line-height: 1.2 !important;
  display: flex !important;
}

body.page-index .form-title-new:before {
  content: "";
  background: var(--cx-green);
  border-radius: 2px;
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
}

body.page-index .contact-form-new .cx-form, body.page-index .contact-form-new #contact-form {
  width: 100% !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-index .contact-form-new .form-row-new {
  gap: 16px !important;
}

body.page-index .contact-form-new .form-group-new {
  margin-bottom: 14px !important;
}

body.page-index .contact-form-new label {
  color: #444841 !important;
  margin-bottom: 7px !important;
}

body.premium-ui.page-index .contact-form-new .cx-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body.premium-ui.page-index .contact-form-new .cx-form select, body.premium-ui.page-index .contact-form-new .cx-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  color: var(--cx-ink) !important;
  background: #fff !important;
  border: 1px solid #cfc8ba !important;
  border-radius: 6px !important;
}

body.premium-ui.page-index .contact-form-new .cx-form input::placeholder, body.premium-ui.page-index .contact-form-new .cx-form textarea::placeholder {
  color: #8b8d87 !important;
}

body.premium-ui.page-index .contact-form-new .cx-form input:focus, body.premium-ui.page-index .contact-form-new .cx-form select:focus, body.premium-ui.page-index .contact-form-new .cx-form textarea:focus {
  border-color: var(--cx-green-strong) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px #3da57f2e !important;
}

body.premium-ui.page-index .contact-form-new .cx-form > button#submit-btn {
  min-width: 168px !important;
  margin: 6px 0 0 !important;
}

@media (width <= 900px) {
  body.page-index .ptz-spotlight-grid, body.page-index .contact-grid-new {
    grid-template-columns: 1fr !important;
  }

  body.page-index .ptz-spotlight-content, body.page-index .ptz-spotlight-card {
    max-width: 720px !important;
  }

  body.page-index .contact-grid-new {
    gap: 36px !important;
  }
}

@media (width <= 560px) {
  body.page-index .ptz-spotlight-card, body.page-index .contact-form-new {
    padding: 22px 18px !important;
  }

  body.page-index .ptz-feature-tags {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }

  body.page-index .ptz-ft-tag, body.page-index .contact-form-new .submit-btn-new {
    width: 100% !important;
  }
}

:root {
  --edit-box-padding: 24px;
  --edit-box-gap: 20px;
  --edit-box-radius: 14px;
  --edit-box-border: 1px solid var(--cx-line);
  --edit-box-shadow: var(--cx-shadow);
  --edit-box-min-height: 178px;
  --edit-section-padding-top: 72px;
  --edit-section-padding-bottom: 72px;
  --edit-section-gap: 20px;
  --edit-hero-padding-top: 88px;
  --edit-hero-padding-bottom: 72px;
  --edit-box-text-align: left;
  --edit-grid-align: stretch;
  --edit-section-align: left;
  --edit-cta-align: flex-start;
  --edit-grid-gap: 20px;
  --edit-img-fit: contain;
  --edit-img-max-height: 220px;
}

html[data-camixel-theme] body.premium-ui section:not(.hero):not(.hero-section):not(.ptz-hero):not(.events-hero):not(.sol-hero):not(.cat-hero):not(.about-hero):not(.ewaste-hero) {
  padding-top: var(--edit-section-padding-top) !important;
  padding-bottom: var(--edit-section-padding-bottom) !important;
}

html[data-camixel-theme] body.premium-ui .hero-content, html[data-camixel-theme] body.premium-ui .ptz-hero-content {
  padding-top: var(--edit-hero-padding-top) !important;
  padding-bottom: var(--edit-hero-padding-bottom) !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card, .val-card, .why-ptz-card, .eco-card, .product-card, .model-card, .ptz-cat-card, .advantage-point, .arch-card, .brand-card, .cs-card, .cv-card, .team-card, .about-vm-box, .vision-box, .mission-box, .guideline-box, .trust-statement-box) {
  padding: var(--edit-box-padding) !important;
  border-radius: var(--edit-box-radius) !important;
  border: var(--edit-box-border) !important;
  box-shadow: var(--edit-box-shadow) !important;
  min-height: var(--edit-box-min-height) !important;
  text-align: var(--edit-box-text-align) !important;
  flex-direction: column !important;
  height: 100% !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-cards-grid, .pillars-grid, .trust-grid, .eco-grid, .why-ptz-grid, .advantage-grid, .cat-products-grid, .models-grid, .ptz-categories-grid, .industries-mega-grid, .i-grid) {
  gap: var(--edit-grid-gap) !important;
  align-items: var(--edit-grid-align) !important;
}

html[data-camixel-theme] body.premium-ui .section-header, html[data-camixel-theme] body.premium-ui .hero-content {
  text-align: var(--edit-section-align) !important;
}

html[data-camixel-theme] body.premium-ui .section-header.text-center, html[data-camixel-theme] body.premium-ui .text-center.section-header, html[data-camixel-theme] body.premium-ui .events-section-header, html[data-camixel-theme] body.premium-ui .events-hero-content, html[data-camixel-theme] body.premium-ui .section-header.text-center :where(h2, .section-title, .section-desc, .section-sub, p), html[data-camixel-theme] body.premium-ui .text-center.section-header :where(h2, .section-title, .section-desc, .section-sub, p), html[data-camixel-theme] body.premium-ui .events-section-header :where(h2, p) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.premium-ui .hero-actions, html[data-camixel-theme] body.premium-ui .cta-row, html[data-camixel-theme] body.premium-ui .final-cta-btns {
  justify-content: var(--edit-cta-align) !important;
}

html[data-camixel-theme] body.premium-ui :where(.prod-img-wrap img, .model-card-img img, .ptz-img-frame img) {
  object-fit: var(--edit-img-fit) !important;
  max-height: var(--edit-img-max-height) !important;
}

html[data-camixel-theme] body.premium-ui .sol-hero {
  background: none !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .sol-hero-bg {
  z-index: 0 !important;
  background: linear-gradient(#05070aad, #05070aad), url("../../img/camixel/integrated-solution-bg.jpg") 50% / cover no-repeat !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

html[data-camixel-theme] body.premium-ui .sol-hero:before {
  content: "" !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: radial-gradient(#3da57f1a 0%, #0000 70%) !important;
  position: absolute !important;
  inset: 0 !important;
}

@media (width >= 1101px) {
  html[data-camixel-theme] body.premium-ui .mega-dropdown {
    width: min(720px, 100vw - 32px) !important;
    max-width: 720px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand {
    min-height: 150px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-logo-stage {
    height: 76px !important;
    min-height: 76px !important;
  }
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui .nav-cta .nav-cta-secondary {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-container, html[data-camixel-theme] body.premium-ui .nav-logo, html[data-camixel-theme] body.premium-ui .nav-cta {
    min-width: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui .hamburger {
    flex: 0 0 44px !important;
    margin-left: 0 !important;
  }
}

@media (width <= 420px) {
  html[data-camixel-theme] body.premium-ui .nav-cta-link {
    padding-inline: 11px !important;
  }

  html[data-camixel-theme] body.premium-ui .site-logo-header {
    max-width: 112px !important;
  }
}

@media (width <= 340px) {
  html[data-camixel-theme] body.premium-ui .nav-cta {
    display: none !important;
  }
}

html[data-camixel-theme] body.premium-ui :is(section.hero, section.ptz-hero, section.events-hero, section.sol-hero, section.about-hero, section.ewaste-hero) {
  isolation: isolate;
  width: 100% !important;
  height: auto !important;
  min-height: max(640px, calc(100svh - var(--cx-header))) !important;
  align-items: center !important;
  max-height: none !important;
  padding: 0 !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-events.premium-ui section.events-hero {
  background-color: #020617 !important;
  background-image: linear-gradient(#0206171a 0%, #020617cc 100%), url("../../img/camixel/news-activities-hero-bg.jpg") !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-bg-wrapper, .hero-slide, .hero-video-bg, .ptz-hero-video-bg, .about-hero-bg, .ewaste-hero-bg, .sol-hero-bg, .events-hero > video) {
  object-fit: cover !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-overlay, .hero-grid-overlay, .hero-mesh-glow, .ptz-hero-overlay-fade) {
  pointer-events: none !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content) {
  z-index: 3 !important;
  width: min(calc(100% - 64px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  min-height: inherit !important;
  text-align: left !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin: 0 auto !important;
  padding: clamp(72px, 8vw, 112px) 0 !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui .ptz-hero > .container {
  z-index: 3 !important;
  width: min(calc(100% - 64px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  min-height: inherit !important;
  margin-inline: auto !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui .ptz-hero .ptz-hero-content {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 0 !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-content-slide.active, .hero-content > .hero-copy, .hero-content > .hero-text) {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-headline, .ptz-hero-title, .sol-hero h1, .about-hero .hero-title, .events-hero h1) {
  text-wrap: balance;
  letter-spacing: -.052em !important;
  max-width: 760px !important;
  margin: 0 !important;
  font-size: clamp(2.75rem, 4.8vw, 4.5rem) !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-sub, .hero-subtitle, .ptz-hero-content > p, .sol-hero-copy > p, .events-hero-content > p) {
  color: #d0d5d2 !important;
  width: min(100%, 680px) !important;
  max-width: 680px !important;
  margin: 0 !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
  line-height: 1.62 !important;
}

html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .about-hero .hero-inner) {
  z-index: 3 !important;
  text-align: center !important;
  width: min(100% - 64px, 900px) !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: clamp(72px, 8vw, 112px) 0 !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .about-hero .hero-inner) :is(h1, p) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.premium-ui .ewaste-hero > .container {
  z-index: 3 !important;
  width: min(calc(100% - 64px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  text-align: left !important;
  margin-inline: auto !important;
  padding: clamp(72px, 8vw, 112px) 0 !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui .ewaste-hero :is(.hero-pill, .hero-headline, .hero-sub) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.premium-ui .sol-hero-content {
  z-index: 3 !important;
  width: min(calc(100% - 64px), var(--cx-container)) !important;
  max-width: var(--cx-container) !important;
  min-height: inherit !important;
  align-items: center !important;
  margin-inline: auto !important;
  padding: clamp(72px, 8vw, 112px) 0 !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-actions, .sol-hero-actions, .cta-actions, .cta-row, .final-cta-btns, .section-actions) {
  z-index: 4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 12px 0 0 !important;
  animation: none !important;
  display: flex !important;
  position: relative !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-actions, .sol-hero-actions, .cta-actions, .cta-row, .final-cta-btns, .section-actions) :is(a, button, .btn) {
  white-space: normal !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 148px !important;
  max-width: 100% !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  line-height: 1.25 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui :is(section.hero, section.ptz-hero, section.sol-hero) :is(.btn-ghost, .btn-outline) {
  color: #fff !important;
  -webkit-backdrop-filter: blur(10px) !important;
  background: #0707077a !important;
  border-color: #ffffff57 !important;
}

html[data-camixel-theme] body.premium-ui :is(.final-cta, .ptz-cta-banner, .cta-band, .cta-section) {
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui :is(.final-cta-btns, .ptz-cta-banner .hero-actions, .cta-band .cta-actions, .cta-section .cta-actions) {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.premium-ui :is(.final-cta, .ptz-cta-banner, .cta-band, .cta-section) :is(h2, p) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (width <= 820px) {
  html[data-camixel-theme] body.premium-ui :is(section.hero, section.ptz-hero, section.events-hero, section.sol-hero, section.about-hero, section.ewaste-hero) {
    min-height: max(620px, calc(100svh - var(--cx-header))) !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content), html[data-camixel-theme] body.premium-ui .ptz-hero > .container, html[data-camixel-theme] body.premium-ui .sol-hero-content, html[data-camixel-theme] body.premium-ui .ewaste-hero > .container, html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .about-hero .hero-inner) {
    width: min(calc(100% - 32px), var(--cx-container)) !important;
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  html[data-camixel-theme] body.premium-ui .sol-hero-content {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-headline, .ptz-hero-title, .sol-hero h1, .about-hero .hero-title, .events-hero h1) {
    font-size: clamp(2.15rem, 9vw, 3.35rem) !important;
    line-height: 1.02 !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui :is(.hero-actions, .sol-hero-actions, .cta-actions, .cta-row, .final-cta-btns, .section-actions) {
    align-items: stretch !important;
    width: 100% !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-actions, .sol-hero-actions, .cta-actions, .cta-row, .final-cta-btns, .section-actions) :is(a, button, .btn) {
    flex: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

html[data-camixel-theme] body.page-index .answer-hub-section {
  border-top: 1px solid #ffffff12;
  border-bottom: 1px solid #ffffff12;
  background: radial-gradient(circle at 15% 10%, #3da57f1a, #0000 38%), linear-gradient(#0e0e0e 0%, #0a0a0a 100%) !important;
}

html[data-camixel-theme] body.page-index .answer-hub-head {
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  align-items: end;
  gap: clamp(32px, 6vw, 80px);
  margin-bottom: 34px;
  display: grid;
}

html[data-camixel-theme] body.page-index .answer-hub-head .section-title {
  max-width: 720px;
  margin-bottom: 0 !important;
}

html[data-camixel-theme] body.page-index .answer-hub-intro {
  max-width: 760px;
  color: var(--text-muted);
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.75;
}

html[data-camixel-theme] body.page-index .answer-hub-intro strong {
  color: var(--text-primary);
}

html[data-camixel-theme] body.page-index .answer-hub-grid {
  gap: var(--edit-box-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

html[data-camixel-theme] body.page-index .answer-card {
  border-radius: var(--edit-box-radius);
  background: linear-gradient(155deg, #181818f5, #0c0c0cfa);
  border: 1px solid #3da57f29;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  min-height: 330px;
  padding: clamp(24px, 3vw, 34px);
  display: flex;
  box-shadow: 0 18px 42px #0000002e;
}

html[data-camixel-theme] body.page-index .answer-card-number {
  color: var(--green);
  letter-spacing: .16em;
  font-size: .72rem;
  font-weight: 800;
}

html[data-camixel-theme] body.page-index .answer-card h3 {
  color: var(--text-primary);
  margin: 0;
  font-size: clamp(1.25rem, 1.8vw, 1.6rem);
  line-height: 1.2;
}

html[data-camixel-theme] body.page-index .answer-card p {
  color: var(--text-muted);
  margin: 0;
  line-height: 1.7;
}

html[data-camixel-theme] body.page-index .answer-card-links {
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  display: flex;
}

html[data-camixel-theme] body.page-index .answer-card-links a {
  color: var(--text-primary);
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
}

html[data-camixel-theme] body.page-index .answer-card-links a:hover, html[data-camixel-theme] body.page-index .answer-card-links a:focus-visible {
  color: #0a0a0a;
  background: var(--green);
  border-color: var(--green);
}

html[data-camixel-theme] body.page-index .answer-card-cta {
  color: var(--green);
  margin-top: auto;
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
}

html[data-camixel-theme] body.page-index .answer-proof-row {
  border-radius: var(--edit-box-radius);
  background: #ffffff06;
  border: 1px solid #ffffff17;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) auto;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
  padding: 20px 22px;
  display: grid;
}

html[data-camixel-theme] body.page-index .answer-proof-row > div {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

html[data-camixel-theme] body.page-index .answer-proof-row strong {
  color: var(--green);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1;
}

html[data-camixel-theme] body.page-index .answer-proof-row span {
  color: var(--text-muted);
  letter-spacing: .04em;
  font-size: .78rem;
}

html[data-camixel-theme] body.page-index .answer-proof-row .btn {
  white-space: normal;
  text-align: center;
  min-height: 50px;
}

@media (width <= 900px) {
  html[data-camixel-theme] body.page-index .answer-hub-head, html[data-camixel-theme] body.page-index .answer-hub-grid {
    grid-template-columns: 1fr;
  }

  html[data-camixel-theme] body.page-index .answer-card {
    min-height: 0;
  }

  html[data-camixel-theme] body.page-index .answer-proof-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-camixel-theme] body.page-index .answer-proof-row .btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (width <= 520px) {
  html[data-camixel-theme] body.page-index .answer-proof-row {
    grid-template-columns: 1fr;
  }

  html[data-camixel-theme] body.page-index .answer-proof-row .btn {
    grid-column: auto;
  }
}

html[data-camixel-theme] body.premium-ui section#main-content:is(.hero, .ptz-hero, .events-hero, .sol-hero, .about-hero, .ewaste-hero) {
  padding: 0 !important;
}

@media (width >= 821px) {
  html[data-camixel-theme] body.premium-ui section#main-content:is(.hero, .ptz-hero, .events-hero, .sol-hero, .about-hero, .ewaste-hero) {
    height: clamp(720px, calc(100svh - var(--cx-header)), 840px) !important;
    min-height: clamp(720px, calc(100svh - var(--cx-header)), 840px) !important;
    max-height: 840px !important;
  }
}

@media (width <= 820px) {
  html[data-camixel-theme] body.premium-ui .ptz-hero > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

html[data-camixel-theme] body.page-blackmagic .hero .hero-video-bg {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) scale(1.35) !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card, .val-card, .why-ptz-card, .eco-card, .product-card, .model-card, .ptz-cat-card, .advantage-point, .arch-card, .brand-card, .cs-card, .cv-card, .team-card, .benefit-card, .why-card, .cb-card, .color-card, .solution-card, .warranty-card, .ws-card, .tl-card, .gallery-card, .social-hub-card, .ptz-spotlight-card, .about-vm-box, .vision-box, .mission-box, .guideline-box, .trust-statement-box) {
  overflow-wrap: anywhere;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-cards-grid, .pillars-grid, .trust-grid, .support-grid, .i-grid, .values-grid, .val-grid, .why-ptz-grid, .eco-grid, .advantage-grid, .arch-grid, .cs-grid, .cv-grid, .team-grid, .why-grid, .cb-grid, .color-grid, .solutions-grid, .warranty-grid, .gallery-grid, .ptz-spotlight-grid) {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
}

html[data-camixel-theme] body.premium-ui :is(.cat-products-grid, .models-grid:has( > .model-card), .ptz-categories-grid) {
  gap: var(--edit-box-gap) !important;
  scroll-snap-type: none !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card, .model-card, .ptz-cat-card) {
  text-align: left !important;
  border-radius: var(--edit-box-radius) !important;
  scroll-snap-align: none !important;
  background: linear-gradient(155deg, #181818fa, #0c0c0cfa) !important;
  border: 1px solid #3da57f29 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px #0000002e !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card, .model-card, .ptz-cat-card):hover {
  border-color: #3da57f6b !important;
  transform: translateY(-3px) !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card > .prod-img-wrap, .model-card > .model-card-img, .ptz-cat-card > .ptz-img-frame) {
  aspect-ratio: 4 / 3 !important;
  background: radial-gradient(circle at 50% 45%, #3da57f1a, #0000 68%) !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff12 !important;
  flex: none !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 24px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card > .prod-img-wrap, .model-card > .model-card-img, .ptz-cat-card > .ptz-img-frame) > img {
  width: 100% !important;
  max-width: 92% !important;
  height: 100% !important;
  max-height: var(--edit-img-max-height) !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: auto !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui .product-card > :is(h3, h4) {
  text-align: left !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding: 18px 20px 20px !important;
  line-height: 1.35 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .model-card > .model-card-body {
  text-align: left !important;
  flex-direction: column !important;
  flex: auto !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .model-card-body > :is(h3, h4, p, .model-specs, .model-actions) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-camixel-theme] body.premium-ui :is(.model-actions, .model-card-link) {
  margin-top: auto !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > :is(.vm-badge, h3, p) {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > .vm-badge {
  align-self: flex-start !important;
  margin-top: 20px !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > p {
  flex: auto !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > .btn {
  white-space: normal !important;
  text-align: center !important;
  width: calc(100% - 40px) !important;
  min-height: 48px !important;
  margin: auto 20px 20px !important;
}

@media (width <= 620px) {
  html[data-camixel-theme] body.premium-ui :is(.cat-products-grid, .models-grid:has( > .model-card), .ptz-categories-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.product-card, .model-card, .ptz-cat-card) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (width <= 900px) {
  html[data-camixel-theme] body.page-eizo-medical .med-layout {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
    display: flex !important;
  }

  html[data-camixel-theme] body.page-eizo-medical .med-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
  }

  html[data-camixel-theme] body.page-eizo-medical .med-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui :is(.cat-products-grid, .models-grid:has( > .model-card), .ptz-categories-grid, .eco-grid, .why-ptz-grid, .support-grid, .trust-grid, .pillars-grid, .industries-mega-grid, .i-grid, .val-grid, .values-grid, .why-grid) {
    scroll-snap-type: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
    display: grid !important;
    overflow: visible !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.cat-products-grid > .product-card, .models-grid > .model-card, .ptz-categories-grid > .ptz-cat-card, .eco-grid > .eco-card, .why-ptz-grid > .why-ptz-card, .support-grid > .support-card, .trust-grid > .trust-card, .pillars-grid > .pillar-card, .industries-mega-grid > .industry-tile, .i-grid > .i-card, .val-grid > .val-card, .values-grid > .value-card, .why-grid > .why-card) {
    scroll-snap-align: none !important;
    flex: 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
  }
}

html[data-camixel-theme="light"] {
  --cx-cream: #fdfcfa;
  --cx-paper: #fff;
  --cx-ink: #0f172a;
  --cx-body: #475569;
  --cx-line: #e2e8f0;
  --cx-black: #0f0f0f;
  --cx-green: #58c99b;
  --cx-green-strong: #3fb783;
  --cx-theme-field: #fff;
  --cx-theme-field-border: #cbd5e1;
  --cx-theme-muted-surface: #f1f5f9;
  --cx-theme-footer-copy: #94a3b8;
  --cx-header-bg: #fffffff5;
  --cx-header-border: #0f172a0f;
  --cx-shadow: 0 12px 32px #0f172a0f;
  --cx-shadow-hover: 0 16px 40px #0f172a1a;
  --cx-radius: 12px;
  --cx-radius-lg: 16px;
}

html[data-camixel-theme="dark"] {
  --cx-cream: #070a0a;
  --cx-paper: #111413;
  --cx-ink: #f1f5f3;
  --cx-body: #a1a9a3;
  --cx-line: #1e2622;
  --cx-black: #050807;
  --cx-green: #58c99b;
  --cx-green-strong: #3fb783;
  --cx-theme-field: #141a17;
  --cx-theme-field-border: #24302b;
  --cx-theme-muted-surface: #0f1412;
  --cx-theme-footer-copy: #94a3b8;
  --cx-header-bg: #0a0c0bf5;
  --cx-header-border: #ffffff12;
  --cx-shadow: 0 12px 32px #00000047;
  --cx-shadow-hover: 0 16px 40px #0000005c;
  --cx-radius: 12px;
  --cx-radius-lg: 16px;
}

html[data-camixel-theme="light"] body.premium-ui {
  --cx-cream: #fdfcfa;
  --cx-paper: #fff;
  --cx-ink: #0f172a;
  --cx-body: #475569;
  --cx-line: #e2e8f0;
}

html[data-camixel-theme="dark"] body.premium-ui {
  --cx-cream: #070a0a;
  --cx-paper: #111413;
  --cx-ink: #f1f5f3;
  --cx-body: #a1a9a3;
  --cx-line: #1e2622;
}

html[data-camixel-theme] body.premium-ui :where(p, li, dd, .section-desc, .section-subtitle) {
  color: var(--cx-body) !important;
}

html[data-camixel-theme] body.premium-ui :where(h1, h2, h3, h4, h5, h6, strong, dt) {
  color: var(--cx-ink) !important;
}

html[data-camixel-theme] body.premium-ui :where(.hero, .ptz-hero, .events-hero, .sol-hero, .hero-section, .cat-hero) :where(h1, h2, h3, h4, strong) {
  color: #fff !important;
}

html[data-camixel-theme] body.premium-ui :where(.hero, .ptz-hero, .events-hero, .sol-hero, .hero-section, .cat-hero) :where(p, li) {
  color: #c9ceca !important;
}

html[data-camixel-theme] body.premium-ui .nav-header {
  z-index: 5000 !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
  background: #0a0c0b !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff12 !important;
  height: 76px !important;
  min-height: 76px !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
  box-shadow: 0 1px #ffffff08 !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-header {
  backdrop-filter: blur(16px) saturate(160%) !important;
  background: #fffffffa !important;
  border-bottom: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 16px #0f172a14, 0 1px #0f172a0a !important;
}

html[data-camixel-theme="dark"] body.premium-ui .nav-header {
  background: #0a0c0b !important;
  border-bottom: 1px solid #ffffff1a !important;
}

html[data-camixel-theme] body.premium-ui .nav-container {
  width: min(100% - 32px, 1320px) !important;
  max-width: 1320px !important;
  height: 76px !important;
  min-height: 76px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .nav-logo {
  flex-shrink: 0 !important;
  align-items: center !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui .site-logo-header {
  object-fit: contain !important;
  filter: none !important;
  width: auto !important;
  max-width: 176px !important;
  height: 36px !important;
  display: block !important;
}

html[data-camixel-theme="dark"] body.premium-ui .site-logo-header {
  filter: brightness(1.14) contrast(1.06) !important;
}

html[data-camixel-theme] body.premium-ui .nav-links {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
  width: auto !important;
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 !important;
  display: flex !important;
  overflow: visible !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-links {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
}

html[data-camixel-theme] body.premium-ui .nav-link, html[data-camixel-theme] body.premium-ui .nav-brands-link {
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transition: color .16s, border-color .16s !important;
  display: inline-flex !important;
  position: relative !important;
}

html[data-camixel-theme="dark"] body.premium-ui .nav-link, html[data-camixel-theme="dark"] body.premium-ui .nav-brands-link {
  color: #e6e9e6 !important;
  background: none !important;
  border-color: #0000 !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-link, html[data-camixel-theme="light"] body.premium-ui .nav-brands-link {
  color: #1e293b !important;
  background: none !important;
  border-color: #0000 !important;
}

html[data-camixel-theme] body.premium-ui .nav-link:after, html[data-camixel-theme] body.premium-ui .nav-brands-link:after {
  content: "" !important;
  background: none !important;
  border-radius: 1px !important;
  height: 2px !important;
  transition: background .16s !important;
  display: block !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 10px !important;
  right: 10px !important;
}

html[data-camixel-theme="dark"] body.premium-ui .nav-link:hover, html[data-camixel-theme="dark"] body.premium-ui .nav-link:focus-visible, html[data-camixel-theme="dark"] body.premium-ui .nav-brands-link:hover, html[data-camixel-theme="dark"] body.premium-ui .nav-brands-link:focus-visible, html[data-camixel-theme="dark"] body.premium-ui .nav-item.brands-open > .nav-brands-link {
  color: #e6e9e6 !important;
  background: none !important;
  border-color: #0000 !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-link:hover, html[data-camixel-theme="light"] body.premium-ui .nav-link:focus-visible, html[data-camixel-theme="light"] body.premium-ui .nav-brands-link:hover, html[data-camixel-theme="light"] body.premium-ui .nav-brands-link:focus-visible, html[data-camixel-theme="light"] body.premium-ui .nav-item.brands-open > .nav-brands-link {
  color: #0f172a !important;
  background: none !important;
  border-color: #0000 !important;
}

html[data-camixel-theme] body.premium-ui .nav-link.active, html[data-camixel-theme] body.premium-ui .nav-link[aria-current="page"], html[data-camixel-theme] body.premium-ui .nav-brands-link.active {
  color: #fff !important;
  background: none !important;
  border-color: #0000 #0000 #58c99b !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.premium-ui .nav-link.active:after, html[data-camixel-theme] body.premium-ui .nav-link[aria-current="page"]:after, html[data-camixel-theme] body.premium-ui .nav-brands-link.active:after {
  background: #58c99b !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-link.active, html[data-camixel-theme="light"] body.premium-ui .nav-link[aria-current="page"] {
  color: #0f172a !important;
  border-bottom-color: #58c99b !important;
}

html[data-camixel-theme="dark"] body.premium-ui .nav-link.active, html[data-camixel-theme="dark"] body.premium-ui .nav-link[aria-current="page"] {
  color: #fff !important;
}

html[data-camixel-theme] body.premium-ui .nav-brands-link .chevron {
  opacity: .55 !important;
  margin-left: 2px !important;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1), opacity .15s !important;
}

html[data-camixel-theme] body.premium-ui .nav-brands-link:hover .chevron, html[data-camixel-theme] body.premium-ui .nav-item.brands-open .chevron {
  opacity: 1 !important;
}

@media (width >= 1101px) {
  html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown {
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown:after {
    content: "" !important;
    pointer-events: auto !important;
    background: none !important;
    width: 160px !important;
    height: 20px !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translate(-50%) !important;
  }
}

html[data-camixel-theme] body.premium-ui .has-dropdown:hover .chevron, html[data-camixel-theme] body.premium-ui .has-dropdown:focus-within .chevron, html[data-camixel-theme] body.premium-ui .has-dropdown.brands-open .chevron {
  transform: rotate(180deg) !important;
}

html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown:after {
  height: 20px !important;
}

html[data-camixel-theme] body.premium-ui .nav-cta {
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .nav-cta-link.nav-cta-secondary {
  color: #e6e9e6 !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 6px !important;
}

html[data-camixel-theme] body.premium-ui .nav-cta-link.nav-cta-secondary:hover {
  color: #fff !important;
  background: #ffffff14 !important;
  border-color: #fff3 !important;
  transform: translateY(-1px) !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-cta-link.nav-cta-secondary {
  color: #1e293b !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
  border-radius: 6px !important;
}

html[data-camixel-theme="light"] body.premium-ui .nav-cta-link.nav-cta-secondary:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui .nav-cta {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    margin-right: 8px !important;
    display: flex !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-cta-link {
    white-space: nowrap !important;
    border-radius: 100px !important;
    gap: 6px !important;
    width: auto !important;
    min-width: max-content !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-cta-link span {
    display: inline !important;
  }
}

@media (width <= 480px) {
  html[data-camixel-theme] body.premium-ui .nav-header {
    height: 60px !important;
    min-height: 60px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-container {
    gap: 8px !important;
    height: 60px !important;
    min-height: 60px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-links {
    max-height: calc(100dvh - 60px) !important;
    padding: 12px 14px 16px !important;
    top: 60px !important;
  }

  html[data-camixel-theme] body.premium-ui .site-logo-header {
    max-width: 128px !important;
    height: 26px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-cta-link {
    gap: 4px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-cta-link svg {
    width: 12px !important;
    height: 12px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-link, html[data-camixel-theme] body.premium-ui .nav-brands-link {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 14px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand {
    min-height: 100px !important;
    padding: 12px !important;
  }
}

html[data-camixel-theme] body.premium-ui .nav-cta-link {
  color: #07110c !important;
  letter-spacing: -.01em !important;
  background: #58c99b !important;
  border: 1px solid #58c99b !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  transition: all .18s cubic-bezier(.4, 0, .2, 1) !important;
  display: inline-flex !important;
  box-shadow: 0 4px 14px #58c99b38 !important;
}

html[data-camixel-theme] body.premium-ui .nav-cta-link:hover {
  background: #3fb783 !important;
  border-color: #3fb783 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px #58c99b47 !important;
}

html[data-camixel-theme] body.premium-ui .nav-cta-link svg {
  opacity: .85 !important;
  width: 14px !important;
  height: 14px !important;
}

html[data-camixel-theme] body.premium-ui .mega-dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 5100 !important;
  will-change: transform, opacity !important;
  backface-visibility: hidden !important;
  border-radius: 16px !important;
  width: min(720px, 100vw - 32px) !important;
  max-width: 720px !important;
  margin-left: 0 !important;
  padding: 16px !important;
  transition: opacity .2s, visibility .2s, transform .2s cubic-bezier(.16, 1, .3, 1) !important;
  display: block !important;
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 50% !important;
  right: auto !important;
  overflow: hidden !important;
  transform: translate(-50%) translateY(8px) !important;
}

html[data-camixel-theme="light"] body.premium-ui .mega-dropdown {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  top: calc(100% + 14px) !important;
  box-shadow: 0 24px 64px #0f172a1a, 0 8px 20px #0f172a0f !important;
}

html[data-camixel-theme="dark"] body.premium-ui .mega-dropdown {
  background: #0f1412 !important;
  border: 1px solid #1e2622 !important;
  top: calc(100% + 16px) !important;
  box-shadow: 0 24px 64px #0006, 0 8px 20px #0003 !important;
}

html[data-camixel-theme] body.premium-ui .has-dropdown:hover > .mega-dropdown, html[data-camixel-theme] body.premium-ui .has-dropdown:focus-within > .mega-dropdown, html[data-camixel-theme] body.premium-ui .has-dropdown.brands-open > .mega-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%) translateY(0) !important;
}

html[data-camixel-theme] body.premium-ui .mega-shell {
  background: none !important;
  border-radius: 16px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand-grid {
  background: none !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 0 16px !important;
  display: grid !important;
}

html[data-camixel-theme="light"] body.premium-ui .mega-shell, html[data-camixel-theme="light"] body.premium-ui .mega-brand-grid {
  background: #fff !important;
}

html[data-camixel-theme="dark"] body.premium-ui .mega-shell, html[data-camixel-theme="dark"] body.premium-ui .mega-brand-grid {
  background: #0f1412 !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand {
  text-align: left !important;
  background: #0f1412 !important;
  border: 1px solid #1e2622 !important;
  border-radius: 12px !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 110px !important;
  padding: 16px !important;
  transition: all .18s !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:hover {
  background: #141a17 !important;
  border-color: #58c99b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px #00000047 !important;
}

html[data-camixel-theme="light"] body.premium-ui .mega-brand {
  background: #fff !important;
  border-color: #e2e8f0 !important;
}

html[data-camixel-theme="light"] body.premium-ui .mega-brand:hover {
  background: #f8fafc !important;
  border-color: #58c99b !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:before {
  content: "" !important;
  opacity: 0 !important;
  background: #58c99b !important;
  height: 3px !important;
  transition: opacity .18s !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:hover:before {
  opacity: 1 !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:hover, html[data-camixel-theme] body.premium-ui .mega-brand:focus-visible {
  background: #fff !important;
  border-color: #58c99b !important;
  transform: translateY(-4px) scale(1.015) !important;
  box-shadow: 0 20px 40px #0f172a1a, 0 8px 16px #0f172a0f !important;
}

html[data-camixel-theme] body.premium-ui .mega-logo-stage {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  flex: 0 0 64px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 8px !important;
  display: flex !important;
}

html[data-camixel-theme="dark"] body.premium-ui .mega-logo-stage {
  background: #111a14 !important;
  border-color: #1e2622 !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand-copy strong {
  color: #f1f5f3 !important;
  font-size: 13.5px !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand-copy small {
  color: #a1a9a3 !important;
  font-size: 11px !important;
}

html[data-camixel-theme="light"] body.premium-ui .mega-brand-copy strong {
  color: #0f172a !important;
}

html[data-camixel-theme="light"] body.premium-ui .mega-brand-copy small {
  color: #475569 !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:hover .mega-logo-stage {
  background: #020617 !important;
  border-bottom-color: #58c99b !important;
}

html[data-camixel-theme] body.premium-ui .mega-logo-stage img {
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  width: auto !important;
  max-width: 140px !important;
  height: auto !important;
  max-height: 36px !important;
  transition: transform .24s cubic-bezier(.16, 1, .3, 1) !important;
}

html[data-camixel-theme] body.premium-ui .mega-logo-stage img[alt="PTZOptics"], html[data-camixel-theme] body.premium-ui .mega-logo-stage img[alt*="PTZ"] {
  filter: brightness(1.06) !important;
  max-height: 72px !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:hover .mega-logo-stage img {
  transform: scale(1.06) !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand-copy {
  text-align: center !important;
  flex-direction: column !important;
  flex: 1 !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand-copy strong {
  color: #0f0f0f !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand-copy small {
  color: #6b7280 !important;
  text-align: center !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  max-width: 92% !important;
  font-size: 11px !important;
  font-weight: 450 !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .mega-arrow {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:after {
  content: "" !important;
  display: none !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:before {
  content: "" !important;
  opacity: 0 !important;
  background: #58c99b !important;
  border-radius: 0 0 2px 2px !important;
  height: 2px !important;
  transition: opacity .2s, transform .2s !important;
  position: absolute !important;
  top: 0 !important;
  left: 12% !important;
  right: 12% !important;
  transform: scaleX(.7) !important;
}

html[data-camixel-theme] body.premium-ui .mega-brand:hover:before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

html[data-camixel-theme] :where(.about-pillars-new, .pillars-grid) .pillar-icon-check {
  width: 42px !important;
  height: 42px !important;
  color: var(--cx-ink) !important;
  background: #58c99b1f !important;
  border: 1px solid #39aa7857 !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 19px !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] :where(.about-pillars-new, .pillars-grid) .pillar-icon-check:before {
  content: "🏆" !important;
}

html[data-camixel-theme] :where(.about-pillars-new, .pillars-grid) .pillar-card:nth-child(2) .pillar-icon-check:before {
  content: "🛠️" !important;
}

html[data-camixel-theme] :where(.about-pillars-new, .pillars-grid) .pillar-card:nth-child(3) .pillar-icon-check:before {
  content: "🎯" !important;
}

html[data-camixel-theme] :where(.about-pillars-new, .pillars-grid) .pillar-card:nth-child(4) .pillar-icon-check:before {
  content: "🤝" !important;
}

html[data-camixel-theme] :where(.about-pillars-new, .pillars-grid) .pillar-card {
  align-items: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  padding: 18px !important;
}

html[data-camixel-theme] body.page-index .brands-section {
  background: var(--cx-cream) !important;
  padding: clamp(62px, 6vw, 82px) 0 !important;
}

html[data-camixel-theme] body.page-index .brands-section-title {
  color: var(--cx-ink) !important;
  letter-spacing: .16em !important;
  margin-bottom: 22px !important;
  font-size: 11px !important;
}

html[data-camixel-theme] body.page-index .brands-static-strip {
  background: #151615 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 8px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: 0 16px 38px #12120f1a !important;
}

html[data-camixel-theme] body.page-index .brand-card {
  background: #151615 !important;
  border: 0 !important;
  border-right: 1px solid #ffffff1a !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 148px !important;
  padding: 28px !important;
  transition: background .18s, transform .18s !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-index .brand-card:last-child {
  border-right: 0 !important;
}

html[data-camixel-theme] body.page-index .brand-card:hover, html[data-camixel-theme] body.page-index .brand-card:focus-visible {
  background: #202220 !important;
  transform: none !important;
}

html[data-camixel-theme] body.page-index .brand-logo-img {
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  max-width: 82% !important;
  max-height: 48px !important;
}

html[data-camixel-theme] :where(.cat-products-grid, .product-grid, .commerce-grid, .models-grid, .ptz-categories-grid, .flexscan-grid) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .medical-product-card) {
  background: var(--cx-paper) !important;
  min-width: 0 !important;
  min-height: 100% !important;
  color: var(--cx-ink) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 8px !important;
  flex-direction: column !important;
  transition: border-color .2s, box-shadow .2s, transform .2s !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 12px 28px #1414100e !important;
}

html[data-camixel-theme] :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .medical-product-card):hover, html[data-camixel-theme] :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .medical-product-card):focus-within {
  border-color: #39aa787a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 36px #1414101a !important;
}

html[data-camixel-theme] :where(.prod-img-wrap, .product-image, .product-img, body:not(.page-eizo-medical) .model-card-img, .ptz-img-frame, .commerce-card-img, .medical-product-image) {
  aspect-ratio: 4 / 3 !important;
  background: var(--cx-theme-muted-surface) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cx-line) !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 230px !important;
  padding: 24px !important;
  display: flex !important;
}

html[data-camixel-theme] :where(.prod-img-wrap, .product-image, .product-img, body:not(.page-eizo-medical) .model-card-img, .ptz-img-frame, .commerce-card-img, .medical-product-image) img {
  object-fit: contain !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 210px !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-hero-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 28px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-info {
  grid-template-rows: auto auto !important;
  grid-template-columns: minmax(230px, .8fr) minmax(360px, 1.45fr) auto !important;
  align-self: start !important;
  align-items: start !important;
  gap: 8px 34px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 0 4px !important;
  display: grid !important;
  position: static !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-info .cat-number {
  grid-area: 1 / 1 !important;
  width: max-content !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-info h3 {
  grid-area: 2 / 1 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-info .cat-desc {
  grid-area: 1 / 2 / span 2 !important;
  max-width: 720px !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-info .cat-cta {
  white-space: nowrap !important;
  grid-area: 1 / 3 / span 2 !important;
  align-self: center !important;
  min-height: 42px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-banner {
  background: var(--cx-theme-muted-surface) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 12px !important;
  margin-bottom: 28px !important;
  display: block !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-banner img {
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  max-height: 220px !important;
  display: block !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-panel {
  animation: none !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-panel:not(.active) {
  display: none !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-panel.active {
  display: block !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
}

html[data-camixel-theme] body.page-blackmagic .product-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  text-align: center !important;
  height: 100% !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 12px !important;
  flex-direction: column !important;
  padding: 0 !important;
  transition: border-color .2s, box-shadow .2s, transform .2s !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-blackmagic .product-card:hover {
  border-color: color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow-hover) !important;
  transform: translateY(-3px) !important;
}

html[data-camixel-theme] body.page-blackmagic .product-card .prod-img-wrap {
  aspect-ratio: 1.15 !important;
  background: var(--cx-theme-muted-surface) !important;
  border-bottom: 1px solid var(--cx-line) !important;
  flex: none !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 280px !important;
  padding: 28px 24px !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme="dark"] body.page-blackmagic .product-card .prod-img-wrap {
  background: #1c2120 !important;
  border-bottom-color: #252a29 !important;
}

html[data-camixel-theme="light"] body.page-blackmagic .product-card .prod-img-wrap {
  background: #f1f5f9 !important;
  border-bottom-color: #e2e8f0 !important;
}

html[data-camixel-theme] body.page-blackmagic .product-card .prod-img-wrap img {
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(1.06) contrast(1.06) !important;
  width: auto !important;
  max-width: 88% !important;
  height: auto !important;
  max-height: 210px !important;
  transition: transform .3s !important;
  display: block !important;
}

html[data-camixel-theme] body.page-blackmagic .product-card:hover .prod-img-wrap img {
  transform: scale(1.04) !important;
}

html[data-camixel-theme] body.page-blackmagic .product-card h4 {
  color: var(--cx-ink) !important;
  text-align: center !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 14px 12px 16px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  display: flex !important;
}

html[data-camixel-theme] :where(.product-card-body, .commerce-card-body, .model-card-body, .ptz-card-body, .medical-product-body) {
  flex-direction: column !important;
  flex: auto !important;
  gap: 10px !important;
  padding: 20px !important;
  display: flex !important;
}

html[data-camixel-theme] :where(.model-specs, .product-specs, .ptz-spec-list) {
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 4px !important;
  display: flex !important;
}

html[data-camixel-theme] :where(.model-spec, .product-spec, .ptz-spec-list li) {
  background: color-mix(in srgb, var(--cx-green) 10%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  min-height: 28px !important;
  color: var(--cx-ink) !important;
  border-radius: 5px !important;
  align-items: center !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .medical-product-card) :where(h3, h4) {
  color: var(--cx-ink) !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.28 !important;
}

html[data-camixel-theme] :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .medical-product-card) p {
  color: var(--cx-body) !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] :where(.product-actions, .model-actions, .card-actions, .commerce-card-actions) {
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  display: flex !important;
}

html[data-camixel-theme] .prod-section > .container, html[data-camixel-theme] .commerce-zone > .container {
  padding-top: clamp(26px, 3vw, 42px) !important;
  padding-bottom: clamp(46px, 5vw, 72px) !important;
}

html[data-camixel-theme] body.page-eizo .prod-feature-tag, html[data-camixel-theme] body.page-eizo .model-card-badge {
  color: #225d43 !important;
  letter-spacing: .04em !important;
  background: #e5f4ec !important;
  border: 1px solid #b8d9c8 !important;
  border-radius: 5px !important;
  font-weight: 720 !important;
}

html[data-camixel-theme] body.page-eizo .prod-feature-tag {
  align-items: center !important;
  min-height: 28px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo .model-card-badge {
  padding: 5px 8px !important;
  font-size: 10px !important;
}

html[data-camixel-theme] body.page-eizo .model-spec-link {
  color: #526057 !important;
  align-items: center !important;
  min-height: 36px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo .model-spec-link:hover, html[data-camixel-theme] body.page-eizo .model-spec-link:focus-visible {
  color: #20734f !important;
}

html[data-camixel-theme] body.page-eizo .lineup-toolbar {
  background: #101713 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 8px !important;
  gap: 14px !important;
  margin: 0 0 12px !important;
  padding: 16px !important;
}

html[data-camixel-theme] body.premium-ui.page-eizo section.cat-tabs-section.cat-tabs-section.cat-tabs-section.cat-tabs-section {
  min-height: 0 !important;
  top: var(--cx-header) !important;
  padding: 12px 0 !important;
  position: sticky !important;
}

html[data-camixel-theme] body.premium-ui.page-eizo .cat-tabs-inner {
  gap: 6px !important;
  min-height: 42px !important;
}

html[data-camixel-theme] body.premium-ui.page-eizo .cat-tab-btn {
  min-height: 40px !important;
  padding: 0 16px !important;
}

html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact {
  scroll-margin-top: calc(var(--cx-header) + 78px) !important;
}

html[data-camixel-theme] body.page-eizo .lineup-filter-group {
  gap: 7px !important;
}

html[data-camixel-theme] body.page-eizo .lineup-filter-btn {
  color: #c6d0ca !important;
}

html[data-camixel-theme] body.page-eizo .lineup-filter-btn:hover, html[data-camixel-theme] body.page-eizo .lineup-filter-btn.active-filter {
  color: #fff !important;
}

html[data-camixel-theme] body.page-eizo .lineup-search svg {
  color: #aeb8b2 !important;
}

html[data-camixel-theme] body.page-eizo .lineup-search input::placeholder {
  color: #aeb8b2 !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.page-eizo .lineup-note {
  color: var(--cx-body) !important;
  margin: 0 0 26px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body.page-eizo .lineup-note strong {
  color: var(--cx-ink) !important;
}

html[data-camixel-theme] body.page-eizo .eizo-contact {
  background: var(--cx-cream) !important;
  padding: clamp(68px, 7vw, 92px) 0 !important;
}

html[data-camixel-theme] body.page-eizo .contact-grid-eizo {
  align-items: center !important;
  gap: clamp(40px, 5vw, 68px) !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 8px !important;
  width: 100% !important;
  padding: clamp(24px, 3vw, 34px) !important;
  box-shadow: 0 14px 32px #14141014 !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo > .cx-form, html[data-camixel-theme] body.page-eizo .contact-form-eizo > form.cx-form {
  width: 100% !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo .form-row {
  gap: 14px !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo .form-grp {
  gap: 7px !important;
  margin-bottom: 14px !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo label {
  color: var(--cx-ink) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo :where(input:not([type="hidden"]), select, textarea) {
  background: var(--cx-theme-field) !important;
  border: 1px solid var(--cx-theme-field-border) !important;
  color: var(--cx-ink) !important;
}

html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact #eizo-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact #eizo-contact-form select, html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact #eizo-contact-form textarea {
  background: var(--cx-theme-field) !important;
  border-color: var(--cx-theme-field-border) !important;
  color: var(--cx-ink) !important;
  border-radius: 6px !important;
}

html[data-camixel-theme] body.page-eizo .contact-form-eizo :where(input, textarea)::placeholder, html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact #eizo-contact-form input::placeholder, html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact #eizo-contact-form textarea::placeholder {
  color: color-mix(in srgb, var(--cx-body) 78%, transparent) !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.premium-ui.page-eizo #eizo-contact #eizo-contact-form :where(input, select, textarea):focus {
  background: var(--cx-theme-field) !important;
  border-color: var(--cx-green) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cx-green) 22%, transparent) !important;
}

html[data-camixel-theme] body.page-eizo .contact-chip {
  min-height: 34px !important;
  color: var(--cx-body) !important;
  background: color-mix(in srgb, var(--cx-green) 8%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 24%, var(--cx-line)) !important;
  border-radius: 5px !important;
  gap: 8px !important;
  padding: 7px 10px !important;
}

html[data-camixel-theme] body.page-eizo .contact-info-eizo :where(a, span) {
  color: var(--cx-body) !important;
}

html[data-camixel-theme="dark"] body.page-eizo .prod-feature-tag, html[data-camixel-theme="dark"] body.page-eizo .model-card-badge {
  color: #c5f3db !important;
  background: #58c99b21 !important;
  border-color: #58c99b57 !important;
}

html[data-camixel-theme="dark"] body.page-eizo .model-spec-link {
  color: #bdc9c1 !important;
}

html[data-camixel-theme] body.premium-ui :where(.cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  background: var(--cx-theme-field) !important;
  border-color: var(--cx-theme-field-border) !important;
  color: var(--cx-ink) !important;
}

html[data-camixel-theme] body.premium-ui :where(.cx-form, .contact-form, .contact-form-new, .contact-form-eizo, .sol-builder-form, .form-wrap, .lead-form-wrap) label {
  color: var(--cx-ink) !important;
}

html[data-camixel-theme="dark"] body.premium-ui section:not(.hero):not(.hero-section):not(.cat-hero):not(.ptz-hero):not(.events-hero):not(.sol-hero):not(.ptz-spotlight-section) {
  background-color: var(--cx-cream) !important;
  color: var(--cx-ink) !important;
}

html[data-camixel-theme="dark"] body.premium-ui :where(.vm-card, .pillar-card, .about-num-item, .contact-form-new, .contact-form, .contact-form-eizo, .faq-item, .industry-card, .solution-card, .office-card, .timeline-card) {
  background: var(--cx-paper) !important;
  color: var(--cx-ink) !important;
  border-color: var(--cx-line) !important;
}

html[data-camixel-theme="dark"] body.premium-ui :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .medical-product-card) p {
  color: var(--cx-body) !important;
}

html[data-camixel-theme="dark"] body.premium-ui #contact :where(.contact-form-new, .contact-form, .contact-form-eizo) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea), html[data-camixel-theme="dark"] body.premium-ui :where(.cx-form, .sol-builder-form, .form-wrap, .lead-form-wrap) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  background: var(--cx-theme-field) !important;
  border-color: var(--cx-theme-field-border) !important;
  color: var(--cx-ink) !important;
}

html[data-camixel-theme="dark"] body.premium-ui select option {
  background: var(--cx-theme-field) !important;
  color: var(--cx-ink) !important;
}

html[data-camixel-theme] .footer, html[data-camixel-theme] footer {
  color: var(--cx-theme-footer-copy) !important;
  background: #101110 !important;
  border-top: 1px solid #ffffff1c !important;
}

html[data-camixel-theme] .footer-top {
  padding: clamp(54px, 6vw, 76px) 0 clamp(38px, 4vw, 54px) !important;
}

html[data-camixel-theme] .footer-grid {
  grid-template-columns: minmax(260px, 1.35fr) minmax(150px, .72fr) minmax(170px, .8fr) minmax(230px, 1fr) !important;
  align-items: start !important;
  gap: clamp(34px, 5vw, 72px) !important;
  display: grid !important;
}

html[data-camixel-theme] .footer-brand {
  max-width: 360px !important;
  padding-right: 16px !important;
}

html[data-camixel-theme] .footer-brand img {
  max-width: 150px !important;
  max-height: 42px !important;
  margin-bottom: 20px !important;
  display: block !important;
}

html[data-camixel-theme] .footer-brand p {
  max-width: 340px !important;
  color: var(--cx-theme-footer-copy) !important;
  margin: 0 0 22px !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

html[data-camixel-theme] .footer-col, html[data-camixel-theme] .footer-brand {
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui .footer :where(h3, h4, .footer-col-title) {
  color: #fff !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  margin: 0 0 18px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

html[data-camixel-theme] .footer :where(ul, .footer-links) {
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
}

html[data-camixel-theme] .footer .contact-list li {
  min-height: 34px !important;
  color: var(--cx-theme-footer-copy) !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  display: grid !important;
}

html[data-camixel-theme] .footer .contact-list svg {
  flex: none !important;
  margin-top: 8px !important;
}

html[data-camixel-theme] .footer a:not(.social-icon-btn):not(.social-btn) {
  min-height: 32px !important;
  color: var(--cx-theme-footer-copy) !important;
  align-items: center !important;
  text-decoration: none !important;
  transition: color .18s, transform .18s, border-color .18s, background .18s !important;
  display: inline-flex !important;
}

html[data-camixel-theme] .footer a:not(.social-icon-btn):not(.social-btn):hover, html[data-camixel-theme] .footer a:not(.social-icon-btn):not(.social-btn):focus-visible {
  color: var(--cx-green) !important;
  transform: translate(2px) !important;
}

html[data-camixel-theme] .footer :where(.footer-socials, .social-links, .contact-socials) {
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
  display: flex !important;
}

html[data-camixel-theme] .footer :where(.social-icon-btn, .social-btn) {
  color: #e6e9e6 !important;
  background: #181b19 !important;
  border: 1px solid #ffffff2e !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  transition: color .18s, background .18s, border-color .18s, transform .18s !important;
  display: inline-flex !important;
}

html[data-camixel-theme] .footer :where(.social-icon-btn, .social-btn):hover, html[data-camixel-theme] .footer :where(.social-icon-btn, .social-btn):focus-visible {
  color: #0b1510 !important;
  background: var(--cx-green) !important;
  border-color: var(--cx-green) !important;
  transform: translateY(-2px) !important;
}

html[data-camixel-theme] body.premium-ui .footer .footer-brand a.btn.btn-outline-sm, html[data-camixel-theme] body.premium-ui .footer .footer-brand a.footer-support-btn {
  color: #0b1510 !important;
  background: var(--cx-green) !important;
  border: 1px solid var(--cx-green) !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  font-weight: 720 !important;
  display: inline-flex !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui .footer .footer-brand a.btn.btn-outline-sm:hover, html[data-camixel-theme] body.premium-ui .footer .footer-brand a.footer-support-btn:hover {
  background: #79dab0 !important;
  border-color: #79dab0 !important;
  transform: translateY(-1px) !important;
}

html[data-camixel-theme] .footer-bottom {
  border-top: 1px solid #ffffff1a !important;
  padding: 18px 0 !important;
}

html[data-camixel-theme] .footer-bottom, html[data-camixel-theme] .footer-bottom span {
  color: #929993 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui .nav-header {
    height: 64px !important;
    min-height: 64px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-container {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    width: calc(100% - 20px) !important;
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
  }

  html[data-camixel-theme] body.premium-ui .hamburger {
    background: #ffffff0f !important;
    border: 1px solid #ffffff1f !important;
    border-radius: 8px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
  }

  html[data-camixel-theme] body.premium-ui .site-logo-header {
    max-width: 164px !important;
    height: 34px !important;
  }

  html[data-camixel-theme] body.premium-ui .hamburger span {
    background: #fff !important;
    border-radius: 1px !important;
    width: 20px !important;
    height: 2px !important;
    margin: 0 !important;
    transition: transform .18s, opacity .18s !important;
    display: block !important;
  }

  html[data-camixel-theme="light"] body.premium-ui .hamburger span {
    background: #0f172a !important;
  }

  html[data-camixel-theme="light"] body.premium-ui .hamburger {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
  }

  html[data-camixel-theme] body.premium-ui .hamburger.open span:first-child {
    transform: translateY(6.5px) rotate(45deg) !important;
  }

  html[data-camixel-theme] body.premium-ui .hamburger.open span:nth-child(2) {
    opacity: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui .hamburger.open span:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg) !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-links {
    -webkit-overflow-scrolling: touch !important;
    background: #0a0c0b !important;
    border: 0 !important;
    border-bottom: 1px solid #ffffff1a !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 64px) !important;
    padding: 14px 16px 20px !important;
    display: none !important;
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto !important;
    box-shadow: 0 20px 40px #00000059 !important;
  }

  html[data-camixel-theme="dark"] body.premium-ui .nav-links {
    background: #0a0c0b !important;
    max-height: calc(100dvh - 64px) !important;
    top: 64px !important;
  }

  html[data-camixel-theme="light"] body.premium-ui .nav-links {
    background: #fff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    max-height: calc(100dvh - 64px) !important;
    top: 64px !important;
  }

  html[data-camixel-theme="light"] body.premium-ui .nav-links .nav-link, html[data-camixel-theme="light"] body.premium-ui .nav-links .nav-brands-link {
    color: #334155 !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-links.open {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-link, html[data-camixel-theme] body.premium-ui .nav-brands-link {
    border-radius: 5px !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 12px !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-brands-link .chevron {
    margin-left: auto !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    width: 100% !important;
    max-height: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    display: none !important;
    position: static !important;
    overflow: visible !important;
    transform: none !important;
  }

  html[data-camixel-theme] body.premium-ui .has-dropdown.brands-open > .mega-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
    transform: none !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-shell {
    padding: 8px 0 10px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand {
    flex-direction: column !important;
    min-height: 120px !important;
    padding: 12px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-logo-stage {
    width: 100% !important;
    height: 52px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-logo-stage img {
    max-width: 90px !important;
    max-height: 30px !important;
  }

  html[data-camixel-theme] .footer-grid, html[data-camixel-theme] :where(.cat-products-grid, .product-grid, .commerce-grid, .models-grid, .ptz-categories-grid, .flexscan-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (width <= 900px) {
  html[data-camixel-theme] .nav-links {
    background: #151615 !important;
    gap: 0 !important;
  }

  html[data-camixel-theme] .nav-link, html[data-camixel-theme] .nav-brands-link {
    border-radius: 0 !important;
  }

  html[data-camixel-theme] body.page-index .brands-static-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-index .brand-card:nth-child(2) {
    border-right: 0 !important;
  }

  html[data-camixel-theme] body.page-index .brand-card:nth-child(-n+2) {
    border-bottom: 1px solid #ffffff1a !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info {
    grid-template-rows: auto auto auto !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 24px !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info .cat-number {
    grid-area: 1 / 1 !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info h3 {
    grid-area: 2 / 1 !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info .cat-desc {
    grid-area: 3 / 1 !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info .cat-cta {
    grid-area: 1 / 2 / span 3 !important;
    align-self: end !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui .mega-brand-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand {
    min-height: 88px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-logo-stage {
    width: 96px !important;
    height: 56px !important;
  }

  html[data-camixel-theme] .footer-grid, html[data-camixel-theme] :where(.cat-products-grid, .product-grid, .commerce-grid, .models-grid, .ptz-categories-grid, .flexscan-grid) {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info {
    display: block !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info .cat-number, html[data-camixel-theme] body.page-blackmagic .cat-info h3 {
    margin-bottom: 12px !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info .cat-cta {
    margin-top: 18px !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] .footer-brand {
    max-width: none !important;
    padding-right: 0 !important;
  }

  html[data-camixel-theme] body.page-index .brands-static-strip {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-index .brand-card {
    border-bottom: 1px solid #ffffff1a !important;
    border-right: 0 !important;
    min-height: 118px !important;
  }

  html[data-camixel-theme] body.page-index .brand-card:last-child {
    border-bottom: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui.page-eizo section.cat-tabs-section.cat-tabs-section.cat-tabs-section.cat-tabs-section {
    padding: 9px 0 !important;
  }

  html[data-camixel-theme] body.premium-ui.page-eizo .cat-tabs-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 40px !important;
    margin-inline: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui.page-eizo .cat-tabs-section > .container {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    padding-inline: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui.page-eizo .cat-tab-btn {
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 11px !important;
  }

  html[data-camixel-theme] body.page-eizo .lineup-toolbar {
    gap: 12px !important;
    padding: 13px !important;
  }

  html[data-camixel-theme] body.page-eizo .contact-form-eizo {
    padding: 20px !important;
  }

  html[data-camixel-theme] body.page-eizo :where(.models-grid, .product-grid) {
    gap: 16px !important;
  }
}

html[data-camixel-theme] body.premium-ui {
  letter-spacing: -.011em !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro Text, Segoe UI, Helvetica, Arial, sans-serif !important;
}

html[data-camixel-theme] body.premium-ui .container, html[data-camixel-theme] body.premium-ui section > .container, html[data-camixel-theme] body.premium-ui footer > .container {
  width: min(100% - 32px, 1280px) !important;
  max-width: 1280px !important;
}

html[data-camixel-theme] body.premium-ui section:not(.hero):not(.hero-section):not(.ptz-hero):not(.events-hero):not(.sol-hero):not(.cat-hero):not(.about-hero) {
  border-top: 1px solid color-mix(in srgb, var(--cx-line) 70%, transparent) !important;
  padding: clamp(72px, 6vw, 104px) 0 !important;
}

html[data-camixel-theme] body.premium-ui section:not(.hero):not(.hero-section):not(.ptz-hero):not(.events-hero):not(.sol-hero):first-of-type {
  border-top: 0 !important;
}

html[data-camixel-theme] body.premium-ui .section-tag {
  color: var(--cx-green) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  gap: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.premium-ui .section-tag:before {
  background: var(--cx-green) !important;
  border-radius: 1px !important;
  width: 20px !important;
  height: 2px !important;
}

html[data-camixel-theme] body.premium-ui .section-title, html[data-camixel-theme] body.premium-ui h2.section-title {
  letter-spacing: -.04em !important;
  margin-bottom: 14px !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 750 !important;
  line-height: 1.05 !important;
}

html[data-camixel-theme] body.premium-ui .section-desc, html[data-camixel-theme] body.premium-ui .section-sub {
  max-width: 720px !important;
  color: var(--cx-body) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.premium-ui .hero {
  background: #050807 !important;
  min-height: min(78vh, 820px) !important;
}

html[data-camixel-theme] body.premium-ui .hero-content {
  padding-top: clamp(80px, 9vw, 140px) !important;
  padding-bottom: clamp(80px, 9vw, 140px) !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline {
  letter-spacing: -.05em !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 800 !important;
  line-height: .95 !important;
}

html[data-camixel-theme] body.premium-ui .hero-sub {
  color: #c9ceca !important;
  max-width: 640px !important;
  font-size: clamp(15px, 1.4vw, 17px) !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-card, .i-card, .value-card, .val-card, .trust-card, .support-card, .office-card, .timeline-card, .solution-card, .event-card, .team-card) {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius) !important;
  box-shadow: var(--cx-shadow) !important;
  transition: border-color .2s, box-shadow .2s, transform .2s cubic-bezier(.4, 0, .2, 1) !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-card, .i-card, .value-card, .val-card, .trust-card, .support-card):hover {
  border-color: color-mix(in srgb, var(--cx-green) 22%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

html[data-camixel-theme] body.premium-ui .btn, html[data-camixel-theme] body.premium-ui .btn-primary {
  letter-spacing: -.01em !important;
  border-radius: 100px !important;
  font-weight: 650 !important;
}

html[data-camixel-theme] body.premium-ui .footer, html[data-camixel-theme] body.premium-ui footer {
  background: var(--cx-black) !important;
  border-top: 1px solid color-mix(in srgb, var(--cx-line) 50%, transparent) !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-tabs, html[data-camixel-theme] body.page-eizo .cat-tabs-inner, html[data-camixel-theme] body.page-eizo .lineup-toolbar {
  background: color-mix(in srgb, var(--cx-paper) 92%, var(--cx-cream)) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 12px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-tab, html[data-camixel-theme] body.page-eizo .cat-tab-btn, html[data-camixel-theme] body.page-eizo .lineup-filter-btn {
  border: 1px solid var(--cx-line) !important;
  background: var(--cx-paper) !important;
  min-height: 36px !important;
  color: var(--cx-body) !important;
  border-radius: 100px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-tab.active, html[data-camixel-theme] body.page-eizo .cat-tab-btn.active, html[data-camixel-theme] body.page-eizo .lineup-filter-btn.active-filter {
  background: var(--cx-green) !important;
  border-color: var(--cx-green) !important;
  color: #07110c !important;
}

html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html[data-camixel-theme] body.page-eizo .models-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

html[data-camixel-theme] body.page-eizo .model-card, html[data-camixel-theme] body.page-blackmagic .product-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius) !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-eizo .model-card-img, html[data-camixel-theme] body.page-blackmagic .prod-img-wrap {
  background: var(--cx-theme-muted-surface) !important;
  border-bottom: 1px solid var(--cx-line) !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 200px !important;
  padding: 20px !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 18px !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  height: 100% !important;
  min-height: 168px !important;
  padding: 22px 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card .trust-check {
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:first-child .trust-check:before {
  content: "📦" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(2) .trust-check:before {
  content: "🎓" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(3) .trust-check:before {
  content: "💡" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(4) .trust-check:before {
  content: "🗺️" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(5) .trust-check:before {
  content: "🎬" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(6) .trust-check:before {
  content: "🎓" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(7) .trust-check:before {
  content: "🔧" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(8) .trust-check:before {
  content: "🛠️" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card:nth-child(9) .trust-check:before {
  content: "🤝" !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card > div {
  flex-direction: column !important;
  flex: 1 !important;
  gap: 6px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card h4 {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.page-blackmagic .trust-card p {
  flex: 1 !important;
  min-height: 38px !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.page-blackmagic .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.page-blackmagic .trust-grid {
    grid-template-columns: 1fr !important;
  }
}

html {
  visibility: hidden !important;
}

html[data-camixel-theme] {
  visibility: visible !important;
}

html[data-camixel-theme] body.premium-ui {
  background: var(--cx-cream) !important;
  color: var(--cx-ink) !important;
}

html[data-camixel-theme] body.premium-ui :where(.healthcare-card, .cat-banner, .contact-form-wrap, .about-hero-bg, .ewaste-hero-bg, .hero-video-bg) {
  background: var(--cx-paper) !important;
  border-color: var(--cx-line) !important;
}

html[data-camixel-theme] body.premium-ui h1 {
  letter-spacing: -.04em !important;
  font-size: clamp(2.8rem, 5vw, 4.5rem) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui h2, html[data-camixel-theme] body.premium-ui .section-title {
  letter-spacing: -.03em !important;
  font-size: clamp(2rem, 3vw, 3.05rem) !important;
  font-weight: 750 !important;
  line-height: 1.05 !important;
}

html[data-camixel-theme] body.premium-ui .hero-line[style] {
  font-size: inherit !important;
  color: var(--cx-green) !important;
  letter-spacing: .12em !important;
}

html[data-camixel-theme] body.premium-ui section:not(.hero):not(.hero-section):not(.ptz-hero):not(.events-hero):not(.sol-hero):not(.cat-hero):not(.about-hero):not(.ewaste-hero) {
  padding-block: clamp(64px, 5vw, 96px) !important;
}

html[data-camixel-theme] body.premium-ui :where(.commerce-card, .product-card, .model-card, .ptz-cat-card, .vm-card, .pillar-card, .trust-card, .support-card, .value-card, .i-card, .ws-card, .tl-card) {
  border-radius: var(--cx-radius) !important;
}

html[data-camixel-theme] body.premium-ui .hero, html[data-camixel-theme] body.premium-ui .hero-section, html[data-camixel-theme] body.premium-ui .ptz-hero, html[data-camixel-theme] body.premium-ui .events-hero, html[data-camixel-theme] body.premium-ui .sol-hero, html[data-camixel-theme] body.premium-ui .cat-hero, html[data-camixel-theme] body.premium-ui .about-hero, html[data-camixel-theme] body.premium-ui .ewaste-hero {
  height: auto !important;
  min-height: min(78vh, 820px) !important;
}

html[data-camixel-theme] body.premium-ui .hero-mesh-glow, html[data-camixel-theme] body.premium-ui .hero-grid-overlay, html[data-camixel-theme] body.premium-ui .hero-scroll-hint, html[data-camixel-theme] body.premium-ui .scroll-line, html[data-camixel-theme] body.premium-ui .senn-waveform {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui .hero-overlay, html[data-camixel-theme] body.premium-ui .hero .hero-overlay, html[data-camixel-theme] body.premium-ui .hero-bg-wrapper .hero-overlay, html[data-camixel-theme] body.premium-ui [style*="rgba(5, 13, 9"] {
  opacity: 1 !important;
  background: linear-gradient(90deg, #000000b8 0%, #0000007a 48%, #0000001f 72%, #0000 88%) !important;
}

html[data-camixel-theme] body.premium-ui .hero-content, html[data-camixel-theme] body.premium-ui .ptz-hero-content, html[data-camixel-theme] body.premium-ui .cat-hero-content, html[data-camixel-theme] body.premium-ui .support-hero-content, html[data-camixel-theme] body.premium-ui .about-hero-content, html[data-camixel-theme] body.premium-ui .ewaste-hero-content {
  text-align: left !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: min(100% - 32px, 680px) !important;
  max-width: 680px !important;
  margin-left: clamp(20px, 4vw, 48px) !important;
  margin-right: auto !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .hero-content h1, html[data-camixel-theme] body.premium-ui .hero-headline, html[data-camixel-theme] body.premium-ui .ptz-hero-title, html[data-camixel-theme] body.premium-ui .cat-hero h1, html[data-camixel-theme] body.premium-ui .support-hero h1 {
  text-align: left !important;
  text-shadow: 0 2px 12px #00000073 !important;
  align-self: stretch !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.premium-ui .hero-content .hero-sub, html[data-camixel-theme] body.premium-ui .hero-content p, html[data-camixel-theme] body.premium-ui .ptz-hero-content p {
  text-align: left !important;
  text-shadow: 0 1px 8px #00000059 !important;
  align-self: stretch !important;
  max-width: 640px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.premium-ui .hero-content .hero-actions {
  text-align: left !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  gap: 12px !important;
  margin: 8px 0 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .hero-content .pill, html[data-camixel-theme] body.premium-ui .hero-content .section-tag {
  text-align: left !important;
  align-self: flex-start !important;
  margin-left: 0 !important;
}

@media (width <= 768px) {
  html[data-camixel-theme] body.premium-ui .hero-content, html[data-camixel-theme] body.premium-ui .ptz-hero-content, html[data-camixel-theme] body.premium-ui .cat-hero-content {
    max-width: calc(100% - 32px) !important;
    margin-left: 16px !important;
  }
}

html[data-camixel-theme] body.page-blackmagic .hero {
  aspect-ratio: auto !important;
  background: #050807 !important;
  height: min(78vh, 820px) !important;
  min-height: min(78vh, 820px) !important;
  max-height: 820px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-blackmagic .hero-bg-wrapper {
  z-index: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #050807 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-blackmagic .hero-video-bg {
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform-origin: 50% !important;
  filter: brightness(1.1) contrast(1.12) saturate(1.16) !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  image-rendering: -webkit-optimize-contrast !important;
  display: block !important;
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) scale(1.35) !important;
}

html[data-camixel-theme] body.page-blackmagic .hero-video-bg[poster] {
  background: #050807 !important;
}

html[data-camixel-theme] body.page-blackmagic .hero-content {
  z-index: 3 !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-blackmagic .hero-overlay {
  z-index: 1 !important;
  pointer-events: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.prod-img-wrap, .model-card-img, .ptz-img-frame, .product-image, .product-img, .commerce-card-img) {
  background: var(--cx-theme-muted-surface) !important;
  border-bottom: 1px solid var(--cx-line) !important;
}

html[data-camixel-theme] body.premium-ui :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  background: var(--cx-theme-field) !important;
  border: 1px solid var(--cx-theme-field-border) !important;
  color: var(--cx-ink) !important;
  border-radius: 8px !important;
}

html[data-camixel-theme] body.premium-ui :where(input, textarea)::placeholder {
  color: color-mix(in srgb, var(--cx-body) 72%, transparent) !important;
}

html[data-camixel-theme] body.premium-ui [style*="var(--bg-0)"], html[data-camixel-theme] body.premium-ui [style*="var(--bg-1)"], html[data-camixel-theme] body.premium-ui [style*="var(--bg-2)"] {
  background: var(--cx-cream) !important;
}

html[data-camixel-theme] body.premium-ui .support-pill, html[data-camixel-theme] body.premium-ui .who-tag, html[data-camixel-theme] body.premium-ui .model-spec, html[data-camixel-theme] body.premium-ui .prod-feature-tag {
  background: color-mix(in srgb, var(--cx-theme-muted-surface) 90%, var(--cx-paper)) !important;
  border: 1px solid var(--cx-line) !important;
  color: var(--cx-body) !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-cards-grid, .pillars-grid, .trust-grid, .eco-grid, .i-grid, .ms-grid, .cat-products-grid, .models-grid, .ptz-categories-grid, .flexscan-grid, .solutions-grid, .products-grid, .product-grid, .industries-mega-grid, .arch-grid, .cb-grid, .cv-grid, .color-grid, .events-grid, .gallery-grid, .val-grid, .why-grid, .why-ptz-grid, .team-grid, .warranty-grid, .advantage-grid, .shift-grid, .contact-grid-new, .contact-grid-eizo, .footer-grid, .values-grid, .who-grid, .solution-spec-grid, .pitch-grid, .guidelines-grid, .ewaste-grid) {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .industry-card, .i-card, .value-card, .val-card, .ws-card, .tl-card, .ms-card, .eco-card, .trust-card, .support-card, .solution-card, .product-card, .commerce-card, .model-card, .ptz-cat-card, .event-card, .news-card, .team-card, .office-card, .arch-card, .benefit-card, .cb-card, .color-card, .cs-card, .cv-card, .gallery-card, .why-card, .why-ptz-card, .social-hub-card, .warranty-card, .brand-card) {
  flex-direction: column !important;
  height: 100% !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .vm-cards-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.premium-ui .pillars-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid, html[data-camixel-theme] body.premium-ui .arch-grid, html[data-camixel-theme] body.premium-ui .val-grid, html[data-camixel-theme] body.premium-ui .why-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.premium-ui .industries-mega-grid, html[data-camixel-theme] body.premium-ui .i-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.premium-ui .cat-products-grid, html[data-camixel-theme] body.premium-ui .models-grid, html[data-camixel-theme] body.premium-ui .ptz-categories-grid, html[data-camixel-theme] body.premium-ui .flexscan-grid, html[data-camixel-theme] body.premium-ui .events-grid, html[data-camixel-theme] body.premium-ui .gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.premium-ui .cb-grid, html[data-camixel-theme] body.premium-ui .cv-grid, html[data-camixel-theme] body.premium-ui .color-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .industry-card, .i-card, .value-card, .val-card, .ws-card, .tl-card, .ms-card, .eco-card, .trust-card, .support-card, .solution-card, .product-card, .commerce-card, .model-card, .ptz-cat-card, .event-card, .news-card, .team-card, .office-card, .arch-card, .benefit-card, .cb-card, .color-card, .cs-card, .cv-card, .gallery-card, .why-card, .why-ptz-card, .social-hub-card, .warranty-card, .value-card, .benefit-card, .brand-card) {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: var(--cx-radius) !important;
  height: 100% !important;
  min-height: 0 !important;
  box-shadow: var(--cx-shadow) !important;
  text-align: left !important;
  flex-direction: column !important;
  padding: 24px !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui :where(.product-card, .commerce-card, .model-card, .ptz-cat-card) {
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.product-card, .commerce-card, .model-card, .ptz-cat-card) :where(.product-card-body, .commerce-card-body, .model-card-body, .ptz-card-body, .card-body) {
  flex-direction: column !important;
  flex: 1 !important;
  gap: 10px !important;
  padding: 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.prod-img-wrap, .model-card-img, .ptz-img-frame, .product-image, .commerce-card-img) {
  aspect-ratio: 4 / 3 !important;
  background: var(--cx-theme-muted-surface) !important;
  border-bottom: 1px solid var(--cx-line) !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 220px !important;
  padding: 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.prod-img-wrap img, .model-card-img img, .ptz-img-frame img, .product-image img) {
  object-fit: contain !important;
  width: 100% !important;
  max-width: 92% !important;
  height: 100% !important;
  max-height: 180px !important;
}

html[data-camixel-theme] body.premium-ui .industry-tile {
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui .industry-tile-content {
  flex-direction: column !important;
  flex: 1 !important;
  gap: 8px !important;
  padding: 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .industry-tile-img {
  aspect-ratio: 16 / 10 !important;
  background-position: 50% !important;
  background-size: cover !important;
  border-bottom: 0 !important;
  min-height: 180px !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .product-card, .model-card, .ptz-cat-card) :where(h3, h4) {
  color: var(--cx-ink) !important;
  letter-spacing: -.02em !important;
  margin: 0 0 8px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .product-card, .model-card, .ptz-cat-card) p {
  color: var(--cx-body) !important;
  flex: 1 !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] body.premium-ui .vm-badge, html[data-camixel-theme] body.premium-ui .prod-feature-tag, html[data-camixel-theme] body.premium-ui .model-card-badge {
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  background: color-mix(in srgb, var(--cx-green) 12%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 24%, var(--cx-line)) !important;
  color: var(--cx-green-strong) !important;
  border-radius: 6px !important;
  align-self: flex-start !important;
  padding: 4px 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .product-card, .model-card, .ptz-cat-card, .trust-card, .support-card):hover {
  border-color: color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

html[data-camixel-theme] body.premium-ui .ptz-categories-grid, html[data-camixel-theme] body.premium-ui .cat-products-grid, html[data-camixel-theme] body.premium-ui .models-grid {
  align-items: stretch !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card {
  flex-direction: column !important;
  height: 100% !important;
  min-height: 440px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card .vm-badge {
  margin: 14px 18px 0 !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card h3 {
  min-height: 22px !important;
  margin: 8px 18px 0 !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card p {
  flex: auto !important;
  min-height: 64px !important;
  margin: 8px 18px 0 !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card .btn, html[data-camixel-theme] body.premium-ui .ptz-cat-card .btn-outline-sm {
  justify-content: center !important;
  width: calc(100% - 36px) !important;
  margin: auto 18px 18px !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-body, .product-card-body, .commerce-card-body) {
  flex-direction: column !important;
  flex: 1 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-actions, .product-actions, .card-actions) {
  margin-top: auto !important;
  padding-top: 12px !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card, .val-card, .ws-card, .tl-card, .ms-card, .industry-tile, .industry-card) p {
  flex: auto !important;
  min-height: 48px !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card, .ws-card, .tl-card, .ms-card, .industry-tile) .btn {
  margin-top: auto !important;
}

html[data-camixel-theme] body.premium-ui .product-card h4 {
  align-items: center !important;
  min-height: 44px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .industry-tile-content p {
  flex: 1 !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui :where(.pillars-grid, .trust-grid, .arch-grid, .val-grid, .why-grid, .industries-mega-grid, .i-grid, .cat-products-grid, .models-grid, .ptz-categories-grid, .flexscan-grid, .events-grid, .gallery-grid, .cb-grid, .cv-grid, .color-grid, .eco-grid, .team-grid, .warranty-grid, .advantage-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 900px) {
  html[data-camixel-theme] body.premium-ui :where(.vm-cards-grid, .who-grid, .lead-grid, .contact-grid-new, .contact-grid-eizo) {
    grid-template-columns: 1fr !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui :where(.vm-cards-grid, .pillars-grid, .trust-grid, .arch-grid, .val-grid, .why-grid, .industries-mega-grid, .i-grid, .cat-products-grid, .models-grid, .ptz-categories-grid, .flexscan-grid, .events-grid, .gallery-grid, .cb-grid, .cv-grid, .color-grid, .eco-grid, .team-grid, .warranty-grid) {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .product-card, .model-card, .ptz-cat-card, .arch-card, .cb-card, .cv-card, .color-card, .gallery-card, .why-card, .why-ptz-card) {
    padding: 20px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.product-card, .commerce-card, .model-card, .ptz-cat-card, .arch-card, .cb-card) {
    padding: 0 !important;
  }
}

html[data-camixel-theme] body.premium-ui .reveal, html[data-camixel-theme] body.premium-ui .reveal.visible, html[data-camixel-theme] body.premium-ui .reveal:not(.visible) {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.industry-tile, .industry-tile-img, .ptz-img-frame, .prod-img-wrap, .model-card-img, .tl-img-ph, .brand-logo-img, .mega-logo-stage, .hero-bg-wrapper, .ptz-hero-media) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui .industry-tile-img {
  background-color: #0000 !important;
}

html[data-camixel-theme] body.premium-ui img, html[data-camixel-theme] body.premium-ui picture img, html[data-camixel-theme] body.premium-ui .tl-img-ph, html[data-camixel-theme] body.premium-ui .prod-img-wrap img, html[data-camixel-theme] body.premium-ui .model-card-img img, html[data-camixel-theme] body.premium-ui .ptz-img-frame img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui video, html[data-camixel-theme] body.premium-ui .hero-video-bg, html[data-camixel-theme] body.premium-ui .ptz-hero-video-bg, html[data-camixel-theme] body.premium-ui .hero-video {
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: cover !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui [style*="left:-9999px"]:not(input[name="_honey"]) {
  opacity: 1 !important;
  pointer-events: auto !important;
  position: static !important;
  left: auto !important;
}

html[data-camixel-theme] body.premium-ui .industry-tile-img[style*="industries"] {
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-camixel-theme] body.premium-ui .value-card .value-num, html[data-camixel-theme] body.premium-ui .why-card .why-icon {
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  color: var(--cx-ink) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .trust-card .trust-check {
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  font-size: 18px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:first-child .trust-check:before {
  content: "📦" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(2) .trust-check:before {
  content: "🎓" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(3) .trust-check:before {
  content: "💡" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(4) .trust-check:before {
  content: "🗺️" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(5) .trust-check:before {
  content: "🎬" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(6) .trust-check:before {
  content: "🎓" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(7) .trust-check:before {
  content: "🔧" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(8) .trust-check:before {
  content: "🛠️" !important;
}

html[data-camixel-theme] body.premium-ui .trust-grid .trust-card:nth-child(9) .trust-check:before {
  content: "🤝" !important;
}

html[data-camixel-theme] body.premium-ui .i-card .i-icon {
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 0 14px !important;
  font-size: 18px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .i-card .i-icon:empty:before {
  content: "📍" !important;
}

html[data-camixel-theme] body.premium-ui .i-grid .i-card:nth-child(2) .i-icon:empty:before {
  content: "🏢" !important;
}

html[data-camixel-theme] body.premium-ui .i-grid .i-card:nth-child(3) .i-icon:empty:before {
  content: "🏭" !important;
}

html[data-camixel-theme] body.premium-ui .i-grid .i-card:nth-child(4) .i-icon:empty:before {
  content: "🎥" !important;
}

html[data-camixel-theme] body.premium-ui .ws-card {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 148px !important;
}

html[data-camixel-theme] body.premium-ui .ws-card .ws-num {
  color: var(--cx-green) !important;
  letter-spacing: -.04em !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html[data-camixel-theme] body.premium-ui .ws-card .ws-label {
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--cx-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.premium-ui .tl-dot {
  background: var(--cx-green) !important;
  border: 2px solid var(--cx-paper) !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  min-height: 12px !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cx-green) 30%, transparent) !important;
  border-radius: 50% !important;
  flex: 0 0 12px !important;
}

html[data-camixel-theme] body.premium-ui .tl-card {
  gap: 14px !important;
}

html[data-camixel-theme] body.premium-ui .tl-card .tl-img-ph {
  border-radius: 8px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .why-grid, html[data-camixel-theme] body.premium-ui .values-grid, html[data-camixel-theme] body.premium-ui .warranty-grid, html[data-camixel-theme] body.premium-ui .support-grid, html[data-camixel-theme] body.premium-ui .contact-support-grid, html[data-camixel-theme] body.premium-ui .ptz-spotlight-grid, html[data-camixel-theme] body.premium-ui .faq-grid, html[data-camixel-theme] body.premium-ui .solution-final-grid {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
}

html[data-camixel-theme] body.page-blackmagic .support-card {
  text-align: left !important;
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  height: 100% !important;
  min-height: 178px !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 22px 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-blackmagic .support-card .support-icon {
  text-align: center !important;
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  color: var(--cx-ink) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: grid !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-blackmagic .support-card .support-icon:before {
  text-align: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: block !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:first-child .support-icon:before {
  content: "💬" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:nth-child(2) .support-icon:before {
  content: "🎬" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:nth-child(3) .support-icon:before {
  content: "🔧" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:nth-child(4) .support-icon:before {
  content: "🗺️" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:nth-child(5) .support-icon:before {
  content: "🎓" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:nth-child(6) .support-icon:before {
  content: "🛠️" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-grid .support-card:nth-child(7) .support-icon:before {
  content: "💡" !important;
}

html[data-camixel-theme] body.page-blackmagic .support-card h4 {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.page-blackmagic .support-card p {
  color: var(--cx-body) !important;
  flex: 1 !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.page-blackmagic .support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.page-blackmagic .support-grid {
    grid-template-columns: 1fr !important;
  }
}

html[data-camixel-theme] body.page-blackmagic .bm-contact {
  background: var(--cx-cream) !important;
  padding: clamp(64px, 6vw, 96px) 0 !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-split {
  grid-template-columns: 1fr 1.25fr !important;
  align-items: start !important;
  gap: clamp(32px, 5vw, 56px) !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-left h2 {
  letter-spacing: -.03em !important;
  color: var(--cx-ink) !important;
  margin-bottom: 16px !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-left > p {
  color: var(--cx-body) !important;
  margin-bottom: 24px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html[data-camixel-theme] body.page-blackmagic .coverage-badges {
  gap: 10px !important;
  margin-bottom: 28px !important;
}

html[data-camixel-theme] body.page-blackmagic .coverage-badge {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  color: var(--cx-body) !important;
  border-radius: 100px !important;
  padding: 8px 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-info-block {
  gap: 14px !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-form-wrap {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 16px !important;
  padding: 28px !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-form-wrap h3 {
  color: var(--cx-ink) !important;
  margin-bottom: 20px !important;
  font-size: 16px !important;
  font-weight: 750 !important;
}

html[data-camixel-theme] body.page-blackmagic .frow {
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-blackmagic .fg {
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 14px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-blackmagic .fg label {
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--cx-ink) !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.page-blackmagic :where(.fg input, .fg select, .fg textarea) {
  background: var(--cx-theme-field) !important;
  border: 1px solid var(--cx-theme-field-border) !important;
  width: 100% !important;
  min-height: 44px !important;
  color: var(--cx-ink) !important;
  border-radius: 8px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  transition: border-color .18s, box-shadow .18s !important;
}

html[data-camixel-theme] body.page-blackmagic .fg textarea {
  resize: vertical !important;
  min-height: 88px !important;
}

html[data-camixel-theme] body.page-blackmagic :where(.fg input, .fg select, .fg textarea)::placeholder {
  color: color-mix(in srgb, var(--cx-body) 70%, transparent) !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.page-blackmagic :where(.fg input, .fg select, .fg textarea):focus {
  border-color: var(--cx-green) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cx-green) 22%, transparent) !important;
  outline: none !important;
}

html[data-camixel-theme] body.page-blackmagic .contact-form-wrap .btn.btn-primary[type="submit"] {
  border-radius: 100px !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 6px !important;
  font-weight: 700 !important;
}

@media (width <= 900px) {
  html[data-camixel-theme] body.page-blackmagic .contact-split, html[data-camixel-theme] body.page-blackmagic .frow {
    grid-template-columns: 1fr !important;
  }
}

html[data-camixel-theme] .workflow-section {
  background: var(--cx-cream) !important;
}

html[data-camixel-theme] .workflow-diagram {
  background: var(--cx-paper) !important;
  border: 1.5px solid color-mix(in srgb, var(--cx-green) 30%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 16px !important;
  gap: 12px !important;
  padding: 28px 20px !important;
}

html[data-camixel-theme] .wf-step-node {
  background: var(--cx-green) !important;
  border: 1.5px solid var(--cx-green) !important;
  color: #07110c !important;
  letter-spacing: .02em !important;
  min-width: 0 !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--cx-green) 25%, transparent) !important;
  border-radius: 100px !important;
  padding: 12px 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] .wf-arrow-next {
  color: var(--cx-green) !important;
  opacity: 1 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] .wf-compat-brands {
  gap: 8px !important;
  margin-top: 20px !important;
}

html[data-camixel-theme] .wf-compat-chip {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  color: var(--cx-body) !important;
  border-radius: 100px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-camixel-theme] .wf-compat-chip strong {
  color: var(--cx-ink) !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] .final-cta, html[data-camixel-theme] .ptz-cta-banner, html[data-camixel-theme] .cta-band, html[data-camixel-theme] .lead-section, html[data-camixel-theme] .cta-section {
  text-align: center !important;
}

html[data-camixel-theme] .final-cta .container, html[data-camixel-theme] .ptz-cta-banner .container, html[data-camixel-theme] .cta-band .container, html[data-camixel-theme] .cta-band .cta-inner, html[data-camixel-theme] .lead-section .container {
  text-align: center !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] .final-cta h2, html[data-camixel-theme] .ptz-cta-banner h2, html[data-camixel-theme] .cta-band h2, html[data-camixel-theme] .cta-band .section-title, html[data-camixel-theme] .final-cta .section-title {
  text-align: center !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] .final-cta p, html[data-camixel-theme] .ptz-cta-banner p, html[data-camixel-theme] .cta-band p, html[data-camixel-theme] .cta-band .section-desc, html[data-camixel-theme] .final-cta .section-desc {
  text-align: center !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] .final-cta-btns, html[data-camixel-theme] .ptz-cta-banner .hero-actions, html[data-camixel-theme] .cta-band .cta-actions, html[data-camixel-theme] .cta-actions, html[data-camixel-theme] .hero-actions {
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
}

html[data-camixel-theme] .final-cta .container > *, html[data-camixel-theme] .ptz-cta-banner .container > *, html[data-camixel-theme] .cta-band .container > * {
  text-align: center !important;
}

html[data-camixel-theme] .eco-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
}

html[data-camixel-theme] .eco-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  height: 100% !important;
  min-height: 268px !important;
  box-shadow: var(--cx-shadow) !important;
  text-align: left !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  padding: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme] .eco-card:before {
  display: none !important;
}

html[data-camixel-theme] .eco-card .eco-icon {
  border: 0 !important;
  border-bottom: 1px solid var(--cx-line) !important;
  color: #fff !important;
  background: radial-gradient(#58c99b2e 0%, #0000 70%), linear-gradient(#0f1412 0%, #0a0f0d 100%) !important;
  border-radius: 0 !important;
  flex: 0 0 148px !important;
  place-items: center !important;
  width: 100% !important;
  height: 148px !important;
  min-height: 148px !important;
  margin: 0 !important;
  font-size: 0 !important;
  display: grid !important;
  position: relative !important;
}

html[data-camixel-theme] .eco-card .eco-icon:before {
  filter: drop-shadow(0 2px 8px #58c99b59) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  display: block !important;
}

html[data-camixel-theme] .eco-grid .eco-card:first-child .eco-icon:before {
  content: "📡" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(2) .eco-icon:before {
  content: "🎙️" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(3) .eco-icon:before {
  content: "🏢" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(4) .eco-icon:before {
  content: "💼" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(5) .eco-icon:before {
  content: "🎥" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(6) .eco-icon:before {
  content: "🎬" !important;
}

html[data-camixel-theme] .eco-card .eco-icon:after {
  content: attr(data-eco-num) !important;
  color: #ffffffd9 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  display: grid !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
}

html[data-camixel-theme] .eco-grid .eco-card:first-child .eco-icon:after {
  content: "01" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(2) .eco-icon:after {
  content: "02" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(3) .eco-icon:after {
  content: "03" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(4) .eco-icon:after {
  content: "04" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(5) .eco-icon:after {
  content: "05" !important;
}

html[data-camixel-theme] .eco-grid .eco-card:nth-child(6) .eco-icon:after {
  content: "06" !important;
}

html[data-camixel-theme] .eco-card h3 {
  color: var(--cx-ink) !important;
  margin: 0 !important;
  padding: 16px 18px 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] .eco-card p {
  color: var(--cx-body) !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 6px 18px 12px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] .eco-card .eco-badge {
  letter-spacing: .06em !important;
  border-radius: 100px !important;
  align-self: flex-start !important;
  margin: 0 18px 16px !important;
  padding: 4px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

@media (width <= 900px) {
  html[data-camixel-theme] .eco-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] .eco-grid {
    grid-template-columns: 1fr !important;
  }
}

html[data-camixel-theme] .advantage-section {
  background: var(--cx-cream) !important;
}

html[data-camixel-theme] .advantage-grid {
  grid-template-columns: 1.15fr .85fr !important;
  align-items: start !important;
  gap: clamp(32px, 5vw, 56px) !important;
  margin-top: 40px !important;
}

html[data-camixel-theme] .advantage-point {
  align-items: flex-start !important;
  gap: 16px !important;
}

html[data-camixel-theme] .advantage-point .adv-icon {
  text-align: center !important;
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  color: var(--cx-ink) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: grid !important;
}

html[data-camixel-theme] .advantage-point .adv-icon:before {
  font-size: 18px !important;
  line-height: 1 !important;
  display: block !important;
}

html[data-camixel-theme] .advantage-grid .advantage-point:first-child .adv-icon:before {
  content: "🏆" !important;
}

html[data-camixel-theme] .advantage-grid .advantage-point:nth-child(2) .adv-icon:before {
  content: "🛠️" !important;
}

html[data-camixel-theme] .advantage-grid .advantage-point:nth-child(3) .adv-icon:before {
  content: "🔗" !important;
}

html[data-camixel-theme] .advantage-grid .advantage-point:nth-child(4) .adv-icon:before {
  content: "💬" !important;
}

html[data-camixel-theme] .advantage-grid .advantage-point:nth-child(5) .adv-icon:before {
  content: "🚀" !important;
}

html[data-camixel-theme] .advantage-point .adv-text h4 {
  color: var(--cx-ink) !important;
  margin-bottom: 6px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] .advantage-point .adv-text p {
  color: var(--cx-body) !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] .advantage-statement {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  box-shadow: var(--cx-shadow) !important;
  text-align: center !important;
  border-radius: 16px !important;
  padding: 28px !important;
}

html[data-camixel-theme] .advantage-statement .senn-logo-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  width: 100% !important;
  margin-bottom: 18px !important;
  padding: 16px !important;
  display: block !important;
}

html[data-camixel-theme] .advantage-statement .senn-logo-box img {
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
  max-height: 320px !important;
  display: block !important;
}

html[data-camixel-theme] .advantage-statement blockquote {
  color: var(--cx-ink) !important;
  text-align: center !important;
  margin-bottom: 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

html[data-camixel-theme] .advantage-statement blockquote span {
  color: var(--cx-green) !important;
}

html[data-camixel-theme] .advantage-statement > p {
  color: var(--cx-body) !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] .advantage-statement div[style*="flex-direction:column"] {
  text-align: left !important;
  gap: 10px !important;
}

html[data-camixel-theme] .advantage-statement div[style*="flex-direction:column"] > div {
  color: var(--cx-body) !important;
  gap: 10px !important;
  font-size: 12.5px !important;
}

html[data-camixel-theme] .advantage-statement div[style*="flex-direction:column"] > div span:first-child:before {
  content: "✓" !important;
  color: var(--cx-green) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

@media (width <= 1024px) {
  html[data-camixel-theme] .advantage-grid {
    grid-template-columns: 1fr !important;
  }
}

html[data-camixel-theme] .faq-section, html[data-camixel-theme] .faq-editorial-section, html[data-camixel-theme] .eizo-faq-section {
  background: var(--cx-cream) !important;
}

html[data-camixel-theme] .faq-list, html[data-camixel-theme] .faq-grid, html[data-camixel-theme] .faq-editorial-list, html[data-camixel-theme] .faq-editorial-list.faq-grid {
  border: 0 !important;
  gap: 12px !important;
  margin-top: 32px !important;
  padding: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] .faq-item, html[data-camixel-theme] .faq-editorial-section .faq-item, html[data-camixel-theme] details.faq-item {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: border-color .18s, box-shadow .18s, transform .18s !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] .faq-item:hover {
  border-color: color-mix(in srgb, var(--cx-green) 24%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

html[data-camixel-theme] .faq-item[open] {
  border-color: color-mix(in srgb, var(--cx-green) 36%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow-hover) !important;
}

html[data-camixel-theme] .faq-item:before, html[data-camixel-theme] .faq-editorial-section .faq-item:before {
  content: none !important;
  display: none !important;
}

html[data-camixel-theme] .faq-question, html[data-camixel-theme] .faq-editorial-question, html[data-camixel-theme] details.faq-item > summary.faq-question {
  letter-spacing: -.015em !important;
  min-height: 56px !important;
  color: var(--cx-ink) !important;
  cursor: pointer !important;
  user-select: none !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 16px 56px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  list-style: none !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] .faq-question::-webkit-details-marker {
  display: none !important;
}

html[data-camixel-theme] .faq-question:before, html[data-camixel-theme] .faq-editorial-question:before {
  content: attr(data-faq-index) !important;
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  color: var(--cx-green-strong) !important;
  letter-spacing: .02em !important;
  border-radius: 50% !important;
  place-items: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: grid !important;
  position: absolute !important;
  top: 50% !important;
  left: 14px !important;
  transform: translateY(-50%) !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="01"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="01"] .faq-editorial-question:before {
  content: "01" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="02"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="02"] .faq-editorial-question:before {
  content: "02" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="03"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="03"] .faq-editorial-question:before {
  content: "03" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="04"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="04"] .faq-editorial-question:before {
  content: "04" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="05"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="05"] .faq-editorial-question:before {
  content: "05" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="06"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="06"] .faq-editorial-question:before {
  content: "06" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="07"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="07"] .faq-editorial-question:before {
  content: "07" !important;
}

html[data-camixel-theme] .faq-item[data-faq-index="08"] .faq-question:before, html[data-camixel-theme] .faq-item[data-faq-index="08"] .faq-editorial-question:before {
  content: "08" !important;
}

html[data-camixel-theme] .faq-question:after {
  content: "+" !important;
  background: color-mix(in srgb, var(--cx-green) 12%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  color: var(--cx-green-strong) !important;
  border-radius: 50% !important;
  place-items: center !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transition: transform .18s, background .18s, color .18s !important;
  display: grid !important;
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) rotate(0) !important;
}

html[data-camixel-theme] .faq-item[open] .faq-question:after {
  content: "×" !important;
  background: var(--cx-green) !important;
  border-color: var(--cx-green) !important;
  color: #07110c !important;
  font-size: 20px !important;
  transform: translateY(-50%) rotate(90deg) !important;
}

html[data-camixel-theme] .faq-answer, html[data-camixel-theme] .faq-editorial-answer, html[data-camixel-theme] details.faq-item .faq-answer {
  max-width: none !important;
  color: var(--cx-body) !important;
  border-top: 1px solid color-mix(in srgb, var(--cx-line) 70%, transparent) !important;
  margin: 0 !important;
  padding: 14px 56px 18px !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}

html[data-camixel-theme] .faq-answer a {
  color: var(--cx-green-strong) !important;
  text-underline-offset: 2px !important;
  text-decoration: underline !important;
}

html[data-camixel-theme] .faq-editorial-question {
  cursor: default !important;
}

html[data-camixel-theme] body.premium-ui .card-tag {
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  background: color-mix(in srgb, var(--cx-green) 12%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 24%, var(--cx-line)) !important;
  color: var(--cx-green-strong) !important;
  border-radius: 6px !important;
  align-self: flex-start !important;
  padding: 4px 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui .card-link-text {
  color: var(--cx-green-strong) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.premium-ui .model-card-link {
  color: var(--cx-green-strong) !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.premium-ui .warranty-brand-icon {
  background: var(--cx-black) !important;
  width: 42px !important;
  height: 42px !important;
  color: var(--cx-green) !important;
  letter-spacing: .02em !important;
  border-radius: 8px !important;
  place-items: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  display: grid !important;
}

html[data-camixel-theme] .why-ptz-section {
  background: var(--cx-cream) !important;
}

html[data-camixel-theme] .why-ptz-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin-top: 32px !important;
  display: grid !important;
}

html[data-camixel-theme] .why-ptz-card {
  text-align: left !important;
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  height: 100% !important;
  min-height: 178px !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 20px 18px !important;
  transition: border-color .18s, box-shadow .18s, transform .18s !important;
  display: flex !important;
}

html[data-camixel-theme] .why-ptz-card:hover {
  border-color: color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  box-shadow: var(--cx-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

html[data-camixel-theme] body.premium-ui .why-ptz-card .ptz-icon, html[data-camixel-theme] .why-ptz-card .ptz-icon {
  text-align: center !important;
  background: color-mix(in srgb, var(--cx-green) 14%, var(--cx-paper)) !important;
  border: 1px solid color-mix(in srgb, var(--cx-green) 28%, var(--cx-line)) !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  color: var(--cx-ink) !important;
  border-radius: 50% !important;
  flex: 0 0 42px !important;
  align-self: flex-start !important;
  place-items: center !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: grid !important;
  overflow: hidden !important;
}

html[data-camixel-theme] .why-ptz-card .ptz-icon:before {
  text-align: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: block !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:first-child .ptz-icon:before {
  content: "🎯" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(2) .ptz-icon:before {
  content: "📷" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(3) .ptz-icon:before {
  content: "⚡" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(4) .ptz-icon:before {
  content: "🔗" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(5) .ptz-icon:before {
  content: "🔌" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(6) .ptz-icon:before {
  content: "🌐" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(7) .ptz-icon:before {
  content: "🎮" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(8) .ptz-icon:before {
  content: "🏆" !important;
}

html[data-camixel-theme] .why-ptz-card h3 {
  color: var(--cx-ink) !important;
  text-align: left !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] .why-ptz-card p {
  color: var(--cx-body) !important;
  text-align: left !important;
  flex: 1 !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] .why-ptz-card {
  position: relative !important;
}

html[data-camixel-theme] .why-ptz-card:after {
  content: attr(data-ptz-index) !important;
  letter-spacing: .06em !important;
  color: color-mix(in srgb, var(--cx-body) 55%, transparent) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:first-child:after {
  content: "01" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(2):after {
  content: "02" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(3):after {
  content: "03" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(4):after {
  content: "04" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(5):after {
  content: "05" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(6):after {
  content: "06" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(7):after {
  content: "07" !important;
}

html[data-camixel-theme] .why-ptz-grid .why-ptz-card:nth-child(8):after {
  content: "08" !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] .why-ptz-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] .why-ptz-grid {
    grid-template-columns: 1fr !important;
  }
}

html[data-camixel-theme] {
  overflow-x: clip !important;
}

html[data-camixel-theme] body.premium-ui {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

html[data-camixel-theme] body.premium-ui img, html[data-camixel-theme] body.premium-ui video {
  max-width: 100% !important;
  height: auto !important;
}

html[data-camixel-theme] body.premium-ui .container {
  width: min(100% - 24px, 1280px) !important;
  max-width: 1280px !important;
}

@media (width <= 1024px) {
  html[data-camixel-theme] body.premium-ui .container {
    width: min(100% - 24px, 1280px) !important;
  }

  html[data-camixel-theme] .advantage-grid, html[data-camixel-theme] .contact-split, html[data-camixel-theme] .lead-grid, html[data-camixel-theme] body.page-blackmagic .contact-split {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-info {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html[data-camixel-theme] body.page-blackmagic .cat-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (width <= 768px) {
  html[data-camixel-theme] body.premium-ui .hero-content, html[data-camixel-theme] body.premium-ui .ptz-hero-content {
    padding-top: 88px !important;
    padding-bottom: 72px !important;
  }

  html[data-camixel-theme] body.premium-ui h1, html[data-camixel-theme] body.premium-ui .hero-headline {
    font-size: clamp(28px, 7vw, 44px) !important;
    line-height: 1.05 !important;
  }

  html[data-camixel-theme] body.premium-ui h2, html[data-camixel-theme] body.premium-ui .section-title {
    font-size: clamp(22px, 6vw, 32px) !important;
  }

  html[data-camixel-theme] body.premium-ui .section-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  html[data-camixel-theme] .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] .workflow-diagram {
    flex-direction: column !important;
    padding: 20px 16px !important;
  }

  html[data-camixel-theme] .wf-step-node {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html[data-camixel-theme] .wf-arrow-next {
    transform: rotate(90deg) !important;
  }

  html[data-camixel-theme] .final-cta .container, html[data-camixel-theme] .ptz-cta-banner .container {
    padding: 0 16px !important;
  }

  html[data-camixel-theme] .faq-question, html[data-camixel-theme] .faq-editorial-question {
    padding: 14px 48px !important;
    font-size: 13px !important;
  }

  html[data-camixel-theme] .faq-answer {
    padding: 0 48px 14px !important;
  }
}

@media (width <= 480px) {
  html[data-camixel-theme] body.premium-ui .container {
    width: calc(100% - 20px) !important;
  }

  html[data-camixel-theme] body.premium-ui section:not(.hero):not(.hero-section):not(.ptz-hero):not(.events-hero):not(.sol-hero):not(.cat-hero):not(.about-hero):not(.ewaste-hero) {
    padding-block: 48px !important;
  }

  html[data-camixel-theme] .nav-container {
    gap: 12px !important;
    width: calc(100% - 20px) !important;
  }

  html[data-camixel-theme] body.premium-ui .btn, html[data-camixel-theme] body.premium-ui .btn-primary, html[data-camixel-theme] body.premium-ui .nav-cta-link {
    min-height: 44px !important;
  }

  html[data-camixel-theme] .faq-question:before {
    width: 28px !important;
    height: 28px !important;
    font-size: 10px !important;
    left: 10px !important;
  }

  html[data-camixel-theme] .faq-question:after {
    width: 28px !important;
    height: 28px !important;
    right: 10px !important;
  }

  html[data-camixel-theme] .faq-question {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }

  html[data-camixel-theme] .faq-answer {
    padding-left: 46px !important;
    padding-right: 16px !important;
  }

  html[data-camixel-theme] .contact-form-wrap, html[data-camixel-theme] .contact-form, html[data-camixel-theme] .contact-form-eizo {
    padding: 20px !important;
  }

  html[data-camixel-theme] .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (width <= 375px) {
  html[data-camixel-theme] body.premium-ui .hero-headline {
    font-size: 26px !important;
  }

  html[data-camixel-theme] body.premium-ui .section-title {
    font-size: 22px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.pill, .section-tag) {
    font-size: 10px !important;
  }

  html[data-camixel-theme] .product-card .prod-img-wrap {
    min-height: 220px !important;
  }

  html[data-camixel-theme] .product-card .prod-img-wrap img {
    max-height: 160px !important;
  }
}

@media (width >= 1440px) {
  html[data-camixel-theme] body.premium-ui .container {
    max-width: 1320px !important;
  }

  html[data-camixel-theme] body.premium-ui .hero-content {
    max-width: 760px !important;
  }
}

html[data-camixel-theme] body.premium-ui :where(.advantage-grid, .arch-grid, .cat-hero-grid, .cat-products-grid, .cb-grid, .color-grid, .contact-grid-eizo, .contact-grid-new, .contact-support-grid, .cv-grid, .eco-grid, .events-grid, .ewaste-grid, .faq-grid, .footer-grid, .form-grid-2, .gallery-grid, .guidelines-grid, .i-grid, .industries-mega-grid, .interests-grid, .lead-grid, .mega-brand-grid, .models-grid, .pillars-grid, .pitch-grid, .ptz-categories-grid, .ptz-spotlight-grid, .shift-grid, .solution-final-grid, .solution-spec-grid, .solutions-grid, .support-grid, .team-grid, .trust-grid, .val-grid, .values-grid, .vm-cards-grid, .warranty-grid, .who-grid, .why-grid, .why-ptz-grid, .detail-inner) {
  align-items: stretch !important;
  gap: 20px !important;
}

html[data-camixel-theme] .compare-table-wrap {
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid var(--cx-line) !important;
  background: var(--cx-paper) !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 12px !important;
  overflow-x: auto !important;
}

html[data-camixel-theme] .compare-table {
  border-collapse: collapse !important;
  background: var(--cx-paper) !important;
  width: 100% !important;
  min-width: 720px !important;
}

html[data-camixel-theme] .compare-table th, html[data-camixel-theme] .compare-table td {
  text-align: left !important;
  vertical-align: middle !important;
  border-bottom: 1px solid var(--cx-line) !important;
  padding: 14px 16px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html[data-camixel-theme] .compare-table th {
  background: color-mix(in srgb, var(--cx-green) 8%, var(--cx-paper)) !important;
  color: var(--cx-ink) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] .compare-table td {
  color: var(--cx-body) !important;
}

html[data-camixel-theme] .compare-table .col-featured {
  background: color-mix(in srgb, var(--cx-green) 10%, var(--cx-paper)) !important;
  color: var(--cx-green-strong) !important;
}

html[data-camixel-theme] [style*="grid-template-columns: 1fr 1fr"] {
  gap: 24px !important;
}

@media (width <= 900px) {
  html[data-camixel-theme] [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] .detail-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  html[data-camixel-theme] .i-grid[style*="auto-fit"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] .i-grid[style*="auto-fit"] {
    grid-template-columns: 1fr !important;
  }
}

html[data-camixel-theme] .detail-img, html[data-camixel-theme] .shift-img-wrap, html[data-camixel-theme] .senn-logo-box, html[data-camixel-theme] .ptz-img-frame, html[data-camixel-theme] .prod-img-wrap, html[data-camixel-theme] .model-card-img {
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] .detail-img img, html[data-camixel-theme] .shift-img-wrap img, html[data-camixel-theme] .senn-logo-box img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

html[data-camixel-theme] .eizo-logo-box, html[data-camixel-theme] body.page-eizo .eizo-logo-box, html[data-camixel-theme] body.page-eizo-medical .eizo-logo-box {
  opacity: 1 !important;
  visibility: visible !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  min-height: 72px !important;
  padding: 12px 16px !important;
  display: flex !important;
}

html[data-camixel-theme] .eizo-logo-box img, html[data-camixel-theme] body.page-eizo .eizo-logo-box img {
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
  width: auto !important;
  max-width: 100% !important;
  height: 48px !important;
  display: block !important;
}

html[data-camixel-theme] body.page-eizo .models-grid, html[data-camixel-theme] body.page-eizo-medical .models-grid, html[data-camixel-theme] body.page-eizo .color-grid {
  opacity: 1 !important;
  visibility: visible !important;
  gap: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo .model-card, html[data-camixel-theme] body.page-eizo-medical .model-card {
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-camixel-theme] .detail-img {
  border-radius: 12px !important;
  min-height: 320px !important;
}

@media (width <= 900px) {
  html[data-camixel-theme] .detail-img {
    min-height: 260px !important;
  }
}

html[data-camixel-theme] body.premium-ui .sol-hero {
  background: linear-gradient(#05070aad, #05070aad), url("../../img/camixel/integrated-solution-bg.jpg") 50% / cover no-repeat !important;
}

html[data-camixel-theme] .eizo-brand-section {
  background: var(--cx-paper) !important;
  border-bottom: 1px solid var(--cx-line) !important;
  padding: 20px 0 !important;
}

html[data-camixel-theme] .eizo-brand-inner {
  justify-content: space-between !important;
  align-items: center !important;
  gap: 32px !important;
}

html[data-camixel-theme] .eizo-logo-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 140px !important;
  padding: 12px 16px !important;
  display: flex !important;
}

html[data-camixel-theme] .eizo-logo-box img {
  width: auto !important;
  height: 48px !important;
}

html[data-camixel-theme] .eizo-logo-text h2 {
  color: var(--cx-ink) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] .eizo-logo-text p {
  color: var(--cx-body) !important;
  font-size: 13px !important;
}

html[data-camixel-theme] .eizo-brand-stats {
  gap: 28px !important;
}

html[data-camixel-theme] .eizo-stat strong {
  color: var(--cx-green) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] .eizo-stat span {
  color: var(--cx-body) !important;
  letter-spacing: .08em !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html[data-camixel-theme] body.page-eizo-medical .sidebar-header {
  background: var(--cx-paper) !important;
  border-bottom: 1px solid var(--cx-line) !important;
  padding: 20px 20px 14px !important;
}

html[data-camixel-theme] body.page-eizo-medical .sidebar-title {
  color: var(--cx-ink) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] body.page-eizo-medical .sidebar-subtitle {
  color: var(--cx-body) !important;
  font-size: 12px !important;
}

html[data-camixel-theme] body.page-eizo-medical .med-sidebar {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-eizo-medical .sidebar-search input {
  background: var(--cx-theme-field) !important;
  border: 1px solid var(--cx-theme-field-border) !important;
  color: var(--cx-ink) !important;
  border-radius: 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical .sidebar-search input::placeholder {
  color: var(--cx-body) !important;
  opacity: .7 !important;
}

html[data-camixel-theme] body.page-eizo-medical .filter-section {
  border-bottom: 1px solid var(--cx-line) !important;
}

html[data-camixel-theme] body.page-eizo-medical .filter-section-title {
  color: var(--cx-ink) !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] body.page-eizo-medical .custom-checkbox {
  color: var(--cx-body) !important;
}

html[data-camixel-theme] body.page-eizo-medical .med-layout {
  align-items: flex-start !important;
  gap: 24px !important;
}

html[data-camixel-theme] body.page-eizo-medical .models-grid {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
}

html[data-camixel-theme] body.premium-ui :where(.about-vm-box, .vision-box, .mission-box, .guideline-box, .trust-statement-box) {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  height: 100% !important;
  box-shadow: var(--cx-shadow) !important;
  text-align: left !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 28px 24px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.about-vm-box, .vision-box, .mission-box) h3 {
  color: var(--cx-ink) !important;
  margin: 0 0 8px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] body.premium-ui :where(.about-vm-box, .vision-box, .mission-box, .guideline-box, .trust-statement-box) p {
  color: var(--cx-body) !important;
  flex: 1 !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] body.premium-ui .eizo-logo-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 96px !important;
  padding: 16px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .eizo-logo-box img {
  object-fit: contain !important;
  max-width: 100% !important;
  max-height: 64px !important;
}

html[data-camixel-theme] body.premium-ui :where(.event-card-body, .news-card-body) {
  flex-direction: column !important;
  flex: 1 !important;
  gap: 8px !important;
  padding: 18px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .event-card-img {
  object-fit: cover !important;
  border-radius: 12px 12px 0 0 !important;
  width: 100% !important;
  height: 180px !important;
  display: block !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .ptz-spotlight-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  height: 100% !important;
  box-shadow: var(--cx-shadow) !important;
  text-align: left !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 24px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .ptz-spotlight-card img {
  object-fit: contain !important;
  max-width: 140px !important;
  max-height: 48px !important;
}

html[data-camixel-theme] body.premium-ui .event-popup-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .nav-header {
  background: #0a0c0b !important;
  border-bottom: 1px solid #ffffff12 !important;
  height: 68px !important;
  min-height: 68px !important;
}

html[data-camixel-theme] body.premium-ui .nav-links .nav-link, html[data-camixel-theme] body.premium-ui .nav-links .nav-brands-link {
  color: #a8afa9 !important;
}

html[data-camixel-theme] body.premium-ui .hero, html[data-camixel-theme] body.premium-ui .ptz-hero, html[data-camixel-theme] body.premium-ui .cat-hero {
  min-height: min(78vh, 820px) !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .hero-overlay {
  background: linear-gradient(90deg, #0000008c 0%, #00000047 48%, #0000 88%) !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .i-card, .value-card, .val-card, .ws-card, .tl-card, .trust-card, .support-card, .product-card, .commerce-card, .model-card, .ptz-cat-card, .why-ptz-card, .eco-card, .advantage-point) {
  border: 1px solid var(--cx-line) !important;
  background: var(--cx-paper) !important;
  border-radius: 14px !important;
}

html[data-camixel-theme] body.premium-ui img {
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui .reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui table {
  border-collapse: collapse !important;
  width: 100% !important;
}

html[data-camixel-theme] body.premium-ui .footer {
  background: #101110 !important;
}

html[data-camixel-theme] body.premium-ui .vm-cards-grid, html[data-camixel-theme] body.premium-ui .pillars-grid, html[data-camixel-theme] body.premium-ui .trust-grid, html[data-camixel-theme] body.premium-ui .industries-mega-grid, html[data-camixel-theme] body.premium-ui .i-grid, html[data-camixel-theme] body.premium-ui .eco-grid, html[data-camixel-theme] body.premium-ui .why-ptz-grid, html[data-camixel-theme] body.premium-ui .advantage-grid, html[data-camixel-theme] body.premium-ui .cat-products-grid, html[data-camixel-theme] body.premium-ui .models-grid, html[data-camixel-theme] body.premium-ui .ptz-categories-grid, html[data-camixel-theme] body.premium-ui .support-grid, html[data-camixel-theme] body.premium-ui .values-grid, html[data-camixel-theme] body.premium-ui .val-grid, html[data-camixel-theme] body.premium-ui .why-grid, html[data-camixel-theme] body.premium-ui .team-grid, html[data-camixel-theme] body.premium-ui .warranty-grid {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .vm-card, html[data-camixel-theme] body.premium-ui .pillar-card, html[data-camixel-theme] body.premium-ui .trust-card, html[data-camixel-theme] body.premium-ui .support-card, html[data-camixel-theme] body.premium-ui .i-card, html[data-camixel-theme] body.premium-ui .value-card, html[data-camixel-theme] body.premium-ui .val-card, html[data-camixel-theme] body.premium-ui .why-ptz-card, html[data-camixel-theme] body.premium-ui .eco-card, html[data-camixel-theme] body.premium-ui .product-card, html[data-camixel-theme] body.premium-ui .model-card, html[data-camixel-theme] body.premium-ui .ptz-cat-card {
  background: var(--cx-paper) !important;
  border: 1px solid var(--cx-line) !important;
  height: 100% !important;
  min-height: 178px !important;
  box-shadow: var(--cx-shadow) !important;
  border-radius: 14px !important;
  flex-direction: column !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .eco-card {
  min-height: 268px !important;
}

html[data-camixel-theme] body.premium-ui .product-card .prod-img-wrap {
  min-height: 280px !important;
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui .cat-products-grid, html[data-camixel-theme] body.premium-ui .models-grid, html[data-camixel-theme] body.premium-ui .ptz-categories-grid, html[data-camixel-theme] body.premium-ui .eco-grid, html[data-camixel-theme] body.premium-ui .why-ptz-grid, html[data-camixel-theme] body.premium-ui .support-grid, html[data-camixel-theme] body.premium-ui .trust-grid, html[data-camixel-theme] body.premium-ui .pillars-grid, html[data-camixel-theme] body.premium-ui .industries-mega-grid, html[data-camixel-theme] body.premium-ui .i-grid, html[data-camixel-theme] body.premium-ui .val-grid, html[data-camixel-theme] body.premium-ui .values-grid, html[data-camixel-theme] body.premium-ui .why-grid {
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
    gap: 14px !important;
    padding-bottom: 12px !important;
    display: flex !important;
    overflow: auto hidden !important;
  }

  html[data-camixel-theme] body.premium-ui .cat-products-grid::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .models-grid::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .ptz-categories-grid::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .eco-grid::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .why-ptz-grid::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .support-grid::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .trust-grid::-webkit-scrollbar {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui .cat-products-grid .product-card, html[data-camixel-theme] body.premium-ui .models-grid .model-card, html[data-camixel-theme] body.premium-ui .ptz-categories-grid .ptz-cat-card, html[data-camixel-theme] body.premium-ui .eco-grid .eco-card, html[data-camixel-theme] body.premium-ui .why-ptz-grid .why-ptz-card, html[data-camixel-theme] body.premium-ui .support-grid .support-card, html[data-camixel-theme] body.premium-ui .trust-grid .trust-card, html[data-camixel-theme] body.premium-ui .pillars-grid .pillar-card, html[data-camixel-theme] body.premium-ui .industries-mega-grid .industry-tile, html[data-camixel-theme] body.premium-ui .i-grid .i-card, html[data-camixel-theme] body.premium-ui .val-grid .val-card {
    scroll-snap-align: start !important;
    flex: 0 0 82% !important;
    min-width: 82% !important;
    max-width: 82% !important;
    height: auto !important;
  }
}

body.premium-ui header#navbar {
  background: #0a0c0b !important;
  border-bottom: 1px solid #ffffff14 !important;
  height: 76px !important;
}

body.premium-ui header#navbar > .nav-container {
  gap: 28px !important;
  height: 76px !important;
}

body.premium-ui #nav-links.nav-links {
  gap: 2px !important;
}

body.premium-ui #nav-links :is(.nav-link, .nav-brands-link) {
  color: #94a3b8 !important;
  border: 0 !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
  height: 40px !important;
  padding: 0 12px !important;
  font-weight: 600 !important;
}

body.premium-ui #nav-links :is(.nav-link, .nav-brands-link):hover {
  color: #e6e9e6 !important;
  background: #ffffff0f !important;
  border-radius: 6px !important;
}

body.premium-ui #nav-links :is(.nav-link.active, [aria-current="page"]) {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 2px solid #58c99b !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
}

body.premium-ui #nav-links :is(.nav-link.active, [aria-current="page"]):after {
  background: none !important;
}

html[data-camixel-theme="light"] body.premium-ui #nav-links :is(.nav-link.active, [aria-current="page"]) {
  color: #0f172a !important;
  background: none !important;
  border-color: #0000 #0000 #58c99b !important;
}

body.premium-ui header#navbar .nav-cta {
  gap: 8px !important;
}

body.premium-ui header#navbar .nav-cta > .nav-cta-link, body.premium-ui header#navbar .nav-cta > .nav-cta-secondary {
  border-radius: 6px !important;
}

html[data-camixel-theme] body.premium-ui header#navbar .nav-cta > .nav-cta-link.nav-cta-secondary {
  color: #b9c4bf !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffffff29 !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui header#navbar .nav-cta > .nav-cta-link.nav-cta-secondary:hover, html[data-camixel-theme] body.premium-ui header#navbar .nav-cta > .nav-cta-link.nav-cta-secondary:focus-visible {
  color: #f0f4f2 !important;
  box-shadow: none !important;
  background: #ffffff0a !important;
  border-color: #ffffff42 !important;
  transform: none !important;
}

html[data-camixel-theme="light"] body.premium-ui header#navbar .nav-cta > .nav-cta-link.nav-cta-secondary {
  color: #475569 !important;
  background: none !important;
  border-color: #cbd5e1 !important;
}

html[data-camixel-theme="light"] body.premium-ui header#navbar .nav-cta > .nav-cta-link.nav-cta-secondary:hover, html[data-camixel-theme="light"] body.premium-ui header#navbar .nav-cta > .nav-cta-link.nav-cta-secondary:focus-visible {
  color: #0f172a !important;
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
}

@media (width <= 1100px) {
  body.premium-ui header#navbar #nav-links {
    top: 76px !important;
  }
}